Ignore:
Timestamp:
02/05/22 22:48:19 (3 years ago)
Author:
Petar Partaloski <ppartaloski@…>
Branches:
main
Children:
2efe93e
Parents:
5b447b0
Message:

Fixed and added a better front end, improved clarity

File:
1 edited

Legend:

Unmodified
Added
Removed
  • src/main/resources/templates/discussion.html

    r5b447b0 rf25e8dd  
    11<div xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
    2     <div th:text="${disc.getMovie() != null ? disc.getMovie().getTitle() : disc.getPerson().getName() + ' ' + disc.getPerson().getSurname()}"></div>
    3     <div th:text="${disc.getTitle()}"></div>
    4     <div th:text="${disc.getText()}"></div>
    5     <div th:text="${disc.getDate()}"></div>
    6     <div th:text="${disc.getUser().getUsername()}"></div>
    7     <div th:if="${disc.getUser().equals(user)}"><a class="btn btn-primary" th:href="@{'/discussions/add/{id}' (id=${disc.getDiscussionId()})}">Промени</a> </div>
    8     <div th:if="${disc.getUser().equals(user)}"><a class="btn btn-primary button-delete-discussion" th:discussion-id="${disc.getDiscussionId()}">Избриши</a> </div>
    9     <table class="table table-striped">
     2    <div style="width: 85%; text-align: justify; margin: auto; clear: both">
     3        <div>
     4            <h1 th:text="${disc.getTitle()}" style="width: 80%; float: left"></h1>
     5        </div>
     6        <hr><br><br>
     7        <div>
     8            <h5 th:text="${disc.getText()}" style="width: 90%; margin: auto; background-color: lightblue; border-radius: 4px; padding: 20px"></h5>
     9        </div>
     10        <br><br><br>
     11        <h6 style="width: 60%; float:left;">
     12            <span th:text="${'Поставено од: '+disc.getUser().getUsername()}"></span>
     13            <span th:text="${', на датум '+ disc.getDate()}"></span>
     14            <br>
     15            <span>Поставено за </span>
     16            <span th:text="${disc.getMovie() != null ? 'Филмот ' + disc.getMovie().getTitle() : 'Актерот ' + disc.getPerson().getName() + ' ' + disc.getPerson().getSurname()}" ></span>
     17        </h6>
     18        <div style="float: right"  sec:authorize="isAuthenticated()">
     19        <a th:if="${disc.getUser().equals(user)}" class="btn btn-warning" th:href="@{'/discussions/add/{id}' (id=${disc.getDiscussionId()})}">Промени</a>
     20        <a th:if="${disc.getUser().equals(user)}" class="btn btn-danger button-delete-discussion" th:discussion-id="${disc.getDiscussionId()}">Избриши</a>
     21        <a class="btn btn-success" th:href="@{'/replies/add/{discussionId}' (discussionId=${disc.getDiscussionId()})}">Реплицирај</a>
     22        </div>
     23    </div>
     24    <table class="table table-striped" style="width: 70%; margin: auto;">
    1025        <thead>
    1126        <tr>
    12 
    13             <th scope="col">Опис</th>
    14             <th scope="col">Датум</th>
    15             <th scope="col">Корисник</th>
     27            <th scope="col">Реплика</th>
     28            <th scope="col">Поставена на</th>
     29            <th scope="col">Поставена од</th>
    1630            <th:block  sec:authorize="isAuthenticated()">
    17 
    1831                <th scope="col"></th>
    1932                <th scope="col"></th>
    2033            </th:block>
    21 
    2234        </tr>
    2335        </thead>
     
    2739            <td th:text="${reply.getDate()}"></td>
    2840            <td th:text="${reply.getUser().getUsername()}"></td>
    29             <td th:if="${reply.getUser().equals(user)}"><a class="btn btn-primary" th:href="@{'/replies/edit/{discussionId}/{replyId}' (discussionId=${disc.getDiscussionId()},replyId=${reply.getReplyId()})}">Промени</a> </td>
    30             <td th:if="${reply.getUser().equals(user)}"><a class="btn btn-primary button-delete-reply" th:reply-id="${reply.getReplyId()}" th:dicsussion-id="${disc.getDiscussionId()}">Избриши</a> </td>
    31 
     41            <td th:if="${reply.getUser().equals(user)}"><a class="btn btn-warning" th:href="@{'/replies/edit/{discussionId}/{replyId}' (discussionId=${disc.getDiscussionId()},replyId=${reply.getReplyId()})}">Промени</a> </td>
     42            <td th:if="${reply.getUser().equals(user)}"><a class="btn btn-danger button-delete-reply" th:reply-id="${reply.getReplyId()}" th:dicsussion-id="${disc.getDiscussionId()}">Избриши</a> </td>
    3243            <th:block sec:authorize="isAuthenticated()">
    33                 <td th:if="${!reply.getUser().equals(user)}"><a class="btn btn-primary" th:href="@{'/replies/add/{discussionId}' (discussionId=${disc.getDiscussionId()})}">Реплицирај</a> </td>
    3444                <td th:if="${!reply.getUser().equals(user)}">
    35                     <a class="btn btn-primary">Ми се допаѓа</a>
    36                     <a class="btn btn-primary">Не ми се допаѓа</a>
     45                    <a class="btn btn-success">👍 </a>
     46                    <a class="btn btn-danger">👎</a>
    3747                </td>
    3848            </th:block>
    39 
    40 
    4149        </tr>
    4250        </tbody>
Note: See TracChangeset for help on using the changeset viewer.