source: src/main/resources/templates/naracki.html@ ee27685

Last change on this file since ee27685 was ee27685, checked in by Blazho <aleksandar.blazhevski@…>, 5 months ago

Added order items page

  • Property mode set to 100644
File size: 2.5 KB
Line 
1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml"
3 xmlns:th="http://www.thymeleaf.org">
4<head>
5 <meta charset="UTF-8">
6 <title>Home page</title>
7 <!-- Add Bootstrap CSS link -->
8 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
9</head>
10<body>
11<!-- Bootstrap Navbar -->
12<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
13 <a class="navbar-brand" href="#">
14 CookBook
15 </a>
16 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
17 <span class="navbar-toggler-icon"></span>
18 </button>
19 <div class="collapse navbar-collapse" id="navbarNav">
20 <ul class="navbar-nav ml-auto">
21 <li class="nav-item active">
22 <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
23 </li>
24 <li class="nav-item">
25 <a class="nav-link" th:href="@{/naracki}">Naracki</a>
26 </li>
27 <li class="nav-item">
28 <a class="nav-link" href="#">Contact</a>
29 </li>
30 </ul>
31 </div>
32</nav>
33
34<div class="container mt-5">
35 <h1>This orders page</h1>
36
37 <table class="table">
38 <thead>
39 <tr>
40 <th>Vreme na narckata</th>
41 <th>Kontakt</th>
42 <th>Action</th>
43 </tr>
44 </thead>
45 <tbody>
46 <tr th:each="naracka: ${naracki}">
47 <td th:text="${naracka.getDataFormatirana()}"></td>
48 <td th:text="${naracka.telefon}"></td>
49 <td>
50 <form th:method="GET" th:action="@{/naracki/naracka}">
51 <input type="datetime-local" hidden th:value="${naracka.vreme}" th:name="vreme">
52 <input type="text" hidden th:value="${naracka.telefon}" th:name="telefon">
53 <button class="btn btn-primary">View</button>
54 </form>
55
56 <button class="btn btn-danger">Delete</button>
57 </td>
58 </tr>
59 </tbody>
60 </table>
61</div>
62
63<!-- Add Bootstrap JS and Popper.js scripts (required for Bootstrap components) -->
64<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
65<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
66<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
67</body>
68</html>
Note: See TracBrowser for help on using the repository browser.