Changeset 7f36551 in Git for src/main/resources

Timestamp:

02/06/22 22:56:26 (2 years ago)

Author:

Test <matonikolov77@…>

Branches:

main

Children:

3c0f9a9, ad4243e

Parents:

42d565b

Message:

Resolved bux for fronted and repaired filtering through title and genres for movies

Location:

src/main/resources

Files:

• static/js/sharedScript.js (modified) (2 diffs)
• templates/moviesList.html (modified) (1 diff)

src/main/resources/static/js/sharedScript.js

@@ -39 +39 @@
     $(".search-button-title").on("click",function (){
         let filter = $("#searchTitle").val()
+        console.log(elements)
         for (let item of elements){
-            let title = item.cells[0].innerText
+            let title =  $(item).find(".card-title").text()
             if (title.toLowerCase() === filter.toLowerCase()){
+                console.log("Da")
                 $(item).css("display","block")
             }
@@ -54 +56 @@
    $(".search-button").on("click",function () {
         let filter = $("#searchGenre").val()
-        for (let item of elements) {
-            let genre = item.cells[4].children;
+       console.log(elements)
+
+       for (let item of elements) {
+            let genre = $(item).find(".card-genre")
             let visible = false;
 
-            for (g of genre) {
+            for (let g of genre) {
 
                 if ($(g).text().toLowerCase() === filter.toLowerCase()) {

src/main/resources/templates/moviesList.html

@@ -12 +12 @@
     <div class="container mb-4">
         <div class="row" th:each="row: ${movie_rows}" >
-            <div class="col-md-3" th:each="movie: ${row}" >
+            <div class="col-md-3 elements" th:each="movie: ${row}" >
                     <div class="card-body card bg-image" th:style="'background:url(' + ${movie.getImageUrl()} + ') no-repeat center #eee;'">
                         <a class="card-text-center" style="color: white" th:href="@{'/movies/{id}' (id=${movie.getMovieId()})}" >
                         <h3 class="card-title title" th:text="${movie.getTitle()}"></h3>
+                            <span th:each="genre: ${movie.getGenres()}"  th:text="${genre?.getGenre()?.getGenreType()}" hidden class="card-genre"></span>
+
                         </a>
                         <h3 class="card-text bottom" th:text="${'Rated '+movie.getImdbRating()}"></h3>