source: src/main/resources/templates/admin-orders.ftl@ 4d7e387

Last change on this file since 4d7e387 was 4d7e387, checked in by makyjovanovsky <mjovanovski04@…>, 18 months ago

commit 1
  • Property mode set to 100644
File size: 5.8 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>Admin Page - Orders</title>
6 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
7 <!-- Font Awesome -->
8 <link
9 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
10 rel="stylesheet"
11 />
12 <!-- Google Fonts -->
13 <link
14 href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
15 rel="stylesheet"
16 />
17 <!-- MDB -->
18 <link
19 href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.css"
20 rel="stylesheet"
21 />
22 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css"
23 integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
24 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
25</head>
26<body>
27<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
28 <a class="navbar-brand" href="#">Salon Bella</a>
29 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
30 <span class="navbar-toggler-icon"></span>
31 </button>
32
33 <div class="collapse navbar-collapse" id="navbarSupportedContent">
34 <ul class="navbar-nav mr-auto">
35 <li class="nav-item ">
36 <a class="nav-link" href="/adminDashboard">Home <span class="sr-only">(current)</span></a>
37 </li>
38
39 <li class="nav-item dropdown">
40 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
41 Functions - Reservations
42 </a>
43 <div class="dropdown-menu" aria-labelledby="navbarDropdown">
44 <a class="dropdown-item" href="/admin-scheduled-reservations">Scheduled Reservations</a>
45 <a class="dropdown-item" href="/admin-schedule-reservation">Schedule reservation</a>
46 <div class="dropdown-divider"></div>
47 <a class="dropdown-item" href="/admin-get-blocked-reservations">Blocked reservations</a>
48 <a class="dropdown-item" href="/admin-block-reservation">Block reservation</a>
49 </div>
50 </li>
51
52 <li class="nav-item dropdown">
53 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
54 Functions - Orders
55 </a>
56 <div class="dropdown-menu" aria-labelledby="navbarDropdown">
57 <a class="dropdown-item" href="/admin-get-orders">Ordered Products</a>
58 <a class="dropdown-item" href="/admin-add-product">Add product</a>
59 <a class="dropdown-item" href="/admin-remove-product">Remove product</a>
60 </div>
61 </li>
62
63 </ul>
64 <form class="form-inline my-2 my-lg-0" method="get" action="/logout">
65 <button class="btn btn-outline-info my-2 my-sm-0" type="submit">Log out</button>
66 </form>
67 </div>
68</nav>
69
70<table class="table table-striped">
71 <thead>
72 <tr>
73 <th scope="col">Name/Surname</th>
74 <th scope="col">Date</th>
75 <th scope="col">Order Details</th>
76 <th scope="col">Total Price</th>
77 <th scope="col">Status</th>
78 <th scope="col">Cancel</th>
79 <th scope="col">Change</th>
80 </tr>
81 </thead>
82 <tbody>
83 <#if orders??>
84 <#list orders as order>
85 <tr>
86 <td>${order['name']} ${order['surname']}</td>
87 <td>${order['localDate']}</td>
88 <td>
89 <#list order['orderDetails'] as detail>
90 <p>
91 <span>${detail['name']}</span>
92 <span>${detail['quantity']}</span>
93 </p>
94 </#list>
95 </td>
96 <td>${order['total']} ден.</td>
97 <td>${order['status']}</td>
98 <td>
99 <form method="post" action="/admin-cancel-order">
100 <input type="text" value="${order['id']}" name="id" hidden/>
101 <button type="submit" class="btn btn-primary">Cancel Order</button>
102 </form>
103 </td>
104 <td>
105 <form method="post" action="/admin-change-status">
106 <input type="text" value="${order['id']}" name="id" hidden/>
107 <button type="submit" class="btn btn-primary">Change Status</button>
108 </form>
109 </td>
110 </tr>
111 </#list>
112 </#if>
113 </tbody>
114</table>
115<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
116<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
117<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
118<script
119 type="text/javascript"
120 src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.js"
121></script>
122</body>
123</html>
Note: See TracBrowser for help on using the repository browser.