-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdonote.html
174 lines (152 loc) · 7.17 KB
/
donote.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Blood Bank</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="css/styles.css">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!--MY NAVBAR-->
<header class="my-header scrollspy" id="home">
<div class="navbar-fixed ">
<nav class=" #212121 red darken-2 transparent nav-wrapper">
<a href="index.html" class="brand-logo center-align"><i class="material-icons"></i>Save Life</a>
<div class="navbar-links">
<ul class="right hide-on-med-and-down">
<li><a href="#home">Volunteers</a></li>
<li><a href="donors.html">Find Blood</a></li>
<li><a href="#join">Live Feed</a></li>
<li><a class="logout-btn-1">Logout</a></li>
<li><a href="signup.html" class="waves-effect waves-light btn-large donate-button ">Donate</a>
</li>
</ul>
</div>
<br>
<div class="row #212121 red darken-1 nav-list">
<ul class=" hide-on-large-only">
<li class="col m3 s6 center-align"><a href="">Volunteers</a></li>
<li class="col m3 s6 center-align"><a href="donors.html">Find Blood</a></li>
<li class="col m3 s6 center-align"><a href="">Live Feed</a></li>
<li class="col m3 s6 center-align"><a class="logout-btn-2">Logout</a></li>
</ul>
</div>
</nav>
</div>
</header>
<div class="hide-on-large-only fake-div1 #212121 red darken-2 "></div>
<div class="hide-on-med-and-up fake-div2 #212121 red darken-2 "></div>
<br><br>
<div class="center-align"> <a href="" class="btn btn-small pulse red white-text modal-trigger"
data-target="donor-details-modal">Donate</a> </div>
<!-- ALL DONORS HERE -->
<div class="center-align">
<h4 class=""><u>Blood Donors</u></h4>
</div>
<div class="container">
<div class="row " id="add-donor">
</div>
</div>
<!-- DONOR DETAILS MODAL -->
<div id="donor-details-modal" class="modal">
<div class="modal-content">
<h4>ADD Your Details</h4><br />
<form id="donor-form">
<div class="input-field">
<input type="text" id="donor-name" placeholder="Enter name" name="name" required />
</div>
<div class="input-field">
<input type="email" id="donor-email" placeholder="Email email address" name="email" required />
</div>
<div class="input-field">
<input type="text" id="donor-bloodgroup" placeholder="Enter blood group" name="bloodgroup"
required />
</div>
<div class="input-field">
<input type="text" id="donor-address" placeholder="Enter address" name="address" required />
</div>
<div class="input-field">
<input type="number" id="donor-number" placeholder="Enter Contact no. " name="number" required />
</div>
<button class=" waves-effect waves-light btn red"> Save</button>
</form>
</div>
</div>
<!-- FOOTER -->
<footer>
<div class="#212121 red darken-2 dot-div"></div>
<div class="black-text footer-div center-align">
<ul>
<li><a class="footer-link">Contact Us </a> | </li>
<li><a class="footer-link">Call Charges </a> | </li>
<li><a class="footer-link">Using your online account </a> | </li>
<li><a class="footer-link">Site maps </a> | </li>
<li><a class="footer-link">Terms and Conditions </a> | </li>
<li><a class="footer-link">Cookies </a> | </li>
<li><a class="footer-link">Freedom of information </a> | </li>
<li><a class="footer-link">Equality and diversity </a></li>
</ul>
</div>
<div class="#212121 red darken-2 dot-div"></div>
<div class="footer-copyright">
<div class="container center-align">
© 2014 Copyright Text Made By <span class="red-text"> Javeria Nadeem</span>
</div>
</div>
</footer>
<script>
// //logout
const logout1 = document.querySelector('.logout-btn-1');
logout1.addEventListener('click', (e) => {
auth.signOut().then(function () {
window.location = "signup.html"
console.log('hello')
});
});
// //logout
const logout2 = document.querySelector('.logout-btn-2');
logout2.addEventListener('click', (e) => {
auth.signOut().then(function () {
window.location = "signup.html"
console.log('hello')
});
});
</script>
<!-- Compiled and minified JavaScript -->
<script src="js/auth.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"
integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous">
</script>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/6.1.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.1.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.1.0/firebase-firestore.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#config-web-app -->
<script>
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "AIzaSyCArO9mQucvxzkOKlpNE-wKyn5zonZCPig",
authDomain: "blood-bank-app-adc8e.firebaseapp.com",
databaseURL: "https://blood-bank-app-adc8e.firebaseio.com",
projectId: "blood-bank-app-adc8e",
storageBucket: "blood-bank-app-adc8e.appspot.com",
messagingSenderId: "538756174798",
appId: "1:538756174798:web:02335bec3b6dadc7"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
// make auth and firestore refrences
const auth = firebase.auth();
const db = firebase.firestore();
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="js/main.js"></script>
<script src="js/database.js"></script>
</body>
</html>