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

Last change on this file was 3965aed, checked in by lepaSi <86915414+lepaSi@…>, 16 months ago

Init
  • Property mode set to 100644
File size: 4.5 KB
RevLine 
[3965aed]1<!DOCTYPE html>
2<html lang="en" xmlns:sec="http://www.w3.org/1999/xhtml">
3
4<head>
5 <meta charset="UTF-8">
6 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
7 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
8 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
9 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
10 <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
11 <style>
12 .container{
13 width: 2000px;
14 position: relative;
15 bottom: 15px;
16
17 }
18 .bar{
19 background: orange;
20 width: 1600px;
21 position: relative;
22 left: -245px;
23 height: 125px;
24 border-style: dotted;
25 border-width: thick;
26
27 }
28 .container h1{
29 position: relative;
30 left: -550px;
31 }
32 .navbar{
33 background: orange;
34 width: 600px;
35 position: relative;
36 left: 900px;
37 bottom: 40px;
38 }
39 body {
40 font-family: "Trebuchet MS", Tahoma, sans-serif;
41 border-top-style: dotted;
42 border-right-style: solid;
43 border-bottom-style: solid;
44 border-left-style: solid;
45 width: 1600px;
46 background: lightgrey;
47 height: 950px;
48 margin: auto;
49 }
50 a:link, a:visited {
51 background-color: lightcoral;
52 color: black;
53 padding: 14px 25px;
54 text-align: center;
55 text-decoration: none;
56 display: inline-block;
57 }
58 .bookigs{
59 position: relative;
60 top: 30px;
61 width: 1900px;
62 }
63 .bookigs h2{
64 font-family: "Comic Sans MS", cursive;
65 position: relative;
66 right:500px;
67 }
68 </style>
69 <title>Homepage</title>
70</head>
71<body>
72 <div class="container text-center">
73 <div class="bar">
74 <h1>Welcome to VehicleRent</h1>
75 <div class="navbar">
76 <div sec:authorize="hasAnyRole('VRABOTEN','KLIENT')">
77 <h3><a th:href="@{/logout}" class="w3-bar-item w3-button w3-border-right">Logout</a></h3>
78 </div>
79 <h3><a th:href="@{/vehicles}" class="w3-bar-item w3-button w3-border-right">List vehicles</a></h3>
80 <div sec:authorize="hasAnyRole('VRABOTEN')">
81 <h3><a th:href="@{/addVehicle}">Add a vehicle</a></h3>
82 </div>
83 <h3 sec:authorize="!isAuthenticated()"><a th:href="@{/register}" class="w3-bar-item w3-button w3-border-right">Register</a></h3>
84 <h3 sec:authorize="!isAuthenticated()"><a th:href="@{/login}" class="w3-bar-item w3-button w3-border-right">Login</a></h3>
85
86 </div>
87
88 </div>
89 <div sec:authorize="hasAnyRole('KLIENT')" class="bookigs">
90 <h2>My Bookings</h2>
91 <table class="table table-striped table-primary" style="width: 50%">
92 <thead>
93 <tr>
94 <th> Datum </th>
95 <th> Marka </th>
96 <th> Model </th>
97 <th> RegTab </th>
98 <th> Cena </th>
99 </tr>
100 </thead>
101 <tbody>
102 <tr th:each="booking : ${bookings}">
103 <td><span th:text="${booking.getRezervacija().getNadatumrez()}"> Datum </span></td>
104 <td><span th:text="${booking.getVozilo().getMarka()}"> Marka </span></td>
105 <td><span th:text="${booking.getVozilo().getModel()}"> Model </span></td>
106 <td><span th:text="${booking.getVozilo().getRegtab()}"> Regtab </span></td>
107 <td><span th:text="${booking.getVozilo().getCenavozi()}"> Cena </span></td>
108 </tr>
109 </tbody>
110 </table>
111 </div>
112 </div>
113 </body>
114</html>
Note: See TracBrowser for help on using the repository browser.