-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (115 loc) · 4.08 KB
/
index.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
<!doctype html>
<!-- This file contains the base HTML for the password safe client -->
<!-- You should not need to modify this file, but you may if you choose. -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>ECE 458 Password Safe</title>
<meta name="description" content="ECE 458 Password Safe">
<meta name="author" content="Sean Kauffman">
<link rel="stylesheet" href="styles.css">
<script src="actions.js"></script>
<script src="client.js"></script>
</head>
<body onload="init();">
<div id="content">
<header>
<h1>ECE 458 Password Safe</h1>
</header>
<div id="message">
</div>
<main>
<div id="login" class="content">
<h2>Log in</h2>
<form>
<label for="username">Username</label>
<input type="text" placeholder="Your Username" name="username" required />
<label for="password">Password</label>
<input type="password" placeholder="Your Password" name="password" required />
<button type="submit">Login</button>
</form>
<a href="/#signup">Sign up for new account</a>
</div>
<div id="signup" class="content">
<h2>Sign up</h2>
<form>
<div class="field">
<label for="username">Username: </label>
<input type="text" placeholder="Desired Username" name="username" required />
</div>
<div class="field">
<label for="password">Password: </label>
<input type="password" placeholder="Desired Password" name="password" required />
</div>
<div class="field">
<label for="password2">Repeat Password: </label>
<input type="password" placeholder="Desired Password" name="password2" required />
</div>
<div class="field">
<label for="email">Email Address: </label>
<input type="text" placeholder="Your Email Address" name="email" required />
</div>
<button type="submit">Sign up</button>
</form>
</div>
<div id="dashboard" class="content">
<h2>Dashboard</h2>
<a href="/#save">Add a password</a>
<a href="/#load">Retrieve a password</a>
<a href="/#logout">Log out</a>
</div>
<div id="save" class="content">
<h2>Add a password to the safe, or edit an existing one</h2>
<p>
<select name="sitelist">
<option value="default" selected>Add a new site password</option>
</select>
</p>
<form>
<div class="field">
<label for="site">Site or App: </label>
<input type="text" placeholder="E.g. uwaterloo.ca" name="site" required />
</div>
<div class="field">
<label for="siteuser">Site User (not required): </label>
<input type="text" placeholder="The user for this password" name="siteuser" />
</div>
<div class="field">
<label for="sitepasswd">Site Password: </label>
<input type="password" placeholder="The password to store" name="sitepasswd" required />
</div>
<button type="submit">Save the password</button>
</form>
<a href="/#dashboard">Dashboard</a>
</div>
<div id="load" class="content">
<h2>Load a password from the safe</h2>
<p>
<select name="sitelist">
<option value="default" selected>Select a site</option>
</select>
</p>
<form>
<div class="field">
<label for="site">Site or App: </label>
<output type="text" name="site"></output>
</div>
<div class="field">
<label for="siteuser">Site User: </label>
<output type="text" name="siteuser"></output>
</div>
<div class="field">
<label for="sitepasswd">Site Password: </label>
<output type="text" name="sitepasswd"></output>
</div>
<button type="submit">Decrypt</button>
</form>
<a href="/#dashboard">Dashboard</a>
</div>
<div id="logout" class="content">
<h2>Logging out...</h2>
</div>
</main>
</div>
</body>
</html>