s2/pwgen-reloaded
1
0
Fork 0
mirror of https://github.com/S2-/pwgen.git synced 2025-08-03 01:00:04 +02:00
Code Issues Releases Wiki Activity

Compare commits

base: s2:v1.1.10
Branches Tags
s2:master
s2:v1.1.23 s2:v1.1.22 s2:v1.1.21 s2:v1.1.20 s2:v1.1.19 s2:v1.1.18 s2:v1.1.17 s2:v1.1.16 s2:v1.1.15 s2:v1.1.14 s2:v1.1.13 s2:v1.1.12 s2:v1.1.11 s2:v1.1.10 s2:v1.1.9 s2:v1.1.8 s2:v1.1.7 s2:v1.1.6 s2:v1.1.5 s2:v1.1.4 s2:v1.1.3 s2:v1.1.2 s2:v1.1.1
..
compare: s2:v1.1.18
Branches Tags
s2:master
s2:v1.1.23 s2:v1.1.22 s2:v1.1.21 s2:v1.1.20 s2:v1.1.19 s2:v1.1.18 s2:v1.1.17 s2:v1.1.16 s2:v1.1.15 s2:v1.1.14 s2:v1.1.13 s2:v1.1.12 s2:v1.1.11 s2:v1.1.10 s2:v1.1.9 s2:v1.1.8 s2:v1.1.7 s2:v1.1.6 s2:v1.1.5 s2:v1.1.4 s2:v1.1.3 s2:v1.1.2 s2:v1.1.1

19 Commits
v1.1.10 ... v1.1.18

Author SHA1 Message Date
s2
a94280245d v1.1.18 2017-11-27 13:09:15 +01:00
Age Bosma
5db228d472 Layout fine-tuning 2017-11-27 12:56:08 +01:00
s2
4a8f31eb7c v1.1.17 2017-11-24 19:05:03 +01:00
s2
1625011a18 make icon actually light 2017-11-24 19:04:41 +01:00
s2
710a30b69f v1.1.16 2017-11-24 18:57:43 +01:00
s2
84c4096276 add lock-32-light.png icon 2017-11-24 18:57:25 +01:00
s2
eaab8485e7 v1.1.15 2017-11-23 12:29:14 +01:00
s2
f5dc33bbb0 more = 2017-11-23 12:29:01 +01:00
s2
1c7ba3298c 1.1.14 2017-11-23 12:26:21 +01:00
s2
5cd436d8eb = 2017-11-23 12:26:00 +01:00
s2
75bbd1d24c add screencast 2017-11-23 09:15:29 +01:00
s2
8b02b259da make it work with 0 2017-11-23 08:53:59 +01:00
s2
969ad13e23 v1.1.13 2017-11-23 08:49:46 +01:00
s2
005570d04d fix length generator 2017-11-23 08:49:33 +01:00
s2
06cfa9d0da v1.1.12 2017-11-23 08:29:04 +01:00
s2
fa5ba83db2 make length random 2017-11-23 08:28:37 +01:00
s2
5c37f822db wait for transition to be completed 2017-11-22 16:10:15 +01:00
s2
a53d60474d v1.1.11 2017-11-22 12:25:14 +01:00
s2
4d7fefccfc use css for transition 2017-11-22 12:06:55 +01:00
7 changed files with 70 additions and 35 deletions
Expand all files Collapse all files

4
README.md
View File

@@ -4,9 +4,9 @@
A firefox addon that generates a password and copies it to the clipboard A firefox addon that generates a password and copies it to the clipboard
![pwgen reloaded in action](img/screenshot.png) ![pwgen reloaded in action](img/cast.gif)
## install ## install
On amo! On amo!
[https://addons.mozilla.org/firefox/addon/pwgen-reloaded/](https://addons.mozilla.org/firefox/addon/pwgen-reloaded/) [https://addons.mozilla.org/firefox/addon/pwgen-reloaded/](https://addons.mozilla.org/firefox/addon/pwgen-reloaded/)

BIN
img/cast.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 366 KiB

BIN
src/icons/lock-32-light.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 568 B

2
src/manifest.json
View File

@@ -2,7 +2,7 @@
"description": "Just a toolbar button that generates a password and copies it to your clipboard.", "description": "Just a toolbar button that generates a password and copies it to your clipboard.",
"manifest_version": 2, "manifest_version": 2,
"name": "pwgen reloaded", "name": "pwgen reloaded",
"version": "1.1.10", "version": "1.1.18",
"homepage_url": "https://github.com/S2-/pwgen", "homepage_url": "https://github.com/S2-/pwgen",
"icons": { "icons": {
"48": "icons/lock-48.png" "48": "icons/lock-48.png"

29
src/popup/pwgen.css
View File

@@ -20,13 +20,28 @@ input[type="number"] {
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
padding: 5px 10px; padding: 5px 10px;
width: 50px;
}
#length-min {
margin-right: 10px;
} }
input[type="checkbox"] { input[type="checkbox"] {
margin-bottom: -7px; margin-bottom: -7px;
} }
#copied { #pw {
border: 2px black solid;
width: 250px;
}
#copy {
margin-left: 0px;
}
.copied {
/*height: 100%;*/ /*height: 100%;*/
width: 100%; width: 100%;
background-color: #FFF8DC; background-color: #FFF8DC;
@@ -36,3 +51,15 @@ input[type="checkbox"] {
padding: 5px; padding: 5px;
text-align: center; text-align: center;
} }
.fadein {
visibility: visible;
opacity: 1;
transition: opacity 1s linear;
}
.fadeout {
visibility: hidden;
opacity: 0;
transition: visibility 0s 1s, opacity 1s linear;
}

