..
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 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="ie=edge" http-equiv="X-UA-Compatible">
<title>Firebase ECommerce Solution</title>
<link crossorigin="anonymous" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" rel="stylesheet">
<link href="../shared/css/main.css" rel="stylesheet">
</head>
<body>
<div style="position: absolute; top: 75px; z-index: 99; right: 10px;">
<div class="toast" data-autohide="false">
<div class="toast-header">
<strong id="message" class="mr-auto">Message</strong>
<button aria-label="Close" class="ml-2 mb-1 close" data-dismiss="toast" type="button">
<span aria-hidden="true">×</span>
</button>
</div>
<div id="body" class="toast-body">
Hello, world! This is a toast message.
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#">Firebase ECommerce</a>
<button aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarText" data-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<form class="mx-2 my-auto d-inline w-100">
<div class="input-group">
<input class="form-control" id="searchbox" placeholder="Search for Products" type="text">
</div>
</form>
<span class="navbar-text">
<a class="nav-link" href="#" id="sign" style="display: block; width: 100%; padding: .25rem 1.5rem; text-align: inherit;
white-space: nowrap;">Sign In/ Register</a>
<div class="nav-item dropdown">
<a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarDropdown" role="button" style="display: none;">
My Account
</a>
<div
aria-labelledby="navbarDropdown" class="dropdown-menu" style="left: -40px;">
<!-- <h6 style="font-size: 1em; font-weight: 700; padding: .25rem 1.5rem; display: block; width: 100%; -webkit-user-select: none;">Account Management</h6> -->
<a class="dropdown-item item-black" href="#" style="color:black;">My Account</a>
<a class="dropdown-item item-black" href="#" style="color:black;">My Products</a>
<a class="dropdown-item item-black" href="#" style="color:black;">My Orders</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item item-black" href="#" style="color:black;">SignOut</a>
</div>
</div>
</span>
</div>
</nav>
<div class="container-fluid padded-top">
<div class="card">
<div class="card-header">
Login to Firebase ECommerce
</div>
<div class="card-body">
<div class="form-group">
<label for="email">Email address</label>
<input aria-describedby="emailHelp" class="form-control" id="email" placeholder="Enter email" type="email">
<small class="form-text text-muted" id="emailHelp">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="password">Password</label>
<input class="form-control" id="password" placeholder="Password" type="password">
</div>
<button class="btn btn-primary" id="login">Login</button>
<a href="#" class="btn btn-link">Not a user? Signup.</a>
</div>
</div>
</div>
<script src="../shared/js/jquery.js"></script>
<script crossorigin="anonymous" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script crossorigin="anonymous" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.1.0/firebase.js"></script>
<script src="../shared/js/firebaseConfig.js"></script>
<script src="../shared/js/Login.js"></script>
</body>
</html>
|
|