-
Notifications
You must be signed in to change notification settings - Fork 0
/
t_id.html
293 lines (282 loc) · 11.1 KB
/
t_id.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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<meta content="IE=Edge" http-equiv="X-UA-Compatible" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>MyMedMen</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="js/mmm_js.js"></script>
<link rel="stylesheet" href="css/mmm_style.css">
</head>
<body class="scrolling">
<!-- Global Menu S -->
<span class="left_slider_close"><img src="img/close_globalmenu.svg"></span>
<!-- Hamburger Menu S -->
<div id="global_menu" class="left_slider">
<div class="pl_20 pr_20 pt_20 pb_10 pr_20 bb_gray">
<p class="t_bold t_black t_small"><img src="img/icon_location.svg"><img src="img/space.png" style="width:5px">Current Location</p>
<div class="ws_100 bg_lightgray location t_mid">Los Angeles - West Hollywood</div>
</div>
<div class="col_s_5_of_10 t_black t_bold t_small pl_20 pt_15 pb_15 br_gray">
<a href="scan_loading.html"><img src="img/icon_home.svg" class="vt"><img src="img/space.png" style="width:5px">Go to Scan ID</a></div>
<div class="col_s_5_of_10 t_black t_bold t_small pl_20 pt_15 pb_15"><a href="signin.html"><img src="img/icon_signout.svg" class="vt"><img src="img/space.png" style="width:5px">Sign Out</a></div>
<nav class="clearfix">
<div class="mega_menu expand_p active"><a><span>dispensary</span></a>
<!-- Submenu Option Left Start -->
<div class="mega_sub expand_c open">
<div class="col_s_10_of_10">
<dl>
<dd>
<ul>
<li><a href="customer_queue_default.html">Customer Queue</a></li>
<li><a href="products.html">POS</a></li>
<li><a href="doc_directory.html">Doctor Directory</a></li>
<li><a href="dispensary_dash.html">Dispensary Dashboard</a></li>
<li><a href="dispensary_reports.html">Dispensary Reports</a></li>
</ul>
</dd>
</dl>
</div>
</div>
<!-- Submenu Option Left End -->
</div>
<div class="mega_menu expand_p"><a><span>inventory</span></a>
<!-- Submenu Option Left Start -->
<div class="mega_sub expand_c">
<div class="col_s_10_of_10">
<dl>
<dd>
<ul>
<li><a href="store_inventory.html">Store Inventory</a></li>
</ul>
</dd>
</dl>
</div>
</div>
<!-- Submenu Option Left End -->
</div>
<div class="mega_menu expand_p"><a><span>admin</span></a>
<!-- Submenu Option Left Start -->
<div class="mega_sub expand_c">
<div class="col_s_10_of_10">
<dl>
<dd>
<ul>
<li><a href="users.html">Users</a></li>
<li><a href="location.html">Locations</a></li>
</ul>
</dd>
</dl>
</div>
</div>
<!-- Submenu Option Left End -->
</div>
</nav>
</div>
<!-- Hamburger Menu E -->
<div class="modal_bg"></div>
<!-- Global Menu S -->
<!-- Right Slider Search S -->
<div class="right_slider" id="search">
<span class="right_slider_close"><img src="img/icon_close_rightslider.svg"></span>
<div class="col_s_10_of_10 txc pt_20 bg_red">
<div class="ws_100 pb_15">
<p class="t_title t_bold">Search</p>
<span class="t_mid pt_5 t_thin">Please select the type and enter keyword.</span>
</div>
<div class="ws_100 contents_cap clearfix"></div>
</div>
<div class="search pa_20 pt_0 clearfix">
<div class="warning_msg txc t_red pb_20 warning"><img src="img/icon_warning_red.svg" class="vm"> <span class="pl_5">Please select the type.</span></div>
<div class="col_3 ws_100 clearfix">
<div class="pb_10 search_select"><span class="search_category t_bold"><p class="pt_10 pb_5"><img src="img/search_customer.svg" class="show"><img src="img/search_customer_red.svg" class="hide"></p>Customer</span></div>
<div class="pb_10 search_select"><span class="search_category t_bold"><p class="pt_10 pb_5"><img src="img/search_product.svg" class="show"><img src="img/search_product_red.svg" class="hide"></p>Product</span></div>
<div class="pb_10 search_select"><span class="search_category t_bold"><p class="pt_10 pb_5"><img src="img/search_doctor.svg" class="show"><img src="img/search_doctor_red.svg" class="hide"></p>Doctor</span></div>
<div class="pb_10 search_select"><span class="search_category t_bold"><p class="pt_10 pb_5"><img src="img/search_inventory.svg" class="show"><img src="img/search_inventory_red.svg" class="hide"></p>Inventory</span></div>
<div class="pb_10 search_select"><span class="search_category t_bold"><p class="pt_10 pb_5"><img src="img/search_transaction.svg" class="show"><img src="img/search_transaction_red.svg" class="hide"></p>Transaction</span></div>
<div class="pb_10 search_select"><span class="search_category t_bold"><p class="pt_10 pb_5"><img src="img/search_user.svg" class="show"><img src="img/search_user_red.svg" class="hide"></p>User</span></div>
</div>
</div>
<div class="ws_100 pa_20 pt_0 txc">
<div class="pa_10 pt_0 search">
<input type="text" placeholder="Search keyword">
</div>
<p class="pt_15 btn_search"><button class="bigsize bg_gray t_white">Search</button></p>
</div>
</div>
<!-- Right Slider Search E -->
<!-- Zoom S -->
<div class="zoom" id="zoomid_passport">
<span class="close_zoom"><img src="img/icon_close_red.svg"></span>
<div class="table">
<div class="table_cell txc">
<p><img src="img/women_passport.svg" style="width: 260px;"></p>
</div>
</div>
<div class="modal_popup_bg"></div>
</div>
<!-- Zoom E -->
<!-- Zoom S -->
<div class="zoom" id="zoomid_driver">
<span class="close_zoom"><img src="img/icon_close_red.svg"></span>
<div class="table">
<div class="table_cell txc">
<p><img src="img/women_driverlisence.svg" style="width: 260px;"></p>
<p class="pt_10"><button class="bg_red t_white" id="CTA_Update" onClick="location.href='#'">Update ID</button></p>
<p class="txc t_white pt_10"><img src="img/icon_warning_red.svg"><span class="pl_5 vm t_small">5 Days Left</span></p>
</div>
</div>
<div class="modal_popup_bg"></div>
</div>
<!-- Zoom E -->
<header>
<div class="container pa_20">
<span class="col_s_1_of_10 fl txl"><img src="img/hamburger_menu.svg" alt="Hamburger Menu" class="icon_menu"></span>
<span class="col_s_8_of_10 txc t_white">
<a href="dashboard.html">
<div class="ws_100 txc no_pic_name">
<p class="t_title t_bold">Amber Heard</p>
<div class="acc_type">Adult / Employee</div>
</div>
</a>
</span>
<span class="col_s_1_of_10 fr txr"><img src="img/icon_search.svg" alt="Search" class="icon_search"></span>
</div>
<!-- Dashboard Header S -->
<!-- Dashboard Header E -->
<div class="ws_100 contents_cap clearfix p_relative">
<div class="tab_menu bg_darkred">
<span><a href="t_profile.html">Profile</a></span>
<span><a href="t_marketing.html">Marketing</a></span>
<span><a href="t_marketing.html">Group</a></span>
<span><a href="t_marketing.html">Account</a></span>
<span class="selected"><a href="t_id.html">I.D</a></span>
</div>
</div>
</header>
<main>
<!-- Calendar S -->
<div class="bg_lightgray calendar clearfix pa_20">
<div class="ws_100 no_line p_relative pb_10">
<span class="p_relative vm" style="width: 70px;font-size: 150%;">
<span class="fr p_absolute form_icon"><img src="img/arrow_dropdown.svg"></span>
<select class="t_bold">
<option>June</option>
</select>
</span>
<span class="p_relative vm" style="width: 52px;margin-left:30px">
<span class="fr p_absolute form_icon"><img src="img/arrow_dropdown.svg"></span>
<select>
<option>1976</option>
</select>
</span>
<span class="fr vm icon_close"><img src="img/close_black.svg"></span>
</div>
<table class="ws_100 txc t_small lh_calender bb_gray">
<tr class="t_gray">
<td>Sun</td>
<td>Mon</td>
<td>Tue</td>
<td>Wed</td>
<td>Thr</td>
<td>Fri</td>
<td>Sat</td>
</tr>
</table>
<table class="ws_100 txc t_small lh_calender">
<tr>
<td></td>
<td></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td class="p_relative t_white"><span class="p_high_9 p_relative">26</span><span class="select_date"></span></td>
</tr>
<tr>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<!-- Calendar E -->
<div class="container clearfix pt_20">
<!-- Account S -->
<div class="wrapper form">
<!-- ID S -->
<div class="col_2 pb_30">
<div class="col_s_5_of_10">
<div class="ws_100 clearfix">
<span class="label">USA Passport # <span class="t_red">*</span></span><input type="text" value="A565464">
</div>
<div class="ws_100 clearfix pt_15">
<span class="fr p_absolute form_icon left" id="icon_calendar"><img src="img/icon_calendar.svg"></span>
<span class="label">Expiration Date <span class="t_red">*</span></span><input type="text" value="06/26/2022">
</div>
</div>
<div class="col_s_4_of_10 fr" id="passport">
<p><img src="img/women_passport.svg"></p>
<p class="pt_5 txc" id="zoom"><img src="img/icon_zoom.svg"><span class="t_small pl_5 vm">Zoom</span></p>
</div>
</div>
<!-- ID E -->
<!-- ID S -->
<div class="col_2">
<div class="col_s_5_of_10">
<div class="ws_100 clearfix">
<span class="label">CA Driver Lisence # <span class="t_red">*</span></span><input type="text" value="B2201793">
</div>
<div class="ws_100 clearfix pt_15">
<span class="fr p_absolute form_icon left" id="icon_calendar"><img src="img/icon_calendar.svg"></span>
<span class="label">Expiration Date <span class="t_red">*</span></span><input type="text" value="01/22/2022">
</div>
</div>
<div class="col_s_4_of_10 fr" id="driver">
<p><img src="img/women_driverlisence.svg"></p>
<p class="pt_5 txc" id="zoom"><img src="img/icon_zoom.svg"><span class="t_small pl_5 vm">Zoom</span></p>
</div>
</div>
<!-- ID E -->
</div>
<!-- Account E -->
<!-- Button S -->
<div class="ws_100 txc p_fixed pf_bottom p_high_9 p_bottom"><button class="bg_black t_white" id="CTA_Cancel" onClick="location.href='dashboard.html'">Cancel</button><span class="button_space"></span><button class="bg_gray t_white" id="CTA_Next" onClick="location.href='dashboard.html'">Save</button></div>
<!-- Button E -->
</div>
</main>
<footer></footer>
</body>
</html>