OrderStatusManagement/index.html at main · Ajitb0712/OrderStatusManagement · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Pizza Order Management</title>
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
		integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
	<link rel="stylesheet" href="index.css">
</head>

<body>
	<div class="container">
		<h1 class="display-2 main-title">Max's Pizza!</h1>
		<div class="input-group mb-3 order-search">
			<input type="text" class="form-control" placeholder="Enter Order ID" aria-describedby="button-addon2"
				id="order-id-input">
			<button class="btn btn-outline-secondary" type="button" id="button-addon2"
				onclick="executeOrder()">Execute</button>
		</div>
		<div class="order-status-wrapper">
			<h3 class="main-title" id="order-id-display"></h3>
			<button type="button" class="btn btn-light btn-lg order-status-block">Order placed</button>
			<button type="button" class="btn btn-light btn-lg order-status-block">Chef received the order and started
				preparing</button>
			<button type="button" class="btn btn-light btn-lg order-status-block">Pizza Sauce added</button>
			<button type="button" class="btn btn-light btn-lg order-status-block">First layer of cheeze added</button>
			<button type="button" class="btn btn-light btn-lg order-status-block">Toppings added</button>
			<button type="button" class="btn btn-light btn-lg order-status-block">Second layer of cheeze added</button>
			<button type="button" class="btn btn-light btn-lg order-status-block">Pizza baked!</button>
			<button type="button" class="btn btn-light btn-lg order-status-block">Oregano added and packed</button>
			<button type="button" class="btn btn-light btn-lg order-status-block">Package received at counter</button>
			<button type="button" class="btn btn-light btn-lg order-status-block">The order is ready and handed over to the
				Zomato delivery guy!</button>
		</div>
	</div>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
		integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
		crossorigin="anonymous"></script>
	<script src="index.js"></script>
</body>

</html>