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
|
Line | |
---|
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;
|
---|
14 | justify-content: space-between;
|
---|
15 | align-items: flex-start;
|
---|
16 | margin-left: 100px;
|
---|
17 | }
|
---|
18 | .slika{
|
---|
19 | margin-right: 100px;
|
---|
20 | }
|
---|
21 | img{
|
---|
22 | width: 300px;
|
---|
23 | height: 350px;
|
---|
24 | border-radius: 20px;
|
---|
25 | }
|
---|
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 | }
|
---|
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>
|
---|
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>
|
---|
60 | <h4 style="color: white">
|
---|
61 | <span th:text="${rating}"></span>
|
---|
62 | <span>/5</span>
|
---|
63 | </h4>
|
---|
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>
|
---|
72 | </div>
|
---|
73 | <div class="slika">
|
---|
74 | <img th:src="@{${film.getUrl()}}"/>
|
---|
75 | </div>
|
---|
76 |
|
---|
77 | </div>
|
---|
78 | </div>
|
---|
Note:
See
TracBrowser
for help on using the repository browser.