source: src/main/resources/templates/film.html@ 7926d68

Last change on this file since 7926d68 was 73f0dbc, checked in by DenicaKj <dkorvezir@…>, 21 months ago

added rating

  • Property mode set to 100644
File size: 2.3 KB
RevLine 
[43a1688]1<style>
2 .genres{
3 width: 100px;
4 text-align: center;
5 background-color: #ff5019;
6 border-radius: 20px;
7 color: #111111;
8 font-size: 20px;
9 font-weight: 200;
10 margin: 20px;
11 }
12 .main{
13 display: flex;
[b5ce654]14 justify-content: space-between;
[43a1688]15 align-items: flex-start;
16 margin-left: 100px;
17 }
[b5ce654]18 .slika{
19 margin-right: 100px;
20 }
21 img{
22 width: 300px;
23 height: 350px;
24 border-radius: 20px;
25 }
[73f0dbc]26 .button {
27 top:250px;
28 background-color: #ff5019;
29 border: none;
30 color: black;
31 padding: 10px 20px;
32 text-align: center;
33 text-decoration: none;
34 display: inline-block;
35 font-size: 16px;
36 border-radius: 20px;
37 }
38 .form-group{
39 width: 200px;
40 }
[43a1688]41</style>
42<div xmlns:th="http://www.thymeleaf.org">
43<div class="main">
44 <div class="container-1">
45 <h1 style="color: white; font-weight: 600" class="name" th:text="${film.getName()}">
46 </h1>
47 <div th:each="genre : ${genres}" class="genres">
48 <span th:text="${genre}"></span>
49 </div>
[a69d48c]50 <h4 style="color: white;"> Возрасна категорија:
51 <span th:text="${film.age_category}"></span>
52 </h4>
53 <h4 style="color: white"> Траење на филмот:
54 <span th:text="${film.duration}"></span>
55 минути
56 </h4>
57 <h4 style="color: white"> Режисер:
58 <span th:text="${film.director}"></span>
59 </h4>
[b5ce654]60 <h4 style="color: white">
61 <span th:text="${rating}"></span>
62 <span>/5</span>
63 </h4>
[73f0dbc]64 <form th:action="@{'/home/addRating/{id}' (id=${film.id_film})}"
65 th:method="POST">
66 <div class="form-group">
67 <label style="color: black;font-size: 20px;font-weight: bold">Оцени:</label>
68 <input required type="text" id="rate" name="rate">
69 </div>
70 <button class="button" type="submit">Додади Оцена</button>
71 </form>
[43a1688]72 </div>
[b5ce654]73 <div class="slika">
74 <img th:src="@{${film.getUrl()}}"/>
75 </div>
[43a1688]76
77</div>
78</div>
Note: See TracBrowser for help on using the repository browser.