-
Notifications
You must be signed in to change notification settings - Fork 2
/
consumer.html
141 lines (116 loc) · 5.75 KB
/
consumer.html
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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles1.css">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<!-- Blockchain -->
<script src="https://code.jquery.com/jquery-3.4.1.js"
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/gh/ethereum/web3.js@1.2.6/dist/web3.min.js"></script>
<script type="text/javascript" src="consumer.js"></script>
<title>Supply Chain Management System</title>
</head>
<body style="background-color: saddlebrown;">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Supply Chain Management System | Consumer's Page </a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0"></ul>
<div class="d-flex">
<a href="/index.html">
<button class="btn btn-outline-light">Producer</button>
</a>
</div>
</div>
</div>
</nav>
<!-- main layout -->
<div class="container mt-5">
<div class="row mt-1">
<div class="col-8">
<h4 style="background-color: rgb(201, 198, 12)">Product Details </h4>
<table class="table" id="_product_table">
<thead>
<tr>
<th scope="col">Product ID</th>
<th scope="col">Product Name</th>
<th scope="col">Price</th>
<th scope="col">Quantity</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<!-- <tr>
<th>1</th>
<td>Product 1</td>
<td>300</td>
<td>3</td>
<td><button type="button" class="btn btn-secondary btn-sm" onclick="productOrderClick(1)">Order</button></td>
</tr> -->
</tbody>
</table>
<div class="col mt-5">
<h4 style="background-color: rgb(201, 198, 12)">Status of Order</h4>
<table class="table table-light" id="_order_table">
<thead>
<tr>
<th scope="col">Order ID</th>
<th scope="col">Delivery Address</th>
<th scope="col">Status</th>
</tr>
</thead>
<tbody>
<!-- <tr>
<th scope="row">1</th>
<td>Thornton</td>
<td>Mark</td>
</tr>-->
</tbody>
</table>
</div>
</div>
<div class="col-4">
<div class="row">
<h4>Enter the Product Details</h4>
<div>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Product ID</label>
<input type="text" class="form-control" id="_pid">
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label">Product Quantity</label>
<input type="text" class="form-control" id="_quantity">
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label">Your Name</label>
<input type="text" class="form-control" id="_cname">
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label">Your Address</label>
<input type="text" class="form-control" id="_caddress">
</div>
<button type="submit" class="btn btn-primary" id="_orderbtn">Place Your Order</button>
</div>
</div>
<br />
</div>
</div>
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js" integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.min.js" integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj" crossorigin="anonymous"></script>
-->
</body>
</html>