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

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

Added User profiles, improved clarity, improved UI

  • Property mode set to 100644
File size: 4.2 KB
Line 
1
2<div xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml" style="width: 70%; margin: auto">
3 <div style="clear: both; margin-bottom: 10px; display: inline-block">
4 <div style="width: 60%; margin-left: 10px; padding:20px; float:left">
5 <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>
6 <hr>
7 <h3 th:text="${'Роден/а на: ' + person.getDateFormatted()}"></h3>
8 <div style="background-color: rgba(200,200,200,0.5); border-radius: 10px; padding:15px; ">
9 <h3>Краток Опис:</h3>
10 <p th:text="${person.getDescription()}" style="text-align: justify"></p>
11 </div>
12
13 <div th:if="${person.getType().toString().contains('D')}" class="person-movies-list">
14 <h3 >Режисирани филмови:</h3>
15 <hr>
16 <ul>
17 <li th:each="movie: ${person.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().toString().contains('A')}" class="person-movies-list">
21 <h3 >Се појавува во филмовите:</h3>
22 <hr>
23 <ul>
24 <li th:each="movie: ${person.getMovieActors()}" ><a th:text="${movie.getMovie().getTitle()}" th:href="@{'/movies/{id}' (id=${movie.getMovie().getMovieId()})}" ></a></li>
25 </ul>
26 </div><br>
27 <ul style="list-style-type: none; width: 100%; margin: auto" id="buttons-person">
28 <li><a class="btn btn-primary" th:href="@{'discussions/all/{id}?type=P' (id=${person.getPersonId()})}" >Прегледај дискусии</a></li>
29 <th:block sec:authorize="isAuthenticated()">
30 <li><a class="btn btn-secondary button-add-grade-person" th:person-id="${person.getPersonId()}" th:if="${!person.hasGradeFromUser(user)}">Остави оценка</a></li>
31 <li><a class="btn btn-secondary button-add-grade-person" th:person-id="${person.getPersonId()}" th:if="${person.hasGradeFromUser(user)}">Промени оценка</a></li>
32 <li><a class="btn btn-warning" th:href="@{'persons/edit/{personId}' (personId = ${person.getPersonId()})}">Промени</a></li>
33 <li><a class="btn btn-danger button-delete-actor" th:person-id="${person.getPersonId()}">Избриши</a></li>
34 </th:block>
35 </ul>
36 </div>
37 <div style="width: 30%; margin-left: 10px; padding:20px; border-left: 3px solid black; border-radius: 10px; float:right">
38 <img th:src="${person.getImageUrl()}" style="width: 90%; height: auto">
39 </div>
40 </div>
41 <br>
42 <div style="clear:both; display: inline-block; width: 100%; background-color: rgb(200,200,200); padding: 10px; border-radius: 5px">
43 <h2>
44 <span>Бројот на оцени кои личноста ги има добиено:</span>
45 <span th:text="${person.getPersonRates().size()}"></span>
46 </h2>
47 <hr>
48 <div th:each="rating: ${person.getPersonRates()}" style="margin-bottom: 10px; border: 2px solid gray; border-radius: 10px; background-color: lightblue; padding: 10px; border-radius: 10px; min-height: 130px;">
49 <div style="width: 60%; float:left;">
50 <a th:href="@{'/profiles/{id}' (id=${rating.getUser().getUserId()})}">
51 <h4 th:text="${'Oд: '+rating.getUser().getName() + ' ' + rating.getUser().getSurname()}"> </h4>
52 </a>
53 <p th:text="${rating.getReason()}" style="text-align: justify"></p>
54 </div>
55 <div style="width: 30%; float:right; background-color: darkorange; border-radius: 10px 30px; color: whitesmoke; padding: 10px;">
56 <h2 style="text-align: center">Оценет со :</h2>
57 <p th:text="${rating.getStarsRated() + ' од 10'}" style="text-align: center"></p>
58 </div>
59 </div>
60 </div>
61
62</div>
Note: See TracBrowser for help on using the repository browser.