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

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

Fixed and added a better front end, improved clarity

  • Property mode set to 100644
File size: 1.6 KB
Line 
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>
32</div>
Note: See TracBrowser for help on using the repository browser.