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

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

Added User profiles, improved clarity, improved UI

  • Property mode set to 100644
File size: 4.2 KB
RevLine 
[3fe36de]1
2<div xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
3 <div style="width: 70%; margin: auto">
4 <h1 th:text="${user.getName() + ' ' + user.getSurname()}" style="text-align: center; padding:10px; background-color: rgba(64,64,64,0.5); color:white; border-radius: 10px 0px"></h1>
5 <hr>
6 <div style="width: 80%; margin: auto">
7 <h3>
8 <span>Е-маил:</span>
9 <span th:text="${user.getEmail()}"></span>
10 </h3>
11 <h3>
12 <span>Корисничко име:</span>
13 <span th:text="${user.getUsername()}"></span>
14 </h3>
15 </div>
16 </div>
17 <div style="width: 60%; margin:auto">
18 <div class="user-movies-list genres-listing hidden-class" style="width: 45%;float: left">
19 <h3>Жанрови кои му се допаднале на корисникот:</h3>
20 <ul>
21 <li th:each="genre: ${user.getUserGenres()}" th:text="${genre.getGenre().getGenreType()}"></li>
22 </ul>
23 </div>
24 <div class="user-movies-list genres-listing hidden-class" style="width: 45%;float: left">
25 <h3>Филмови кои му се допаднале на корисникот:</h3>
26 <ul>
27 <div th:each="movie: ${user.getMovieLikes()}">
28 <a th:href="@{'/movies/{id}' (id=${movie.getMovie().getMovieId()})}">
29 <li th:text="${movie.getMovie().getTitle()}"></li>
30 </a>
31 </div>
32 </ul>
33 </div>
34 </div>
35 <div style="width: 60%; margin: auto">
36 <div class="user-movies-list hidden-class" style="width: 45%;float: left">
37 <h3>Актери и Режисери на кои корисникот им дал оцена:</h3>
38 <ul>
39 <li th:each="person: ${user.getPersonRates()}">
40 <a th:text="${person.getPerson().getName() + ' ' + person.getPerson().getSurname()}" th:href="@{'/persons/{id}' (id=${person.getPerson().getPersonId()})}" class="rate-title"></a>
41 <hr>
42 <h4 th:text="${person.getStarsRated() + '/10'}"></h4>
43 <br>
44 <p th:text="${person.getReason()}" class="user-text"></p>
45 </li>
46 </ul>
47 </div>
48 <div class="user-movies-list hidden-class" style="width: 45%;float: left">
49 <h3>Филмови на кои корисникот им дал оцена:</h3>
50 <ul>
51 <li th:each="movieRates: ${user.getMovieRates()}">
52 <a th:text="${movieRates.getMovie().getTitle() }" th:href="@{'/movies/{id}' (id=${movieRates.getMovie().getMovieId()})}" class="rate-title"></a>
53 <hr>
54 <h4 th:text="${movieRates.getStarsRated() + '/10'}"></h4>
55 <br>
56 <p th:text="${movieRates.getReason()}" class="user-text"></p>
57 </li>
58 </ul>
59 </div>
60 </div>
61 <div style="width: 60%; margin: auto">
62 <div class="user-movies-list hidden-class" style="width: 45%;float: left">
63 <h3>Дискусии од корисникот:</h3>
64 <ul>
65 <li th:each="discussion: ${user.getDiscussions()}">
66 <a th:text="${discussion.getTitle() }" th:href="@{'/discussions/{id}' (id=${discussion.getDiscussionId()})}" class="rate-title"></a>
67 <hr>
68 <p th:text="${discussion.getText()}" class="user-text-small"></p>
69 </li>
70 </ul>
71 </div>
72 <div class="user-movies-list hidden-class" style="width: 45%;float: left">
73 <h3>Реплики од корисникот:</h3>
74 <ul>
75 <li th:each="reply: ${user.getReplies()}">
76 <a th:text="${reply.getDiscussion().getTitle() }" th:href="@{'/discussions/{id}' (id=${reply.getDiscussion().getDiscussionId()})}" class="rate-title"></a>
77 <hr>
78 <p th:text="${reply.getText()}" class="user-text-small"></p>
79 </li>
80 </ul>
81 </div>
82 </div>
83</div>
Note: See TracBrowser for help on using the repository browser.