Changeset 7f36551 in Git for target

Timestamp:

02/06/22 22:56:26 (3 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:

target/classes

Files:

• com/wediscussmovies/project/LoggedUser.class (modified) ( previous)
• com/wediscussmovies/project/configuration/SecurityConfig.class (modified) ( previous)
• com/wediscussmovies/project/model/Movie.class (modified) ( previous)
• com/wediscussmovies/project/repository/UserRepository.class (modified) ( previous)
• com/wediscussmovies/project/web/DesignFrontMovies.class (added)
• com/wediscussmovies/project/web/controller/MovieController.class (modified) ( previous)
• com/wediscussmovies/project/web/controller/PersonController.class (modified) ( previous)
• com/wediscussmovies/project/web/controller/UsersController.class (modified) ( previous)
• static/css/shared.css (modified) (1 diff)
• static/js/sharedScript.js (modified) (2 diffs)
• templates/moviesList.html (modified) (1 diff)

target/classes/static/css/shared.css

@@ -40 +40 @@
     transition: 400ms;
     color:black;
-    -webkit-text-stroke-color: gray;
+    -webkit-text-stroke-color: white;
 }
 

target/classes/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()) {

target/classes/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>