source: src/main/resources/templates/raspored.html

Last change on this file was d3cf3a1, checked in by Marija Micevska <marija_micevska@…>, 2 years ago

Initial commit

  • Property mode set to 100644
File size: 9.4 KB
Line 
1<!DOCTYPE html>
2<html lang="en" xmlns:th="http://www.thymeleaf.org">
3<head>
4 <meta charset="UTF-8">
5 <title>EDUCATUM - Часови</title>
6 <link rel="stylesheet" href="/css/style.css">
7 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
8 rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
9 crossorigin="anonymous">
10 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
11 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
12 integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
13 crossorigin="anonymous"></script>
14 <link rel="stylesheet"
15 href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css">
16 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
17 <script th:inline="javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
18
19 <style>
20 * {
21 box-sizing: border-box;
22 }
23
24 body {
25 background: linear-gradient(to right, #93A3CE, #1C294E);
26 color: #000029;
27 }
28
29 img {
30 width: 100%;
31 height: 100%;
32 object-fit: fill;
33 position: relative;
34 bottom: -30px;
35 }
36 </style>
37
38</head>
39<body>
40<section class="nav-bar">
41 <nav class="navbar navbar-expand-lg navbar-light">
42 <div class="ml-1"></div>
43 <a class="navbar-brand" href="#">
44 <p style="font-weight: bold; color: #FFCC00FF;">&nbsp;&nbsp;
45 &nbsp;
46 <svg xmlns="http://www.w3.org/2000/svg"
47 width="26" height="26"
48 fill="currentColor"
49 class="bi bi-mortarboard-fill"
50 viewBox="0 0 16 16">
51 <path d="M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5Z"/>
52 <path d="M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466 4.176 9.032Z"/>
53 </svg>
54 EDUCATUM
55 </p>
56 </a>
57 <div class="col-6"></div>
58 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
59 aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
60 <i class="fa fa-bars"></i>
61 </button>
62 <div class="collapse navbar-collapse justify-content-end navbarNav">
63 <ul class="navbar-nav mr-auto">
64 <li class="nav-item">
65 <a class="nav-link" href="/teachers/allClasses"
66 style="color: #ffcc00; text-shadow: 2px 2px 2px #A3A3A3;">
67 <p style="color: floralwhite;">ЧАСОВИ</p>
68 </a>
69 </li>
70 <li class="nav-item">
71 <a class="nav-link" href="/teachers/allSubjects">
72 ПРЕДМЕТИ
73 </a>
74 </li>
75 <li class="nav-item">
76 <a class="nav-link" href="/teachers/allStudents">УЧЕНИЦИ</a>
77 </li>
78 <li class="nav-item">
79 <a class="nav-link" href="/teachers/showProfile">ПРОФИЛ</a>
80 </li>
81 <li class="nav-item">
82 <a class="nav-link" href="/logout">ОДЈАВИ СЕ</a>
83 </li>
84 </ul>
85 </div>
86 </nav>
87
88</section>
89<section id="banner" style="position: relative; top:-30px;">
90 <div class="container" style="background-color: floralwhite; border-radius: 5px;
91 box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;">
92 <div class="row">
93 <h1 class="promo-title text-center" style="color: #000029">СИТЕ ЧАСОВИ</h1>
94 </div>
95 <div class="row">
96 <div class="col-1"></div>
97 <div class="col">
98 <button type="button" class="btn btn-link" data-toggle="modal"
99 th:attr="data-target='#exampleModalCenter'">
100 + Нов час
101 </button>
102 <div class="modal fade" th:id="*{'exampleModalCenter'}" tabindex="-1" role="dialog"
103 aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
104 <div class="modal-dialog modal-dialog-centered" role="document">
105 <div class="modal-content">
106 <div class="modal-header">
107 <h5 class="modal-title" id="exampleModalLongTitle" style="color: #000029">Додавање на
108 нов час</h5>
109 </div>
110 <div class="modal-body">
111 <form method="POST" th:action="@{'/teachers/addClass'}">
112 <div>
113 <input class="form-control transparent-input border-bottom"
114 type="datetime-local"
115 id="date"
116 name="date"
117 placeholder="Дата на почеток"
118 required>
119 <hr/>
120
121 <input class="form-control transparent-input border-bottom" type="text"
122 id="desc"
123 name="desc"
124 placeholder="Тема на часот"
125 required>
126 <hr/>
127
128 <input class="form-control transparent-input border-bottom" type="text"
129 id="ime"
130 name="ime"
131 placeholder="Име на предмет"
132 required>
133 <hr/>
134 </div>
135 <button id="submit" type="submit" class="m-1 btn btn-outline-primary">Зачувај
136 </button>
137 </form>
138 </div>
139 <div class="modal-footer">
140 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
141 </div>
142 </div>
143 </div>
144 </div>
145 </div>
146 </div>
147 <div class="row">
148 <table class="table table-hover">
149 <thead>
150 <tr>
151 <th scope="col">Тема на часот</th>
152 <th scope="col">Датум</th>
153 <th scope="col">Време</th>
154 <th scope="col"></th>
155 </tr>
156 </thead>
157 <tbody>
158 <tr th:each="c : ${classes}">
159 <td class="col-2">
160 <th:block id="subjectName" th:text="${c.getTopic()}"
161 th:style="'font-size:25px; font-weight:bold;'"/>
162 </td>
163 <td class="col-2">
164 <th:block id="dateSort" th:text="${c.beginningDate()}"
165 th:style="'font-size:25px; font-weight:bold;'"/>
166 </td>
167 <td class="col-2">
168 <th:block id="dateSort" th:text="${c.beginningTime()}"
169 th:style="'font-size:25px; font-weight:bold;'"/>
170 </td>
171 <td class="col-2">
172 <a class="btn btn-outline-danger" th:href="@{'/raspored/delete/{id}' (id=${c.getId()})}"
173 th:method="POST" th:value="${c.getId()}"><i class="bi bi-trash">
174 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
175 class="bi bi-trash" viewBox="0 0 16 16">
176 <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>
177 <path fill-rule="evenodd"
178 d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/>
179 </svg>
180 </i></a>
181 </td>
182
183 </tr>
184 </tbody>
185 </table>
186 </div>
187 </div>
188 <img src="/img/wavebook.png" alt="Wave" class="bottom-img" style="position: relative; bottom: -60px;">
189</section>
190</body>
191</html>
Note: See TracBrowser for help on using the repository browser.