-
Notifications
You must be signed in to change notification settings - Fork 0
/
requests.html
184 lines (149 loc) · 8.69 KB
/
requests.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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Requests</title>
<!-- Bootstrap CDN -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<!-- Custom Stylesheet -->
<link rel="stylesheet" href="./assets/css/styles.css">
<!-- Favicon -->
<link rel="icon" href="./assets/images/svg files/favicon.svg">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital@1&family=Open+Sans&display=swap"
rel="stylesheet">
</head>
<body>
<div id="grid-container">
<div class="sidebar">
<div class="svg-div">
<svg style="margin: 0; padding: 0;" width='177' height='100' viewBox='0 0 177 100' fill='none'
xmlns='http://www.w3.org/2000/svg'>
<circle cx='72' cy='50' r='30' fill='#68DBFF' />
<ellipse cx='104.647' cy='50' rx='29.7059' ry='30' fill='#FF7917' />
<path fill-rule='evenodd' clip-rule='evenodd'
d='M88.4039 75.1221C96.5911 69.7652 102 60.5143 102 50C102 39.4858 96.5911 30.2348 88.4039 24.878C80.2971 30.2348 74.9412 39.4858 74.9412 50C74.9412 60.5143 80.2971 69.7652 88.4039 75.1221Z'
fill='#5D2C02' />
</svg>
<h3 class="heading">AAIT Clearance System</h3>
</div>
<a href="./dash.html"><button><i class="fas fa-tachometer-slowest"></i>Dashboard</button></a>
<a href="./loan.html"><button><i class="fas fa-books"></i>Loan</button></a>
<a href="./requests.html"><button class="active"><i class="fas fa-books"></i>Requests</button></a>
<a href=""><button><i class="fas fa-info-circle"></i>How To Use</button></a>
<a href="./index.html"><button><i class="fas fa-sign-out-alt"></i>Log out</button></a>
</div>
<div class="sidebar-small sidebar-small-hide">
<h3 class="heading my-5">AAIT Clearance System</h3>
<a href="./dash.html"><button class="side-button"><i
class="fas fa-tachometer-slowest fa-2x"></i>Dashboard</button></a>
<a href="./loan.html"><button class="side-button"><i class="fas fa-books fa-2x"></i>Loan</button></a>
<a href="./requests.html"><button class="side-button active"><i class="fas fa-books fa-2x"></i>Requests</button></a>
<a href=""><button class="side-button"><i class="fas fa-info-circle fa-2x"></i>How To Use</button></a>
<a href="./index.html"><button class="side-button"><i class="fas fa-sign-out-alt fa-2x"></i>Log out</button></a>
</div>
<div class="main-container">
<nav class="navbar navbar-expand-lg navbar-light bg-light py-1 sticky-top">
<div class="ribbon">
<button class="menu-btn">
<svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false"
style="pointer-events: none; display: block; width: 100%; height: 100%;"
class="style-scope yt-icon">
<g class="style-scope yt-icon">
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" class="style-scope yt-icon">
</path>
</g>
</svg>
</button>
<a class="navbar-brand" href="#">Requests</a>
</div>
</nav>
<div class="main-content mt-5">
<!-- Search Bar -->
<div class="search-bar">
<input type="search" id="search" name="search" placeholder="Search">
</div>
<table class="table table-bordered table-hover table-responsive" id="MyTable">
<thead class="thead thead-requests">
<tr>
<th scope="col">Student ID</th>
<!-- <th scope="col"></th> -->
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Department</th>
<th scope="col">Phone Number</th>
<th scope="col">Status</th>
<th scope="col"></th>
</tr>
</thead>
<tbody class="table-body table-body-requests">
<!-- DATA TO BE ENTERED -->
</tbody>
</table>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" data-backdrop="static" id="exampleModal" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header mx-3">
<h5 class="modal-title" id="exampleModalLabel">Update Clearance Status</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body mx-3">
<div class="modal-body mx-3">
<h5 class="mb-4" id="modalId"></h5>
<div class="form-check form-check-inline">
<input class="form-check-input form-check-input-cleared" onchange="toggleDescription()" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="cleared">
<label class="form-check-label" for="inlineRadio1">Cleared</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input form-check-input-rejected" onchange="toggleDescription()" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="rejected">
<label class="form-check-label" for="inlineRadio2">Rejected</label>
</div>
<div class="form-group mt-4" id="rejDesc" style="display: none;">
<label for="exampleFormControlTextarea1">Description</label>
<textarea class="form-control form-control-description" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary" id="updateClearanceStatusButton"> Update</button>
</div>
</div>
</div>
</div>
<!-- bootstrap script -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"
integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous">
</script>
<!-- for sidebar responsiveness -->
<script src="./assets/js/sidebar.js"></script>
<!-- for indexedDB -->
<script src="./assets/js/db.js"></script>
<script src="assets/js/modal.js"></script>
<!-- Add and display -->
<!-- <script src="./assets/js/transactions.js"></script> -->
<!-- personalize for each department -->
<script src="./assets/js/personalize.js"></script>
<!-- Admin Check clearance -->
<script src="../assets/js/admin.js"></script>
<!-- Show requests -->
<script src="./assets/js/requests.js"></script>
</body>
</html>