30
src/popup/pwgen.html
View File

@@ -10,33 +10,33 @@
</head> </head>
<body> <body>
<div id="copied" style="display: none;">password copied to clipboard</div> <div class="copied" style="display: none;">Password copied to clipboard</div>
<form> <form>
<div> <div>
<label for"length">length <input type="number" id="length" value="14" min="0" name="length"></label>
</div>
<div>
<input type="checkbox" id="special" checked="checked" name="special">
<label for"special">include special chars</label>
</div>
<div>
<label for="pw">your password</label>
<input type="text" id="pw" name="pw"> <input type="text" id="pw" name="pw">
</div> </div>
<div> <div>
<button id="copy" style="margin-left: 0;">copy to clipboard</button><button id="new">give me an other one</button> <label>Length: </label>
<label for="length-min">min.</label> <input type="number" id="length-min" value="14" min="0" name="length-min">
<label for="length-max">max.</label> <input type="number" id="length-max" value="18" min="0" name="length-max">
</div>
<div>
<input type="checkbox" id="special" checked="checked" name="special">
<label for="special">Include special characters</label>
</div>
<div>
<button id="copy">Copy to clipboard</button><button id="new">Generate another</button>
</div> </div>
<hr> <hr>
<div> <div>
<input type="checkbox" id="directcopy" name="directcopy" title="next time when i click the button, copy the new password immediately to the clipboard"> <input type="checkbox" id="directcopy" name="directcopy" title="The next time the toolbar button is clicked, the password is copied to the clipboard directly">
<label for="directcopy">direct copy</label> <label for="directcopy">Copy directly</label>
</div> </div>
</form> </form>

40
src/popup/pwgen.js
View File

@@ -14,9 +14,14 @@ function randPassword(length, includeSpecial) {
return randPwd; return randPwd;
} }
function generateLength() {
return Math.floor(Math.random() * (getParams().lengthMax - getParams().lengthMin + 1) + getParams().lengthMin);
}
function getParams() { function getParams() {
return { return {
length: parseInt(document.getElementById('length').value), lengthMin: parseInt(document.getElementById('length-min').value),
lengthMax: parseInt(document.getElementById('length-max').value),
special: document.getElementById('special').checked, special: document.getElementById('special').checked,
directcopy: document.getElementById('directcopy').checked directcopy: document.getElementById('directcopy').checked
} }
@@ -24,7 +29,8 @@ function getParams() {
function loadOptions() { function loadOptions() {
return browser.storage.local.get({ return browser.storage.local.get({
length: 14, lengthMin: 14,
lengthMax: 17,
special: true, special: true,
directcopy: false directcopy: false
}); });
@@ -42,21 +48,22 @@ function copypasstoclippboard(cb) {
if (typeof(cb) === 'function') { if (typeof(cb) === 'function') {
cb(); cb();
} }
fade(document.getElementById('copied')); fade(document.getElementsByClassName('copied')[0]);
}, 200); }, 200);
} }
function fade(element) { function fade(element) {
element.style.display = 'block'; var clone = element.cloneNode(true);
var op = 1; // initial opacity clone.style.display = 'block';
var timer = setInterval(function () { element.parentNode.insertBefore(clone, element.nextSibling);
if (op <= 0.1) {
clearInterval(timer); setTimeout(() => {
element.style.display = 'none'; clone.className += ' fadeout';
} }, 500);
element.style.opacity = op;
op -= op * 0.1; setTimeout(() => {
}, 50); clone.remove();
}, 1600);
} }
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
@@ -64,7 +71,7 @@ document.addEventListener('DOMContentLoaded', function() {
document.getElementById('new').addEventListener('click', (ev) => { document.getElementById('new').addEventListener('click', (ev) => {
ev.preventDefault(); ev.preventDefault();
var params = getParams(); var params = getParams();
document.getElementById('pw').value = randPassword(params.length, params.special); document.getElementById('pw').value = randPassword(generateLength(), params.special);
}); });
document.getElementById('copy').addEventListener('click', (ev) => { document.getElementById('copy').addEventListener('click', (ev) => {
@@ -80,10 +87,11 @@ document.addEventListener('DOMContentLoaded', function() {
} }
loadOptions().then((options) => { loadOptions().then((options) => {
document.getElementById('length').value = options.length; document.getElementById('length-min').value = options.lengthMin;
document.getElementById('length-max').value = options.lengthMax;
document.getElementById('special').checked = options.special; document.getElementById('special').checked = options.special;
document.getElementById('directcopy').checked = options.directcopy; document.getElementById('directcopy').checked = options.directcopy;
document.getElementById('pw').value = randPassword(getParams().length, getParams().special); document.getElementById('pw').value = randPassword(generateLength(), getParams().special);
if (options.directcopy) { if (options.directcopy) {
copypasstoclippboard(); copypasstoclippboard();