atomaka/passwdgen
1
0
Fork 0
Code Releases Activity

Use ctrl keybind to assist in copy and paste

Browse source
This commit is contained in:
Andrew Tomaka 2013-08-04 02:15:31 -04:00
parent 9b5d00049a
commit ec017915c2
1 changed files with 67 additions and 60 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

127
index.html
View file

@ -1,71 +1,78 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Password Generator</title> <title>Password Generator</title>
<link href="css/html5reset-1.6.1.css" rel="stylesheet" type="text/css" /> <link href="css/html5reset-1.6.1.css" rel="stylesheet" type="text/css" />
<!--[if IE]> <!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> <![endif]-->
<link href="css/style.css" rel="stylesheet" type="text/css" /> <link href="css/style.css" rel="stylesheet" type="text/css" />
</head> </head>
<body> <body>
<div id="wrapper"> <div id="wrapper">
<div id="box"> <div id="box">
<div id="header"> <div id="header">
<h1>Passwdgen v1.0</h1> <h1>Passwdgen v1.0</h1>
</div> </div>
<div id="generate"> <div id="generate">
<form id="generate"> <form id="generate">
<div class="form_row"> <div class="form_row">
<label for="root">Root Domain:</label> <label for="root">Root Domain:</label>
<input type="text" id="root" name="root" /> <input type="text" id="root" name="root" />
</div> </div>
<div class="form_row"> <div class="form_row">
<label for="master">Master Password:</label> <label for="master">Master Password:</label>
<input type="password" id="master" name="master" autocomplete="off" /> <input type="password" id="master" name="master" autocomplete="off" />
</div> </div>
<div class="form_row"> <div class="form_row">
<button type="button" id="copy">Generate and Copy to Clipboard</button> Fill out the boxes and hit ctrl+c to copy your password.
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
<div class="hidden"> <div class="hidden">
<input type="text" id="password" readyonly="readyonly" tabindex="-1" /> <input type="text" id="password" readyonly="readyonly" tabindex="-1" />
</div> </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script src="js/jquery.corner.min.js"></script> <script src="js/jquery.corner.min.js"></script>
<script src="js/jquery.md5.min.js"></script> <script src="js/jquery.md5.min.js"></script>
<script src="js/rules.js"></script> <script src="js/rules.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
$('input').corner('round 4px'); $('input').corner('round 4px');
$('button').corner('round 4px'); $('button').corner('round 4px');
$('#box').corner('round bottom'); $('#box').corner('round bottom');
$('#generate input').change(function() { $('#generate input').on('input', function() {
var root = $('#root').val(); var root = $('#root').val();
var master = $('#master').val() var master = $('#master').val()
var hash = $.md5(root + master); var hash = $.md5(root + master);
hash = hash.replace(/[a-f]/, function(alpha) { hash = hash.replace(/[a-f]/, function(alpha) {
return alpha.toUpperCase(); return alpha.toUpperCase();
}); });
if(root in special) { if(root in special) {
$('#password').val(special[root](hash)); $('#password').val(special[root](hash));
} else { } else {
$('#password').val(hash); $('#password').val(hash);
} }
}); });
}); });
</script>
</body> $(document).keydown(function(e) {
var keycode = e.keycode || e.which;
if(keycode == 17) {
$('#password').focus().select();
}
});
</script>
</body>
</html> </html>