Changeset c02189f in Git for src/main/resources/templates/moviesListPaged.html

Timestamp:

02/08/22 20:13:23 (3 years ago)

Author:

Petar Partaloski <ppartaloski@…>

Branches:

main

Children:

0226942, 3fe36de

Parents:

3c0f9a9

Message:

Added new core functionalities, fixed bugs and improved visual clarity

File:

• src/main/resources/templates/moviesListPaged.html (modified) (3 diffs)

src/main/resources/templates/moviesListPaged.html

@@ -1 +1 @@
 <div xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
-
-    <div style="width: 70%; margin: auto">
-        <div th:replace="fragments/searchBarName"></div>
-        <div th:replace="fragments/searchBarGenre"></div>
-
+    <div style="margin:auto; width: 60%">
+        <div style="width: 30%; margin: auto; height: 100%; margin-bottom: 10px">
+            <a class="btn btn-outline-dark" style="height: 100%; width: 100%; font-size: 125%" id="button_toggle_filters">Прикажи филтрирање</a>
+        </div>
+        <div style="width: 100%; margin: auto; transition: 200ms" id="filters_div" class="invisible-search">
+            <div th:replace="fragments/searchBarName"></div><br>
+            <div th:replace="fragments/searchBarGenre"></div>
+        </div>
     </div>
-
     <div id="paging-section">
         <div id="inner-paging" class="input-group">
@@ -25 +27 @@
             </div>
         </div>
-    </div><br><br><br>
+    </div><br>
 
     <div class="container mb-4">
@@ -34 +36 @@
         <div class="row" th:each="row: ${movie_rows}" >
             <div class="col-md-3 elements" th:each="movie: ${row}" >
+                <span th:each="genre: ${movie.getGenres()}"  th:text="${genre?.getGenre()?.getGenreType()}" hidden class="card-genre"></span>
                     <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>
+                        <span class="card-text bottom">
+                            <h3 th:text="${'Оценет '+movie.getImdbRating() + '/10'}"></h3>
+                        </span>
                         <th:block sec:authorize="isAuthenticated()">
                             <a class="bottom-heart btn btn-success button-add-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${!likedMovies.contains(movie)}">❤</a>