-
Notifications
You must be signed in to change notification settings - Fork 5
/
popup.html
136 lines (135 loc) · 6.9 KB
/
popup.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>SQRL</title>
<!--link rel="stylesheet" href="chrome://browser/content/extension.css"/-->
<link rel="stylesheet" href="style.css"/>
<script src="bn.js" async></script>
<script src="jQueryLight.js" defer></script>
<script src="qrcode-make.js" defer></script>
<script src="utils.js" defer></script>
<script src="popup.js" defer></script>
</head>
<body>
<main>
<h1><img src="icons/256.png"/>SQRL<span title="This is the name of the active identity.
It's the first 4 characters of the textual identity.
You cannot change this.">identity:</span><span id="identityhash"></span></h1>
<form id="passwd">
Login to <code>-</code>?<br/>
<label class="pwd"><span>Password</span><input type="password" name="password" autofocus/></label>
<button>Login</button>
</form>
<div>
<div>
<input type="radio" name="tab" value="1" id="tab1"/><label for="tab1">Create Identity</label>
<div>
<form id="create">
<label><span></span><button type="button" id="generateNewIdentity" title="This will generate a new, random identity.
Be patient, this may take 10 seconds or more.">Generate new Identity</button></label><br/>
<label><span></span><progress value="0"></progress></label><br/>
<label><span>Identity</span><textarea name="identity" spellcheck="false" readonly></textarea></label><br/>
<br/>
<label title="Generated Rescue Code.
WRITE THIS DOWN ON PAPER and store in a safe place.
You will need this code later for:
- Importing your identity (on another device)
- Rekeying your identity"><span>RescueCode</span><input type="text" name="rescuecode" readonly/></label><b title="Show Rescue Code">👁</b><br/>
<label><span></span>Write this code down on paper<br/></label>
<input type="hidden" name="enscryptedrescuecode"/>
<label title="Enter the Rescue Code you just wrote down on paper"><span>RescueCode Again*</span><input type="text" name="verifyrescuecode" pattern="(\d{4}-?){5}\d{4}" data-errormessage="Please repeat the Rescue Code from the input above.
The Rescue Code should contain 6 groups of 4 digits, separated by a minus sign" required/></label><br/><br/>
<label title="Choose a new password"><span>Password</span><input type="password" name="password"/></label><br/>
<label title="Repeat the password entered above"><span>Password Again</span><input type="password" name="verifypassword"/></label><br/>
<label><span></span><button>🖨 Print & Save</button></label><br/>
</form>
</div>
</div>
<div>
<input type="radio" name="tab" value="2" id="tab2"/><label for="tab2">Import Identity</label>
<div>
<form id="import">
<label><span></span><button type="button" id="openImportIdentityTab" title="This will open a new tab">Import from file or QR code</button></label><br/>
<label><span>Textual Identity*</span><textarea name="identity" placeholder="KbEx Gvz6 bECA Zrq3 HSxg n2cp idwN UnGj eyM7 w7qK mgMg rgs3 DBGf PS8E RbUB kc2S 62AR mhAL caBj gSZt FPVP XDLD QMi9 LcY4 caYY J6eR q83" spellcheck="false" required></textarea></label><b></b><br/>
<label title="Enter the Rescue Code for this Identity"><span>Rescue Code*</span><input type="password" name="rescuecode" placeholder="1234-5678-9012-3456-7890-1234" pattern="(\d{4}-?){5}\d{4}" data-errormessage="The Rescue Code should contain 6 groups of 4 digits, separated by a minus sign" required/></label><br/><br/>
<label title="Choose a new password for this installation.
This can be the same password you use for this identity on other devices."><span>New password</span><input type="password" name="password"/></label><br/>
<label title="Repeat the password entered above"><span>Password again</span><input type="password" name="verifypassword"/></label><br/>
<label><span></span><progress value="0"></progress></label><br/>
<label><span></span><button>Save</button></label>
</form>
</div>
</div>
<div>
<input type="radio" name="tab" value="3" id="tab3"/><label for="tab3">Export Identity</label>
<div>
<form id="export">
<label><span>Textual Identity</span><textarea name="identity" spellcheck="false" readonly></textarea></label><br/>
<label><span>Identity QR Code</span><img id="exportqr"/></label><br/>
</form>
</div>
</div>
<!--div>
<input type="radio" name="tab" value="5" id="tab5"/><label for="tab5">Change Password</label>
<div>
<form id="changepassword" class="notyet">
<label><span>Old Password</span><input type="password" name="password"/></label><br/>
<br/>
<label><span>New Password*</span><input type="password" name="password"/></label><br/>
<label><span>Password Again*</span><input type="password" name="verifypassword"/></label><br/>
<label><span></span><progress value="0"></progress></label><br/>
<label><span></span><button>Save</button></label><br/>
</form>
</div>
</div-->
<div>
<input type="radio" name="tab" value="6" id="tab6"/><label for="tab6">Clear Data</label>
<div>
<form id="deletepassword" class="notyet">
<label><span>Delete Password from Browser Memory</span><button>Delete Password</button></label><br/>
</form>
<br/>
<form id="eraseidentity">
<label><span>Erase all SQRL Identity Information from Browser Memory and Disk</span></label>
<input type="checkbox" name="eraseconfirm" class="confirm"/>
<button type="button" disabled>Erase SQRL Identity</button>
<button>Erase SQRL Identity</button>
</form>
</div>
</div>
<div>
<input type="radio" name="tab" value="7" id="tab7"/><label for="tab7">Settings</label>
<div>
<form id="settings">
<label><span title="If this box is checked and you enter your SQRL password to authenticate on a website, the password will be stored in memory and used for subsequent SQRL authentications.">Password</span><input type="checkbox" name="savepwd"/> Remember</label><br/>
<label><span></span><button>Save</button></label>
</form>
</div>
</div>
<div>
<input type="radio" name="tab" value="8" id="tab8"/><label for="tab8">Help</label>
<div>
<label><span>Version</span><b id="version">0.0.0</b></label><br/>
<label><span title="Keyboard shortcut to open this popup (use Command in stead of Control on Mac platform)">Keybd shortcut</span>Ctrl-Shift-L / ⌘-Shift-L</label><br/>
<label><span>SQRL Forum</span><a href="https://sqrl.grc.com" target="_blank">sqrl.grc.com</a></label><br/>
<br/>
<label><span title="These abbreviations will appear as badge text on the WebExtension's button in the top tight of your browser window.">Abbreviations</span><dl><dt>Auth</dt><dd>Authentication requested</dd>
<dt>IDTY</dt><dd>Missing Identity</dd>
<dt>PASS</dt><dd>Password required</dd>
<dt>IPM</dt><dd>IP address mismatch</dd>
</dl></label><br/>
</div>
</div>
<div>
<input type="radio" name="tab" value="9" id="tab9"/><label for="tab9"></label>
<div>
Welcome to SQRL.<br/>
<br/>
Please <b>create</b> or <b>import</b> an identity by clicking on the corresponding menu item on the left.
</div>
</div>
</div>
</main>
</body>
</html>