source: Git/src/main/resources/templates/favoriteList.html@ ad4243e

main
Last change on this file since ad4243e was 2efe93e, checked in by Petar Partaloski <ppartaloski@…>, 3 years ago

Improved Front-End, added card view of movies

  • Property mode set to 100644
File size: 2.5 KB
Line 
1<div class="container mb-4" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
2 <div class="row" th:each="row: ${movie_rows}" >
3 <div class="col-md-3" th:each="movie: ${row}" >
4 <a class="card-text-center" th:href="@{'/movies/{id}' (id=${movie.getMovieId()})}" >
5 <div class="card-body card bg-image" th:style="'background:url(' + ${movie.getImageUrl()} + ') no-repeat center #eee;'">
6 <h3 class="card-title title" th:text="${movie.getTitle()}"></h3>
7 <h3 class="card-text bottom" th:text="${'Rated '+movie.getImdbRating()}"></h3>
8 </div>
9 </a>
10 </div>
11 </div>
12
13 <!--<div class="row">
14 <div class="col-12" th:if="${movies.size() > 0}">
15 <div class="table-responsive">
16 <table class="table table-striped">
17 <thead>
18 <tr>
19 <th scope="col">Наслов</th>
20 <th scope="col">Опис</th>
21 <th scope="col">Датум издавање</th>
22 <th scope="col">Допаѓања</th>
23 <th scope="col">Занрови</th>
24 <th scope="col">Актери</th>
25 <th scope="col">Режисер</th>
26
27
28
29 </tr>
30 </thead>
31 <tbody>
32 <tr th:each="movie : ${movies}" class="elements">
33 <td th:text="${movie.getTitle()}"></td>
34 <td th:text="${movie.getDescription()}"></td>
35 <td th:text="${movie.getAiringDate()}"></td>
36 <td th:text="${movie.getLikes() != null ? movie.getLikes().size() : 0}">
37
38 </td>
39 <td class="genre">
40 <div th:each="g: ${movie.getGenres()}" th:text="${g.getGenre().genreType }"></div>
41 </td>
42 <td>
43 <div th:each="a: ${movie.getActors()}" th:text="${a.getPerson().getName()} "></div>
44 </td>
45 <td th:text="${movie.getDirector() != null ? movie.getDirector()?.getName() + ' '+ movie.getDirector()?.getSurname() : 'Не е додаен директор'}"></td>
46
47 </tr>
48 </tbody>
49 </table>
50 </div>
51 </div>
52 </div>-->
53</div>
Note: See TracBrowser for help on using the repository browser.