From 82b8cf49535f66355decea147328068e29e04f6c Mon Sep 17 00:00:00 2001 From: Ziedelth Date: Tue, 22 Mar 2022 15:28:32 +0100 Subject: [PATCH 1/6] Prepare for view --- src/main/webapp/css/main.css | 31 +++++++++++++++++++++++++++++++ src/main/webapp/index.jsp | 28 +++++++++++++++++++++++++++- 2 files changed, 58 insertions(+), 1 deletion(-) create mode 100644 src/main/webapp/css/main.css diff --git a/src/main/webapp/css/main.css b/src/main/webapp/css/main.css new file mode 100644 index 0000000..56bfafb --- /dev/null +++ b/src/main/webapp/css/main.css @@ -0,0 +1,31 @@ +:root { + --main-color: #E50914; +} + +* { + color: white; +} + +body { + background-color: black; +} + +.color-text { + color: var(--main-color); +} + +.color-border { + border-color: var(--main-color) !important; +} + +.description { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.description:hover { + text-overflow: unset; + white-space: unset; + overflow: unset; +} \ No newline at end of file diff --git a/src/main/webapp/index.jsp b/src/main/webapp/index.jsp index c38169b..bbfca3c 100644 --- a/src/main/webapp/index.jsp +++ b/src/main/webapp/index.jsp @@ -1,5 +1,31 @@ + + + + + + + FilmFlix + -

Hello World!

+
+

FilmFlix

+ +
+
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At debitis expedita quaerat? Ad delectus dolorem dolorum excepturi impedit quae recusandae! Alias at aut corporis eius, hic ipsum recusandae sequi velit?
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta necessitatibus sequi. Accusantium architecto corporis, deleniti dolorem eligendi et excepturi fugit id in iste, magni officia quos ut vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, numquam quibusdam? Adipisci corporis dicta eos, esse eveniet hic id iusto maxime minima, natus neque nihil, porro quas soluta unde voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto commodi dignissimos dolore ducimus eum fuga hic ipsa laborum minima mollitia, nulla officia quasi recusandae repellendus reprehenderit, sed similique, temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut autem beatae cupiditate hic magnam maxime natus neque odit perferendis porro quaerat quidem repellendus sequi sunt temporibus, ut velit voluptatum!

+ +
+ Il y a 20 minutes + 1h20min +
+
+
+
+
+ + From f0d72e8dc73d4f36d7d787bda09e0b86243cb4c2 Mon Sep 17 00:00:00 2001 From: Ziedelth Date: Tue, 22 Mar 2022 15:42:22 +0100 Subject: [PATCH 2/6] Change font and logo --- src/main/webapp/assets/logo.png | Bin 0 -> 15517 bytes src/main/webapp/css/main.css | 9 +++++---- src/main/webapp/index.jsp | 7 +++++-- 3 files changed, 10 insertions(+), 6 deletions(-) create mode 100644 src/main/webapp/assets/logo.png diff --git a/src/main/webapp/assets/logo.png b/src/main/webapp/assets/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..6f8b19dc79b8d57e30e4d4047e533749b1ff6054 GIT binary patch literal 15517 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%0Dh9piK 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 Q4+em&q@qN%m~rU;1+>3E>i_@% literal 0 HcmV?d00001 diff --git a/src/main/webapp/css/main.css b/src/main/webapp/css/main.css index 56bfafb..b843938 100644 --- a/src/main/webapp/css/main.css +++ b/src/main/webapp/css/main.css @@ -4,6 +4,7 @@ * { color: white; + font-family: 'Montserrat', sans-serif; } body { @@ -19,13 +20,13 @@ body { } .description { - text-overflow: ellipsis; - white-space: nowrap; + display: -webkit-box; + -webkit-line-clamp: 4; + -webkit-box-orient: vertical; overflow: hidden; } .description:hover { - text-overflow: unset; - white-space: unset; + display: block; overflow: unset; } \ No newline at end of file diff --git a/src/main/webapp/index.jsp b/src/main/webapp/index.jsp index bbfca3c..d4118c6 100644 --- a/src/main/webapp/index.jsp +++ b/src/main/webapp/index.jsp @@ -3,16 +3,19 @@ + FilmFlix
-

FilmFlix

+
+ FilmFlix logo +
-
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At debitis expedita quaerat? Ad delectus dolorem dolorum excepturi impedit quae recusandae! Alias at aut corporis eius, hic ipsum recusandae sequi velit?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta necessitatibus sequi. Accusantium architecto corporis, deleniti dolorem eligendi et excepturi fugit id in iste, magni officia quos ut vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, numquam quibusdam? Adipisci corporis dicta eos, esse eveniet hic id iusto maxime minima, natus neque nihil, porro quas soluta unde voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto commodi dignissimos dolore ducimus eum fuga hic ipsa laborum minima mollitia, nulla officia quasi recusandae repellendus reprehenderit, sed similique, temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut autem beatae cupiditate hic magnam maxime natus neque odit perferendis porro quaerat quidem repellendus sequi sunt temporibus, ut velit voluptatum!

From 3731cabd751b6c0ed4a8a089eea68ed1aeedc3c2 Mon Sep 17 00:00:00 2001 From: Ziedelth Date: Tue, 22 Mar 2022 16:07:39 +0100 Subject: [PATCH 3/6] Add icon and change view of row --- src/main/webapp/favicon.ico | Bin 0 -> 32742 bytes src/main/webapp/index.jsp | 39 ++++++++++++++++++++++++++++++++++-- src/main/webapp/js/main.js | 3 +++ 3 files changed, 40 insertions(+), 2 deletions(-) create mode 100644 src/main/webapp/favicon.ico create mode 100644 src/main/webapp/js/main.js diff --git a/src/main/webapp/favicon.ico b/src/main/webapp/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..df58ad137015bbb82993984ccc4739eaa6c00afa GIT binary patch literal 32742 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 literal 0 HcmV?d00001 diff --git a/src/main/webapp/index.jsp b/src/main/webapp/index.jsp index d4118c6..d38a7e2 100644 --- a/src/main/webapp/index.jsp +++ b/src/main/webapp/index.jsp @@ -14,8 +14,41 @@ FilmFlix logo
-
-
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At debitis expedita quaerat? Ad delectus dolorem dolorum excepturi impedit quae recusandae! Alias at aut corporis eius, hic ipsum recusandae sequi velit?
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta necessitatibus sequi. Accusantium architecto corporis, deleniti dolorem eligendi et excepturi fugit id in iste, magni officia quos ut vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, numquam quibusdam? Adipisci corporis dicta eos, esse eveniet hic id iusto maxime minima, natus neque nihil, porro quas soluta unde voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto commodi dignissimos dolore ducimus eum fuga hic ipsa laborum minima mollitia, nulla officia quasi recusandae repellendus reprehenderit, sed similique, temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut autem beatae cupiditate hic magnam maxime natus neque odit perferendis porro quaerat quidem repellendus sequi sunt temporibus, ut velit voluptatum!

+ +
+ Il y a 20 minutes + 1h20min +
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At debitis expedita quaerat? Ad delectus dolorem dolorum excepturi impedit quae recusandae! Alias at aut corporis eius, hic ipsum recusandae sequi velit?
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta necessitatibus sequi. Accusantium architecto corporis, deleniti dolorem eligendi et excepturi fugit id in iste, magni officia quos ut vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, numquam quibusdam? Adipisci corporis dicta eos, esse eveniet hic id iusto maxime minima, natus neque nihil, porro quas soluta unde voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto commodi dignissimos dolore ducimus eum fuga hic ipsa laborum minima mollitia, nulla officia quasi recusandae repellendus reprehenderit, sed similique, temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut autem beatae cupiditate hic magnam maxime natus neque odit perferendis porro quaerat quidem repellendus sequi sunt temporibus, ut velit voluptatum!

+ +
+ Il y a 20 minutes + 1h20min +
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At debitis expedita quaerat? Ad delectus dolorem dolorum excepturi impedit quae recusandae! Alias at aut corporis eius, hic ipsum recusandae sequi velit?
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta necessitatibus sequi. Accusantium architecto corporis, deleniti dolorem eligendi et excepturi fugit id in iste, magni officia quos ut vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, numquam quibusdam? Adipisci corporis dicta eos, esse eveniet hic id iusto maxime minima, natus neque nihil, porro quas soluta unde voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto commodi dignissimos dolore ducimus eum fuga hic ipsa laborum minima mollitia, nulla officia quasi recusandae repellendus reprehenderit, sed similique, temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut autem beatae cupiditate hic magnam maxime natus neque odit perferendis porro quaerat quidem repellendus sequi sunt temporibus, ut velit voluptatum!

+ +
+ Il y a 20 minutes + 1h20min +
+
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At debitis expedita quaerat? Ad delectus dolorem dolorum excepturi impedit quae recusandae! Alias at aut corporis eius, hic ipsum recusandae sequi velit?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta necessitatibus sequi. Accusantium architecto corporis, deleniti dolorem eligendi et excepturi fugit id in iste, magni officia quos ut vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, numquam quibusdam? Adipisci corporis dicta eos, esse eveniet hic id iusto maxime minima, natus neque nihil, porro quas soluta unde voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto commodi dignissimos dolore ducimus eum fuga hic ipsa laborum minima mollitia, nulla officia quasi recusandae repellendus reprehenderit, sed similique, temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut autem beatae cupiditate hic magnam maxime natus neque odit perferendis porro quaerat quidem repellendus sequi sunt temporibus, ut velit voluptatum!

@@ -30,5 +63,7 @@
+ + diff --git a/src/main/webapp/js/main.js b/src/main/webapp/js/main.js new file mode 100644 index 0000000..fba4756 --- /dev/null +++ b/src/main/webapp/js/main.js @@ -0,0 +1,3 @@ +$(document).ready(function () { + console.log("OK"); +}); \ No newline at end of file From f49fc55d911140c98617a1f2881ee56037d8fe2e Mon Sep 17 00:00:00 2001 From: Ziedelth Date: Tue, 22 Mar 2022 16:42:24 +0100 Subject: [PATCH 4/6] Prepare request --- src/main/webapp/css/main.css | 23 ++++++++++- src/main/webapp/index.jsp | 74 ++++++++++++++---------------------- src/main/webapp/js/main.js | 4 ++ 3 files changed, 54 insertions(+), 47 deletions(-) diff --git a/src/main/webapp/css/main.css b/src/main/webapp/css/main.css index b843938..6615132 100644 --- a/src/main/webapp/css/main.css +++ b/src/main/webapp/css/main.css @@ -11,6 +11,10 @@ body { background-color: black; } +main { + min-height: calc(100vh - 4rem); +} + .color-text { color: var(--main-color); } @@ -19,14 +23,29 @@ body { border-color: var(--main-color) !important; } -.description { +.title { + color: var(--main-color); + text-align: center; + + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.title:hover { + display: block; + overflow: unset; +} + +.description-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } -.description:hover { +.description-4:hover { display: block; overflow: unset; } \ No newline at end of file diff --git a/src/main/webapp/index.jsp b/src/main/webapp/index.jsp index d38a7e2..9d4aea4 100644 --- a/src/main/webapp/index.jsp +++ b/src/main/webapp/index.jsp @@ -9,58 +9,42 @@ FilmFlix -
-
- FilmFlix logo -
- -
-
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At debitis expedita quaerat? Ad delectus dolorem dolorum excepturi impedit quae recusandae! Alias at aut corporis eius, hic ipsum recusandae sequi velit?
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta necessitatibus sequi. Accusantium architecto corporis, deleniti dolorem eligendi et excepturi fugit id in iste, magni officia quos ut vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, numquam quibusdam? Adipisci corporis dicta eos, esse eveniet hic id iusto maxime minima, natus neque nihil, porro quas soluta unde voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto commodi dignissimos dolore ducimus eum fuga hic ipsa laborum minima mollitia, nulla officia quasi recusandae repellendus reprehenderit, sed similique, temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut autem beatae cupiditate hic magnam maxime natus neque odit perferendis porro quaerat quidem repellendus sequi sunt temporibus, ut velit voluptatum!

- -
- Il y a 20 minutes - 1h20min -
-
+
+
+
+ FilmFlix logo
-
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At debitis expedita quaerat? Ad delectus dolorem dolorum excepturi impedit quae recusandae! Alias at aut corporis eius, hic ipsum recusandae sequi velit?
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta necessitatibus sequi. Accusantium architecto corporis, deleniti dolorem eligendi et excepturi fugit id in iste, magni officia quos ut vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, numquam quibusdam? Adipisci corporis dicta eos, esse eveniet hic id iusto maxime minima, natus neque nihil, porro quas soluta unde voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto commodi dignissimos dolore ducimus eum fuga hic ipsa laborum minima mollitia, nulla officia quasi recusandae repellendus reprehenderit, sed similique, temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut autem beatae cupiditate hic magnam maxime natus neque odit perferendis porro quaerat quidem repellendus sequi sunt temporibus, ut velit voluptatum!

-
- Il y a 20 minutes - 1h20min -
-
-
-
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At debitis expedita quaerat? Ad delectus dolorem dolorum excepturi impedit quae recusandae! Alias at aut corporis eius, hic ipsum recusandae sequi velit?
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta necessitatibus sequi. Accusantium architecto corporis, deleniti dolorem eligendi et excepturi fugit id in iste, magni officia quos ut vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, numquam quibusdam? Adipisci corporis dicta eos, esse eveniet hic id iusto maxime minima, natus neque nihil, porro quas soluta unde voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto commodi dignissimos dolore ducimus eum fuga hic ipsa laborum minima mollitia, nulla officia quasi recusandae repellendus reprehenderit, sed similique, temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut autem beatae cupiditate hic magnam maxime natus neque odit perferendis porro quaerat quidem repellendus sequi sunt temporibus, ut velit voluptatum!

+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At debitis expedita quaerat? Ad delectus dolorem dolorum excepturi impedit quae recusandae! Alias at aut corporis eius, hic ipsum recusandae sequi velit?
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta necessitatibus sequi. Accusantium architecto corporis, deleniti dolorem eligendi et excepturi fugit id in iste, magni officia quos ut vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, numquam quibusdam? Adipisci corporis dicta eos, esse eveniet hic id iusto maxime minima, natus neque nihil, porro quas soluta unde voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto commodi dignissimos dolore ducimus eum fuga hic ipsa laborum minima mollitia, nulla officia quasi recusandae repellendus reprehenderit, sed similique, temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut autem beatae cupiditate hic magnam maxime natus neque odit perferendis porro quaerat quidem repellendus sequi sunt temporibus, ut velit voluptatum!

-
- Il y a 20 minutes - 1h20min -
-
-
-
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At debitis expedita quaerat? Ad delectus dolorem dolorum excepturi impedit quae recusandae! Alias at aut corporis eius, hic ipsum recusandae sequi velit?
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta necessitatibus sequi. Accusantium architecto corporis, deleniti dolorem eligendi et excepturi fugit id in iste, magni officia quos ut vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, numquam quibusdam? Adipisci corporis dicta eos, esse eveniet hic id iusto maxime minima, natus neque nihil, porro quas soluta unde voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto commodi dignissimos dolore ducimus eum fuga hic ipsa laborum minima mollitia, nulla officia quasi recusandae repellendus reprehenderit, sed similique, temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut autem beatae cupiditate hic magnam maxime natus neque odit perferendis porro quaerat quidem repellendus sequi sunt temporibus, ut velit voluptatum!

- -
- Il y a 20 minutes - 1h20min +
+ Il y a 20 minutes + 1h20min +
-
+
+ +
+
+
+
+

Projet de Archi Ntiers

+

Florian - Pierre

+
+ +
+ 2022 +
+
+
+
diff --git a/src/main/webapp/js/main.js b/src/main/webapp/js/main.js index fba4756..c3667bf 100644 --- a/src/main/webapp/js/main.js +++ b/src/main/webapp/js/main.js @@ -1,3 +1,7 @@ $(document).ready(function () { console.log("OK"); + + $.get("https://ziedelth.fr/api/v1/country/fr/page/1/limit/9/episodes", function (data) { + console.table(data); + }); }); \ No newline at end of file From 3d95aa9fc2817e5ed235663e7efd265512cb7bee Mon Sep 17 00:00:00 2001 From: Ziedelth Date: Tue, 22 Mar 2022 17:27:11 +0100 Subject: [PATCH 5/6] Prepare --- src/main/webapp/index.jsp | 12 +----------- src/main/webapp/js/main.js | 24 ++++++++++++++++++++---- 2 files changed, 21 insertions(+), 15 deletions(-) diff --git a/src/main/webapp/index.jsp b/src/main/webapp/index.jsp index 9d4aea4..6ae2bc8 100644 --- a/src/main/webapp/index.jsp +++ b/src/main/webapp/index.jsp @@ -15,18 +15,8 @@ FilmFlix logo
-
-
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At debitis expedita quaerat? Ad delectus dolorem dolorum excepturi impedit quae recusandae! Alias at aut corporis eius, hic ipsum recusandae sequi velit?
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta necessitatibus sequi. Accusantium architecto corporis, deleniti dolorem eligendi et excepturi fugit id in iste, magni officia quos ut vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, numquam quibusdam? Adipisci corporis dicta eos, esse eveniet hic id iusto maxime minima, natus neque nihil, porro quas soluta unde voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto commodi dignissimos dolore ducimus eum fuga hic ipsa laborum minima mollitia, nulla officia quasi recusandae repellendus reprehenderit, sed similique, temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut autem beatae cupiditate hic magnam maxime natus neque odit perferendis porro quaerat quidem repellendus sequi sunt temporibus, ut velit voluptatum!

+
-
- Il y a 20 minutes - 1h20min -
-
-
diff --git a/src/main/webapp/js/main.js b/src/main/webapp/js/main.js index c3667bf..36f4b98 100644 --- a/src/main/webapp/js/main.js +++ b/src/main/webapp/js/main.js @@ -1,7 +1,23 @@ $(document).ready(function () { console.log("OK"); - $.get("https://ziedelth.fr/api/v1/country/fr/page/1/limit/9/episodes", function (data) { - console.table(data); - }); -}); \ No newline at end of file + $("#films").append(generateFilmCard("lorem", "lorem")); + + // $.get("https://ziedelth.fr/api/v1/country/fr/page/1/limit/9/episodes", function (data) { + // console.table(data); + // }); +}); + +function generateFilmCard(title, description) { + return `
+
+
${title}
+

${description}

+ +
+ Il y a 20 minutes + 1h20min +
+
+
`; +} \ No newline at end of file From 460bdf8e1c7b456e220ebb4278ced6c4f5ba2b36 Mon Sep 17 00:00:00 2001 From: Ziedelth Date: Tue, 22 Mar 2022 17:52:42 +0100 Subject: [PATCH 6/6] Add request --- .gitignore | 1 + src/main/resources/hibernate.cfg.xml | 29 ---------------------------- src/main/webapp/js/main.js | 12 ++++++++---- 3 files changed, 9 insertions(+), 33 deletions(-) delete mode 100644 src/main/resources/hibernate.cfg.xml diff --git a/.gitignore b/.gitignore index 2d513a0..a2b99ea 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ /.idea/ /target/ +/src/main/resources/hibernate.cfg.xml diff --git a/src/main/resources/hibernate.cfg.xml b/src/main/resources/hibernate.cfg.xml deleted file mode 100644 index 8bfcb25..0000000 --- a/src/main/resources/hibernate.cfg.xml +++ /dev/null @@ -1,29 +0,0 @@ - - - - - - - org.hibernate.dialect.MariaDBDialect - - - - org.mariadb.jdbc.Driver - - - - - - jdbc:mariadb://localhost:3306/filmflix - - - - filmflix - - - - filmflix - - - \ No newline at end of file diff --git a/src/main/webapp/js/main.js b/src/main/webapp/js/main.js index 36f4b98..31f59be 100644 --- a/src/main/webapp/js/main.js +++ b/src/main/webapp/js/main.js @@ -1,11 +1,15 @@ $(document).ready(function () { console.log("OK"); - $("#films").append(generateFilmCard("lorem", "lorem")); + // $("#films").append(generateFilmCard("lorem", "lorem")); - // $.get("https://ziedelth.fr/api/v1/country/fr/page/1/limit/9/episodes", function (data) { - // console.table(data); - // }); + $.get("http://localhost:8080/api/film", function (data) { + console.table(data); + + for (let dataKey of data) { + $("#films").append(generateFilmCard(dataKey.name, dataKey.description)); + } + }); }); function generateFilmCard(title, description) {