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

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

Added genre liking, fixed counter, improved paging, improved searches

  • Property mode set to 100644
File size: 3.5 KB
RevLine 
[f25e8dd]1
2<div xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml" style="width: 80%; margin: auto">
3 <div>
4
5 <div style="width: 60%; margin-left: 10px; padding:20px; float:left">
6 <h1 th:text="${person.getName() + ' ' + person.getSurname()}" style="text-align: center; padding:10px; background-color: rgba(64,64,64,0.5); color:white; border-radius: 10px 0px"></h1>
7 <hr>
8 <h3 th:text="${'Born on: ' + person.getDateOfBirth()}"></h3>
9 <div style="background-color: rgba(200,200,200,0.5); border-radius: 10px; padding:15px; ">
10 <h3>Description:</h3>
11 <p th:text="${person.getDescription()}" style="text-align: justify"></p>
12 </div>
13
14 <div th:if="${person.getType() == 'D'}">
15 <h3 >Directed movies:</h3>
16 <ul>
17 <li th:each="movie: ${actor.getMovies()}"><a th:text="${movie.getTitle()}" th:href="@{'/movies/{id}' (id=${movie.getMovieId()})}" ></a></li>
18 </ul>
19 </div>
20 <div th:if="${person.getType() == 'A'}">
21 <h3 >Acted in movies:</h3>
22 <ul>
23 <li th:each="movie: ${actor.getMovieActors()}" ><a th:text="${movie.getMovie().getTitle()}" th:href="@{'/movies/{id}' (id=${movie.getMovie().getMovieId()})}" ></a></li>
24 </ul>
25 </div>
26
27 </div>
28 <div style="width: 30%; margin-left: 10px; padding:20px; border-left: 3px solid black; border-radius: 10px; float:left">
29 <img th:src="${person.getImageUrl()}" style="width: 90%; height: auto">
30 </div>
31 </div>
[3c0f9a9]32 <div style="width: 45%; margin: 25px; float:left; background-color: rgb(200,200,200); padding: 10px; border-radius: 5px">
33 <h2>
34 <span>Бројот на оцени кои филмот ги добил:</span>
35 <span th:text="${movie.getRates().size()}"></span>
36 </h2>
37 <hr>
38 <div th:each="rating: ${movie.getRates()}" style="margin-bottom: 10px; border: 2px solid gray; border-radius: 10px; background-color: lightblue; padding: 10px; border-radius: 10px; min-height: 130px;">
39 <div style="width: 60%; float:left;">
40 <p th:text="${rating.getReason()}" style="text-align: justify"></p>
41 </div>
42 <div style="width: 30%; float:right; background-color: darkorange; border-radius: 10px 30px; color: whitesmoke; padding: 10px;">
43 <h2 style="text-align: center">Rated:</h2>
44 <p th:text="${rating.getStarsRated() + ' out of 10 stars'}" style="text-align: center"></p>
45 </div>
46 </div>
47 </div>
48 <div style="width: 45%; margin: 25px; float:left; background-color: rgb(200,200,200); padding: 10px; border-radius: 5px">
49 <h2>
50 <span>Бројот на лајкови кои филмот ги добил:</span>
51 <span th:text="${movie.getLikes().size()}"></span>
52 </h2>
53 <hr>
54 <div th:each="liked: ${movie.getLikes()}" style="margin-bottom: 10px; border: 2px solid gray; border-radius: 10px; background-color: lightblue; padding: 10px; border-radius: 10px; min-height: 60px;">
55 <div style="width: 100%; float:left;">
56 <h3 style="text-align: center">
57 <span th:text="${liked.getUser().getName() + ' ' + liked.getUser().getSurname()}"></span>
58 <span style="color: green; font-size: 100%" >✔</span>
59 </h3>
60 </div>
61 </div>
62 </div>
[f25e8dd]63</div>
Note: See TracBrowser for help on using the repository browser.