/
dashboard.html
executable file
·140 lines (136 loc) · 4.35 KB
/
dashboard.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
<html lang="en">
<head>
<link rel="icon" href="/media/CoronaContactsIcon.svg">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://bootswatch.com/4/journal/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="dashboard.css">
<script type="text/javascript" src="js/code.js"></script>
<title>CoronaContacts - Dashboard</title>
</head>
<body onload="readCookie(); displayName(); searchContact();">
<div class="jumbotron">
<h1 id="userFirstName" style = "color:#f16455; font-family:candara;" class="display-4">Hello!</h1>
<span class="lead" style = "color:white; font-family:candara; text-shadow: 2px 2px 4px #000000;">Welcome back to "Corona Contacts", THE place for keeping track of who is infected!</span>
<hr class="my-4">
<span style = "color:white; font-family:candara; text-shadow: 2px 2px 4px #000000;">This Dashboard allows you to: ADD, DELETE, SEARCH and UPDATE your contact list.</span>
<p class="lead">
<a onclick="deleteCookie()" class="btn btn-info" id="signOut" href="http://coronacontacts.club" role="button">Sign Out</a>
</p>
</div>
<div class="row">
<div class="card col-sm-3" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Search Contacts</h5>
<div class="form-group">
<input
type="text"
id="searchText"
class="form-control"
placeholder="Search"
/>
</div>
<span id="print_sector"></span>
<p id="mudit">
<span id="searchResults"></span>
</p>
<a class="btn btn-primary justify-content-center" onClick="refreshList(); searchContact();">Search</a>
</div>
</div>
<div class="row justify-content-center col-sm-9">
<table class="table" id="contactTable">
<thead>
<tr>
<th>NAME</th>
<th>EMAIL</th>
<th>CITY</th>
<th>STATE</th>
<th>ZIP</th>
<th>PHONE NUMBER</th>
<th>INFECTED</th>
<th>CREATED</th>
</tr>
</thead>
</table>
</div>
</div>
<div class="row">
<div class="card col-sm-3" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title" id="update_contact">Add Contact(s)</h5>
<div class="form-group" id="editForm">
<input
type="name"
id="name"
class="form-control"
placeholder="Name"
required
/>
</div>
<div class="form-group">
<input
type="email"
id="email"
class="form-control"
placeholder="Email"
required
/>
</div>
<div class="form-group">
<input
type="text"
id="city"
class="form-control"
placeholder="City"
required
/>
</div>
<div class="form-group">
<input
type="text"
id="state"
class="form-control"
placeholder="State"
required
/>
</div>
<div class="form-group">
<input
type="text"
id="zip"
class="form-control"
placeholder="Zip Code"
required
/>
</div>
<div class="form-group">
<input
type="text"
id="phoneNumber"
class="form-control"
placeholder="Phone Number"
required
/>
</div>
<div class="form-group">
<input
type="text"
id="infected"
class="form-control"
placeholder="Infected? (yes / no)"
required
/>
</div>
<span style="color:red" id="errorMessage"></span>
<span style="color:green" id="finishMessage"></span>
</div>
<p>
<a class="btn btn-primary" onclick="addContact();">Add Contact</a>
<span id="addUpdateButton"></span>
<span id="clearButton"></span>
</p>
</div>
</div>
</div>
</body>
</html>