source: src/main/resources/templates/studentsAdmin.html@ d3cf3a1

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

Initial commit

  • Property mode set to 100644
File size: 7.3 KB
RevLine 
[d3cf3a1]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</head>
19<body>
20<section class="nav-bar">
21 <nav class="navbar navbar-expand-lg navbar-light">
22 <div class="ml-1"></div>
23 <a class="navbar-brand" href="#">
24 <p style="font-weight: bold; color: #FFCC00FF;">&nbsp;&nbsp;&nbsp;<svg xmlns="http://www.w3.org/2000/svg"
25 width="26" height="26"
26 fill="currentColor"
27 class="bi bi-mortarboard-fill"
28 viewBox="0 0 16 16">
29 <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"/>
30 <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"/>
31 </svg>
32 EDUCATUM
33 </p>
34 </a>
35 <div class="col-6"></div>
36 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
37 aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
38 <i class="fa fa-bars"></i>
39 </button>
40 <div class="collapse navbar-collapse justify-content-end navbarNav">
41 <ul class="navbar-nav mr-auto">
42 <li class="nav-item">
43 <a class="nav-link" href="/admin/allTeachers"><p>
44 НАСТАВНИЦИ</p></a>
45 </li>
46 <li class="nav-item">
47 <a class="nav-link" href="/admin/allSubjects">ПРЕДМЕТИ</a>
48 </li>
49 <li class="nav-item">
50 <a class="nav-link" href="/admin/allStudents"
51 style="text-shadow: 2px 2px 2px #A3A3A3;"><p style="color: floralwhite;">
52 УЧЕНИЦИ</p></a>
53 </li>
54 <li class="nav-item">
55 <a class="nav-link" href="/logout">ОДЈАВИ СЕ</a>
56 </li>
57 </ul>
58 </div>
59 </nav>
60</section>
61
62<section id="banner" style="position: relative; top:-30px;">
63 <div class="container" style="background-color: floralwhite; border-radius: 5px;
64 box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;">
65 <div class="row">
66 <h1 class="promo-title text-center" style="color: #000029">УЧЕНИЦИ</h1>
67 </div>
68 <div class="row">
69 <form class="row" th:action="@{'/admin/allStudents'}">
70 <div class="form-group col-1 ml-1"></div>
71 <div class="form-group col-9">
72 <input class="form-control transparent-input border-bottom" type="text"
73 placeholder="Пребарувај ученик..." name="ime"/>
74 </div>
75 <div class="form-group col">
76 <button id="filter" type="submit" class="btn btn-outline-secondary btn-block">
77 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
78 class="bi bi-search" viewBox="0 0 16 16">
79 <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
80 </svg>
81 Пребарај
82 </button>
83 </div>
84 </form>
85 </div>
86 <div class="row">
87 <table class="table table-hover">
88 <thead>
89 <tr>
90 <th scope="col">Име</th>
91 <th scope="col">Презиме</th>
92 <th scope="col">E-mail</th>
93 </tr>
94 </thead>
95 <tbody>
96 <tr th:each="t : ${students}">
97 <td class="col-2">
98 <th:block id="teacherName" th:text="${t.getName()}"
99 th:style="'font-size:25px; font-weight:bold;'"/>
100 </td>
101 <td class="col-2">
102 <th:block id="teacherSurname" th:text="${t.getSurname()}"
103 th:style="'font-size:25px; font-weight:bold;'"/>
104 </td>
105 <td class="col-3">
106 <th:block id="teacherEmail" th:text="${t.getEmail()}"
107 th:style="'font-size:25px; font-weight:bold;'"/>
108 </td>
109
110
111 <td class="col-2">
112
113 </td>
114 <td class="col-2">
115 <div>
116 <a class="btn btn-outline-danger" th:href="@{'/students/delete/{id}' (id=${t.getId()})}"
117 th:method="POST" th:value="${t.getId()}"><i class="bi bi-trash">
118 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
119 class="bi bi-trash" viewBox="0 0 16 16">
120 <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"/>
121 <path fill-rule="evenodd"
122 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"/>
123 </svg>
124 </i></a>
125 </div>
126 </td>
127 </tr>
128 </tbody>
129 </table>
130 </div>
131 </div>
132 <img src="/img/wavebook.png" alt="Wave" class="bottom-img" style="position: relative; bottom: -60px;">
133</section>
134</body>
135</html>
136
137
Note: See TracBrowser for help on using the repository browser.