source: TruckIO/truckio/src/main/resources/templates/listRoutes.html

Last change on this file was d48b326, checked in by Zorana <bmind275@…>, 20 months ago

source-code-scripts-added
  • Property mode set to 100644
File size: 4.5 KB
Line 
1<!DOCTYPE html>
2<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
3 xmlns:th="http://www.thymeleaf.org">
4<head>
5 <meta charset="UTF-8">
6 <title>Routes</title>
7 <link rel="stylesheet" type="text/css" th:href="@{/webjars/bootstrap/css/bootstrap.min.css}"/>
8 <script type="text/javascript" th:src="@{/webjars/jquery/jquery.min.js}"></script>
9 <script type="text/javascript" th:src="@{/webjars/bootstrap/js/bootstrap.min.js}"></script>
10 <link th:href="@{/css/style.css}" rel="stylesheet"/>
11</head>
12<body>
13<nav class="navbar navbar-expand-md">
14 <div class="container">
15 <!-- Navbar Brand -->
16 <a class="navbar-brand" href="/home">
17 <img th:src="@{/img/logo.png}">
18 </a>
19
20 <!-- Navbar -->
21 <div class="collapsed navbar-collapse" id="navbarDefault">
22 <ul class="navbar-nav ml-auto mr-auto">
23 <li class="nav-item">
24 <a href="/routes" class="nav-link">Рути</a>
25 </li>
26 <li class="nav-item">
27 <a href="/reservations" class="nav-link">Мои Резервации</a>
28 </li>
29 </ul>
30 <ul class="navbar-nav ml-auto">
31 <li class="nav-item">
32 <a href="/logout" class="nav-link">Одјави се</a>
33 </li>
34 </ul>
35 </div>
36
37 </div>
38</nav>
39
40<th:block>
41
42 <div class="routes">
43
44 <div class="container">
45 <div class="row">
46 <div class="col-md-4">
47 <h3>Достапни рути</h3>
48 </div>
49 <div class="col-md-8">
50 <form method="get" action="/routes" class="dateFilter">
51 <p class="dateFilter">Од</p>
52 <input type="date" name="dateFrom" class="form-control dateFilter" placeholder="Од"
53 required="">
54 <p class="dateFilter">До</p>
55 <input type="date" name="dateTo" class="form-control dateFilter" placeholder="До"
56 required="">
57 <button id="submitFilter" class="btn btn-primary" type="submit">Филтрирај</button>
58 </form>
59 </div>
60 </div>
61 <div class="message" th:if="${ruti.isEmpty()}">
62 <p>Нема достапни рути.</p>
63 </div>
64 <div th:each="ruta : ${ruti}">
65 <div class="route-box">
66 <div class="row">
67 <div class="col-md-2">
68 <div>
69 <p>Започнува во</p>
70 <h4><th:block th:text="${ruta.zapocnuva_vo.getGrad_ime()}"></th:block></h4>
71 </div>
72 </div>
73 <div class="col-md-1">
74 <img th:src="@{img/arrow.png}">
75 </div>
76 <div class="col-md-2">
77 <div>
78 <p>Завршува во</p>
79 <h4><th:block th:text="${ruta.zavrsuva_vo.getGrad_ime()}"></th:block></h4>
80 </div>
81 </div>
82 <div class="col-md-1">
83 </div>
84 <div class="col-md-2">
85 <div>
86 <p>Тргнува на</p>
87 <h4><th:block th:text="${ruta.datum_poagjanje}"></th:block></h4>
88 </div>
89 </div>
90 <div class="col-md-2">
91 <div>
92 <p>Пристигнува на</p>
93 <h4><th:block th:text="${ruta.datum_pristiganje}"></th:block></h4>
94 </div>
95 </div>
96 <div class="col-md-2">
97 <a th:href="@{/routes/details/{id} (id=${ruta.ruta_id})}" class="btn btn-primary">Детали</a>
98 </div>
99 </div>
100 </div>
101 </div>
102 </div>
103
104 </div>
105
106</th:block>
107
108
109<div class="footer">
110 <div class="container">
111 <p>© Сите права се задржани. 2023</p>
112 </div>
113</div>
114
115</body>
116</html>
Note: See TracBrowser for help on using the repository browser.