v1.1.11

use css for transition
v1.1.10
2025-08-02 17:00:03 +02:00 · 2017-11-22 12:25:14 +01:00 · 2017-11-22 12:06:55 +01:00 · 2017-11-22 10:35:18 +01:00 · 2017-11-22 10:27:58 +01:00 · 2017-11-22 09:27:29 +01:00
7 changed files with 58 additions and 8 deletions
--- a/README.md
+++ b/README.md
@@ -0,0 +1,12 @@
+# pwgen reloaded
+
+## What it does
+
+A firefox addon that generates a password and copies it to the clipboard
+
+![pwgen reloaded in action](img/screenshot.png)
+
+## install
+
+On amo!  
+[https://addons.mozilla.org/firefox/addon/pwgen-reloaded/](https://addons.mozilla.org/firefox/addon/pwgen-reloaded/)
--- a/img/screenshot.png
+++ b/img/screenshot.png
--- a/src/README.md
+++ b/src/README.md
@@ -1,5 +0,0 @@
-# pwgen
-
-## What it does ##
-
-Simply generate a password and copy it to the clipboard
--- 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.8",
+  "version": "1.1.11",
  "homepage_url": "https://github.com/S2-/pwgen",
  "icons": {
    "48": "icons/lock-48.png"
--- a/src/popup/pwgen.css
+++ b/src/popup/pwgen.css
@@ -21,6 +21,30 @@ input[type="number"] {
  font-size: inherit;
  padding: 5px 10px;
 }
+
 input[type="checkbox"] {
  margin-bottom: -7px;
 }
+
+.copied {
+  /*height: 100%;*/
+  width: 100%;
+  background-color: #FFF8DC;
+  position: absolute;
+  margin: -25px;
+  margin-top: -5px;
+  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,6 +10,8 @@
  </head>

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

    <div>
--- a/src/popup/pwgen.js
+++ b/src/popup/pwgen.js
@@ -34,14 +34,32 @@ function saveOptions(options) {
  return browser.storage.local.set(options);
 }

-function copypasstoclippboard() {
+function copypasstoclippboard(cb) {
  setTimeout(function() {
    var copyText = document.getElementById('pw');
    copyText.select();
    document.execCommand('copy');
+    if (typeof(cb) === 'function') {
+      cb();
+    }
+    fade(document.getElementsByClassName('copied')[0]);
  }, 200);
 }

+function fade(element) {
+  var clone = element.cloneNode(true);
+  clone.style.display = 'block';
+  element.parentNode.insertBefore(clone, element.nextSibling);
+
+  setTimeout(() => {
+    clone.className += ' fadeout';
+  }, 500);
+
+  setTimeout(() => {
+    clone.remove();
+  }, 1100);
+}
+
 document.addEventListener('DOMContentLoaded', function() {

  document.getElementById('new').addEventListener('click', (ev) => {
@@ -74,4 +92,3 @@ document.addEventListener('DOMContentLoaded', function() {
  });

 });
-
Author	SHA1	Message	Date
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
s2	5959bc4cbe	v1.1.9	2017-11-22 09:27:29 +01:00
s2	93c4955d1d	copy pass to clipboard notification	2017-11-22 09:25:44 +01:00
s2	3a64948533	i like this one better	2017-11-21 21:04:09 +01:00
s2	a0d5b54b5d	new screenshot	2017-11-21 20:59:53 +01:00
s2	396236254a	readme	2017-11-21 20:54:48 +01:00