-
Notifications
You must be signed in to change notification settings - Fork 0
/
admin.html
117 lines (107 loc) · 4.7 KB
/
admin.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
<!--Author: Matthew Fan-->
<!--Student ID: 18040157-->
<!--
Description of File:
This file is the admin page, it provides search funcation
and assign driver function.
It takes in user input reference number, and send the data
to the server.
Afterwards, display the table as content
-->
<!DOCTYPE html>
<HTML XMLns="http://www.w3.org/1999/xHTML">
<head>
<title>
CabsOnline - Your cab is right next to you
</title>
<meta name="description" content="CabsOnline - Your cab is right next to you."/>
<meta name="author" content="Matthew Fan"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<link rel="apple-touch-icon" sizes="180x180" href="./favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon_io/favicon-16x16.png">
<link rel="manifest" href="./favicon_io/site.webmanifest">
<script type="text/javascript" src="admin.js"></script>
</head>
<body>
<nav class="navbar is-primary" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="booking.html">
<img src="./logo.jpg" width="140px" height=auto>
</a>
</div>
<div class="navbar-end">
<div class="navbar-item">
<p class="control">
<a href="booking.html" class="button is-primary">
<span class="icon">
<i class="fas fa-home"></i>
</span>
</a>
</p>
<p class="control">
<a href="admin.html" class="button is-primary">
<span class="icon">
<i class="fas fa-cog"></i>
</span>
</a>
</p>
</div>
</div>
</nav>
<div class="container is-fluid">
<form>
<H1 class="title">CabsOnline | Admin View</H1>
<h1 class="subtitle">Your passenger is right next to you.</h1>
<div class="columns">
<div class="column is-four-fifths">
<label>
Search Booking:
<br>
<p class="control has-icons-left">
<input
class="input is-rounded"
type="text"
name="bsearch"
id="bsearch"
placeholder="Enter a booking reference number or leave it blank"
/>
<span class="icon is-left">
<i class="fas fa-search"></i>
</span>
</p>
</label>
</div>
<div class="column is-one-fifths mt-3">
<input
class="button is-rounded is-large"
name="search"
type="button"
value="Search"
onclick="searchBooking(bsearch.value)"
/>
</div>
</div>
</form>
<div id="assignConfirmOutput"></div>
<div id="targetDiv" class="content">
<table class="table mt-2 is-bordered is-striped is-narrow is-hoverable is-fullwidth">
<thead>
<tr>
<th>Booking Reference Number</th>
<th>Customer Name</th>
<th>Phone Number</th>
<th>Pick Up Subrub</th>
<th>Destination Subrub</th>
<th>Pick Up Date / Time</th>
<th>Status</th>
<th>Assign</th>
</tr>
</thead>
<tbody id="tableBody"><tr><td>No Result</td></tr></tbody>
</table>
</div>
</div>
</body>
</HTML>