[f25e8dd] | 1 | <style>
|
---|
| 2 | .card{
|
---|
| 3 | background-size: 200px 300px;
|
---|
| 4 | background-repeat: no-repeat;
|
---|
| 5 | float:left;
|
---|
| 6 | margin: 7px;
|
---|
| 7 | min-height: 270px;
|
---|
| 8 | border-radius: 10px;
|
---|
| 9 | padding: 20px;
|
---|
| 10 | color: white;
|
---|
| 11 | -webkit-text-stroke-width: 1px;
|
---|
| 12 | -webkit-text-stroke-color: black;
|
---|
| 13 | }
|
---|
| 14 |
|
---|
| 15 | .card h4{
|
---|
| 16 | text-align: center;
|
---|
| 17 | background-color: rgba(255,255,255,0.7);
|
---|
| 18 | border-radius: 5px;
|
---|
| 19 | }
|
---|
| 20 |
|
---|
| 21 | .card h3{
|
---|
| 22 | position: absolute;
|
---|
| 23 | top: 85%;
|
---|
| 24 | margin:auto;
|
---|
| 25 | width: 100%;
|
---|
| 26 | left: 0%;
|
---|
| 27 | border-radius: 10px;
|
---|
| 28 | text-align: center;
|
---|
| 29 | background-color: rgba(255,255,255,0.7);
|
---|
| 30 | }
|
---|
| 31 | </style>
|
---|
| 32 |
|
---|
| 33 |
|
---|
| 34 | <div class="container mb-4" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
|
---|
[5b447b0] | 35 | <div class="row">
|
---|
| 36 | <div class="col-12" th:if="${movies.size() > 0}">
|
---|
| 37 | <div class="table-responsive">
|
---|
[f25e8dd] | 38 | <a th:each="movie: ${movies}" th:href="@{'/movies/{id}' (id=${movie.getMovieId()})}" >
|
---|
| 39 | <div class="col-2 card" th:style="'background:url(' + ${movie.getImageUrl()} + ');'">
|
---|
| 40 | <h4 th:text="${movie.getTitle()}"></h4>
|
---|
| 41 | <h3 th:text="${movie.getImdbRating()}"></h3>
|
---|
| 42 | </div>
|
---|
| 43 | </a>
|
---|
[5b447b0] | 44 | <table class="table table-striped">
|
---|
| 45 | <thead>
|
---|
| 46 | <tr>
|
---|
| 47 | <th scope="col">Наслов</th>
|
---|
| 48 | <th scope="col">Опис</th>
|
---|
| 49 | <th scope="col">Датум издавање</th>
|
---|
| 50 | <th scope="col">Допаѓања</th>
|
---|
| 51 | <th scope="col">Занрови</th>
|
---|
| 52 | <th scope="col">Актери</th>
|
---|
| 53 | <th scope="col">Режисер</th>
|
---|
| 54 |
|
---|
| 55 |
|
---|
| 56 |
|
---|
| 57 | </tr>
|
---|
| 58 | </thead>
|
---|
| 59 | <tbody>
|
---|
| 60 | <tr th:each="movie : ${movies}" class="elements">
|
---|
| 61 | <td th:text="${movie.getTitle()}"></td>
|
---|
| 62 | <td th:text="${movie.getDescription()}"></td>
|
---|
| 63 | <td th:text="${movie.getAiringDate()}"></td>
|
---|
| 64 | <td th:text="${movie.getLikes() != null ? movie.getLikes().size() : 0}">
|
---|
| 65 |
|
---|
| 66 | </td>
|
---|
| 67 | <td class="genre">
|
---|
| 68 | <div th:each="g: ${movie.getGenres()}" th:text="${g.getGenre().genreType }"></div>
|
---|
| 69 | </td>
|
---|
| 70 | <td>
|
---|
| 71 | <div th:each="a: ${movie.getActors()}" th:text="${a.getPerson().getName()} "></div>
|
---|
| 72 | </td>
|
---|
| 73 | <td th:text="${movie.getDirector() != null ? movie.getDirector()?.getName() + ' '+ movie.getDirector()?.getSurname() : 'Не е додаен директор'}"></td>
|
---|
| 74 |
|
---|
| 75 | </tr>
|
---|
| 76 | </tbody>
|
---|
| 77 | </table>
|
---|
| 78 | </div>
|
---|
| 79 | </div>
|
---|
| 80 | </div>
|
---|
| 81 | </div>
|
---|