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
|
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="popup.css">
<script src="popup.js"></script>
</head>
<body>
<div id='tabs'><button class="inactive" id="login_tab">Login</button><button class="inactive" id="create_tab">Create</button><button class="inactive" id="change_tab">Change</button><button id="close">X</button></div>
<div id="login" class="hidden">
<button id="login_pwd" class="insert"><span class="pwd_action">Get</span> password</button>
</div>
<div id="create" class="hidden">
<input type="checkbox" name="Upper" id="Upper" value="u" checked="checked" /><label for="Upper">Upper</label><br/>
<input type="checkbox" name="Lower" id="Lower" value="l" checked="checked" /><label for="Lower">Lower</label><br/>
<input type="checkbox" name="Symbols" id="Symbols" value="s" checked="checked" /><label for="Symbols">Symbols</label><br/>
<input type="checkbox" name="Digits" id="Digits" value="d" checked="checked" /><label for="Digits">Digits</label><br/>
<label for="pwdlen">Size of Password </label><input size="2" type="text" autocomplete="off" id="pwdlen" placeholder="0"><br/>
<button id="create_pwd" class="insert"><span class="pwd_action">Get</span> password</button>
</div>
<div id="change" class="hidden">
<div id="change_phase1">
<button id="old_pwd" class="insert"><span class="pwd_action">Get</span> Old password</button><br/>
<button id="new_pwd" class="insert"><span class="pwd_action">Get</span> New password</button>
</div>
<div id="change_phase2" class="hidden">
<button id="save_pwd" class="insert">Save changed password</button>
</div>
</div>
<button id="autofill" class="insert">Auto-fill</button>
<input size="16" type="text" autocomplete="off" id="search"/><br/>
<div id="results"></div>
</body>
</html>
|