-
Notifications
You must be signed in to change notification settings - Fork 0
/
account.html
113 lines (101 loc) · 5.79 KB
/
account.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
<!DOCTYPE html>
<html>
<head>
<title>RoboSwipe - Your Account</title>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="css/main.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="css/account.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<nav>
<div class="nav-wrapper black-text valign-wrapper">
<a href="#" class="brand-logo"><img class="logo" src="img/logo.png"/></a>
<a class="waves-effect waves-light btn blue sign-out" style="right:0;position:absolute;margin-right:10px;">Log out</a>
</div>
</nav>
<div id="content">
<div class="row center-align">
<div class="col s12 m6 black-text">
<h2>Account Info</h2>
<h6>Photo for reference:</h6>
<img src="img/id.png"/ class="id">
<div class="info" class="white-text">
<div class="form white-text" style="opacity:0;height:0">
<h4>General Info:</h4>
<label>Full Name</label>
<input class="full_name" type="text" class="validate">
<label>OSIS</label>
<input class="osis" type="number" class="validate">
<label>ID card number</label>
<input class="idnum" type="number" class="validate">
<label>Email</label>
<input class="email" type="email" class="validate">
<label>Grade</label>
<select class="browser-default grade black-text">
<option value="none">Select</option>
<option value="freshman">Freshman</option>
<option value="sophmore">Sophmore</option>
<option value="junior">Junior</option>
<option value="senior">Senior</option>
</select>
<br><br>
<a class="waves-effect waves-light btn blue save-info">Update Info</a>
</div>
<div class="preloader-wrapper big active submitting">
<div class="spinner-layer spinner-blue-only">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col s12 m6">
<h2>Swipe History</h2>
<h6>(Last 25 are shown)</h6>
<table class="striped" style="background-color:white;color:black">
<thead>
<tr class="dark">
<th>Date</th>
<th>Time</th>
</tr>
</thead>
<tbody class="swipebody">
</tbody>
</table>
</div>
</div>
<div>
</div>
<!-- First time user Modal -->
<div id="firstusermodal" class="modal modal-fixed-footer">
<div class="modal-content">
<h4>Welcome to RoboSwipe!</h4>
<p>Thank you for trying out for Team 334 (Brooklyn TechKnights)!</p>
<p>RoboSwipe is our attendance software and is going to be used to track your progress. Using RoboSwipe is very easy. Today you'll fill out some basic info and that's it! Next time you come into the lab just scan your ID and your attendance will have been recorded.</p>
<br>
<h4>Please fill out the general info. If you don't you cannot swipe in!!</h4>
<h6>Hey there, Just making sure you know that this info is used by our administrative staff. By pressing AGREE you are releasing all of the info you enter/give to us. We're also saying that by pressing agree you allow us to take photos/video your time in the lab. We may also contact you via email occasionally to let you know about the tryout process. Just let us know in person if you'd like to have your info deleted and your account terminated. :)</h6>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Agree</a>
</div>
</div>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.4.0/firebase.js"></script>
<script src="js/firebase.js"></script>
<script type="text/javascript" src="js/account.js?v=0.1"></script>
</body>
</html>