..
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 | doctype html
html(lang='en')
include common/header.pug
+head('My Account')
body
include common/navbar.pug
//- nav(class="navbar navbar-dark bg-dark")
//- div(class="container-fluid")
//- a(class="navbar-brand" href="./") Vaccinosaurus
//- div(class="d-flex")
//- button(class="btn btn-success me-2" type="button" onclick="logout()") Logout
//- button(class="btn btn-primary" type="button" onclick="window.location.href='https://github.com/luciferreeves/vaccinosaurus'") Fork on GitHub
div(class="container")
div(class="mt-5 text-center")
h1(class="display-4") My Account
p <strong>Server Location: </strong>Mumbai, India
div(class="mt-5 flex-sm-column justify-content-center")
div(class="text-center")
div(class="spinner-border text-primary" role="status" id="accountLoader")
span(class="visually-hidden") Loading..
div(id="accountDetails" style="display:none")
div(class="alert alert-info" role="alert") It may take upto 1 minute to show Live Update if a vaccine is available.
div(class="alert alert-warning mt-3" role="alert" id="noNotifier") You do not have any notifier setup. Please setup a new notifier using the <strong>Add Notifier</strong> button.
div(class="row")
div(class="col-sm")
h3 Hello, <span id="fullName"></span>
p(id="email")
div(class="col-sm btn-right")
button(id="open-form" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="checkInputs()") Add Notifier
div(class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true")
div(class="modal-dialog modal-dialog-centered")
div(class="modal-content")
div(class="modal-header")
h5(class="modal-title" id="exampleModalLabel") Add New Notifier
button(type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close")
div(class="modal-body")
div
div
label(for="age" class="form-label") Age
input(type="text" class="form-control" id="age" placeholder="Age")
div(class="mt-3")
label(for="pincode" class="form-label") PIN Code
input(type="text" class="form-control" id="pincode" placeholder="PIN Code")
div(class="row mt-3")
div(class="col-md-6 mt-1 mx-auto")
select(class="form-select" id="states")
option(selected disabled) Select a state
div(class="col-md-6 mt-1 mx-auto")
select(class="form-select" id="districts")
option(selected disabled) Select a district
div(class="mt-3")
label(for="notifyForAges" class="form-label") Notify for
select(class="form-select" id="notifyForAges")
option(disabled) Notify For Ages
option(value="all" selected) All Ages
option(value="18") 18 - 44 Years
option(value="45") 45+ Years
div(class="mt-3")
label(for="notifyWith" class="form-label") Search within
select(class="form-select" id="notifyWith")
option(disabled) Search within
option(value="pincode" selected) PIN Code
option(value="district") District
div(class="modal-footer")
button(type="button" class="btn btn-secondary" id="close-button" data-bs-dismiss="modal") Close
button(type="button" class="btn btn-primary" id="addNewNotifier" onclick="addNewNotifier()") Add
div(id="accounts" class="mt-4 row")
//- div(class="col-sm-12 col-md-4")
//- div(class="card w-100 mt-2")
//- div(class="card-header text-center") Banda
//- ul(class="list-group list-group-flush")
//- li(class="list-group-item") <b>Age:</b> All
//- li(class="list-group-item") <b>Available Vaccine:</b> None
//- div(class="card-footer text-end")
//- button(class="btn btn-danger") Delete
include common/footer.pug
script(src="https://www.gstatic.com/firebasejs/8.5.0/firebase-app.js")
script(src="https://www.gstatic.com/firebasejs/8.5.0/firebase-auth.js")
script(src="https://www.gstatic.com/firebasejs/8.5.0/firebase-firestore.js")
script(src="js/auth.js")
script(src="js/datastore.js")
script(src="js/accountForm.js")
|
|