Ignore:
Timestamp:
02/08/22 20:13:23 (2 years ago)
Author:
Petar Partaloski <ppartaloski@…>
Branches:
main
Children:
0226942, 3fe36de
Parents:
3c0f9a9
Message:

Added new core functionalities, fixed bugs and improved visual clarity

File:
1 edited

Legend:

Unmodified
Added
Removed

  • src/main/resources/templates/personShow.html

    r3c0f9a9 rc02189f  
    11
    2 <div xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml" style="width: 80%; margin: auto">
    3     <div>
    4 
     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">
    54        <div style="width: 60%; margin-left: 10px; padding:20px; float:left">
    65            <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>
    76            <hr>
    8             <h3 th:text="${'Born on: ' + person.getDateOfBirth()}"></h3>
     7            <h3 th:text="${'Роден на: ' + person.getDateFormatted()}"></h3>
    98            <div style="background-color: rgba(200,200,200,0.5); border-radius: 10px; padding:15px; ">
    10                 <h3>Description:</h3>
     9                <h3>Краток Опис:</h3>
    1110                <p th:text="${person.getDescription()}" style="text-align: justify"></p>
    1211            </div>
    1312
    14             <div th:if="${person.getType() == 'D'}">
    15                 <h3 >Directed movies:</h3>
     13            <div th:if="${person.getType().toString().contains('D')}" class="person-movies-list">
     14                <h3 >Режисирани филмови:</h3>
     15                <hr>
    1616                <ul>
    17                     <li th:each="movie: ${actor.getMovies()}"><a th:text="${movie.getTitle()}" th:href="@{'/movies/{id}' (id=${movie.getMovieId()})}" ></a></li>
     17                    <li th:each="movie: ${person.getMovies()}"><a th:text="${movie.getTitle()}" th:href="@{'/movies/{id}' (id=${movie.getMovieId()})}" ></a></li>
    1818                </ul>
    1919            </div>
    20             <div th:if="${person.getType() == 'A'}">
    21                 <h3 >Acted in movies:</h3>
     20            <div th:if="${person.getType().toString().contains('A')}" class="person-movies-list">
     21                <h3 >Се појавува во филмовите:</h3>
     22                <hr>
    2223                <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                    <li th:each="movie: ${person.getMovieActors()}" ><a th:text="${movie.getMovie().getTitle()}" th:href="@{'/movies/{id}' (id=${movie.getMovie().getMovieId()})}" ></a></li>
    2425                </ul>
    2526            </div>
    26 
    2727        </div>
    28         <div style="width: 30%; margin-left: 10px; padding:20px; border-left: 3px solid black; border-radius: 10px; float:left">
     28        <div style="width: 30%; margin-left: 10px; padding:20px; border-left: 3px solid black; border-radius: 10px; float:right">
    2929            <img th:src="${person.getImageUrl()}" style="width: 90%; height: auto">
    3030        </div>
    3131    </div>
    32     <div style="width: 45%; margin: 25px; float:left; background-color: rgb(200,200,200); padding: 10px; border-radius: 5px">
     32    <br>
     33    <div style="clear:both; display: inline-block; width: 100%; background-color: rgb(200,200,200); padding: 10px; border-radius: 5px">
    3334        <h2>
    34             <span>Бројот на оцени кои филмот ги добил:</span>
    35             <span th:text="${movie.getRates().size()}"></span>
     35            <span>Бројот на оцени кои личноста ги има добиено:</span>
     36            <span th:text="${person.getPersonRates().size()}"></span>
    3637        </h2>
    3738        <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 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;">
    3940            <div style="width: 60%; float:left;">
    4041                <p th:text="${rating.getReason()}" style="text-align: justify"></p>
    4142            </div>
    4243            <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>
     44                <h2 style="text-align: center">Оценет со :</h2>
     45                <p th:text="${rating.getStarsRated() + ' од 10'}" style="text-align: center"></p>
    4546            </div>
    4647        </div>
    4748    </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>
     49
    6350</div>
Note: See TracChangeset for help on using the changeset viewer.