source: src/main/resources/templates/stavka.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.1 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 is items of the order</h1>
36
37 <table class="table">
38 <thead>
39 <tr>
40 <th>Vreme na narckata</th>
41 <th>Kontakt</th>
42 <th>Ime recept</th>
43 <th>Nacin</th>
44 <th>Action</th>
45 </tr>
46 </thead>
47 <tbody>
48 <tr th:each="stavka: ${stavki}">
49 <td th:text="${stavka.getDataFormatirana()}"></td>
50 <td th:text="${stavka.telefon}"></td>
51 <td th:text="${stavka.recIme}"></td>
52 <td th:text="${stavka.nacin}"></td>
53 <td>
54 <button class="btn btn-primary">View</button>
55 <button class="btn btn-danger" disabled>Delete</button>
56 </td>
57 </tr>
58 </tbody>
59 </table>
60</div>
61
62<!-- Add Bootstrap JS and Popper.js scripts (required for Bootstrap components) -->
63<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
64<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
65<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
66</body>
67</html>
Note: See TracBrowser for help on using the repository browser.