v1.1.13

fix length generator
v1.1.12
2025-08-02 17:00:03 +02:00 · 2017-11-23 08:49:46 +01:00 · 2017-11-23 08:49:33 +01:00 · 2017-11-23 08:29:04 +01:00 · 2017-11-23 08:28:37 +01:00 · 2017-11-22 16:10:15 +01:00
4 changed files with 43 additions and 23 deletions
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -2,7 +2,7 @@
  "description": "Just a toolbar button that generates a password and copies it to your clipboard.",
  "manifest_version": 2,
  "name": "pwgen reloaded",
-  "version": "1.1.9",
+  "version": "1.1.13",
  "homepage_url": "https://github.com/S2-/pwgen",
  "icons": {
    "48": "icons/lock-48.png"
--- a/src/popup/pwgen.css
+++ b/src/popup/pwgen.css
@@ -26,7 +26,7 @@ input[type="checkbox"] {
  margin-bottom: -7px;
 }

-#copied {
+.copied {
  /*height: 100%;*/
  width: 100%;
  background-color: #FFF8DC;
@@ -36,3 +36,15 @@ input[type="checkbox"] {
  padding: 5px;
  text-align: center;
 }
+
+.fadein {
+  visibility: visible;
+  opacity: 1;
+  transition: opacity 1s linear;
+}
+
+.fadeout {
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s 1s, opacity 1s linear;
+}
--- a/src/popup/pwgen.html
+++ b/src/popup/pwgen.html
@@ -10,12 +10,14 @@
  </head>

 <body>
-  <div id="copied" style="display: none;">password copied to clipboard</div>
+  <div class="copied" style="display: none;">password copied to clipboard</div>

  <form>

    <div>
-      <label for"length">length <input type="number" id="length" value="14" min="0" name="length"></label>
+      <label>length</label>
+      <label for"length-min">min <input type="number" id="length-min" value="14" min="0" name="length-min" style="width: 50px;"></label>
+      <label for"length-max">max <input type="number" id="length-max" value="18" min="0" name="length-max" style="width: 50px;"></label>
    </div>

    <div>
--- a/src/popup/pwgen.js
+++ b/src/popup/pwgen.js
@@ -14,9 +14,14 @@ function randPassword(length, includeSpecial) {
  return randPwd;
 }

+function generateLength() {
+  return Math.floor(Math.random() * (1 + getParams().lengthMax - getParams().lengthMin)) + getParams().lengthMin;
+}
+
 function getParams() {
  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,
    directcopy: document.getElementById('directcopy').checked
  }
@@ -24,7 +29,8 @@ function getParams() {

 function loadOptions() {
  return browser.storage.local.get({
-    length: 14,
+    lengthMin: 14,
+    lengthMax: 17,
    special: true,
    directcopy: false
  });
@@ -42,19 +48,22 @@ function copypasstoclippboard(cb) {
    if (typeof(cb) === 'function') {
      cb();
    }
+    fade(document.getElementsByClassName('copied')[0]);
  }, 200);
 }

 function fade(element) {
-  var op = 1;  // initial opacity
-  var timer = setInterval(function () {
-    if (op <= 0.1) {
-        clearInterval(timer);
-        element.style.display = 'none';
-    }
-    element.style.opacity = op;
-    op -= op * 0.1;
-  }, 50);
+  var clone = element.cloneNode(true);
+  clone.style.display = 'block';
+  element.parentNode.insertBefore(clone, element.nextSibling);
+
+  setTimeout(() => {
+    clone.className += ' fadeout';
+  }, 500);
+
+  setTimeout(() => {
+    clone.remove();
+  }, 1600);
 }

 document.addEventListener('DOMContentLoaded', function() {
@@ -62,7 +71,7 @@ document.addEventListener('DOMContentLoaded', function() {
  document.getElementById('new').addEventListener('click', (ev) => {
    ev.preventDefault();
    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) => {
@@ -78,17 +87,14 @@ document.addEventListener('DOMContentLoaded', function() {
  }

  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('directcopy').checked = options.directcopy;
-    document.getElementById('pw').value = randPassword(getParams().length, getParams().special);
+    document.getElementById('pw').value = randPassword(generateLength(), getParams().special);

    if (options.directcopy) {
-      copypasstoclippboard(() => {
-        let copied = document.getElementById('copied');
-        copied.style.display = 'block';
-        fade(copied)
-      });
+      copypasstoclippboard();
    }
  });
Author	SHA1	Message	Date
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
s2	0d6278cd82	v1.1.10	2017-11-22 10:35:18 +01:00
s2	fee9b6b20a	show notification when button pressed too	2017-11-22 10:27:58 +01:00