Browse Source

add loading icon to make app loading faster

pull/342/head
Guillaume Vincent 8 years ago
parent
commit
c475eb3442
9 changed files with 91 additions and 25743 deletions
  1. +0
    -25692
      extension/dist/lesspass.js
  2. +5
    -8
      extension/dist/lesspass.min.css
  3. +10
    -23
      extension/dist/lesspass.min.js
  4. +7
    -8
      extension/dist/popup.js
  5. +45
    -0
      extension/icons/loading.svg
  6. +2
    -1
      extension/manifest.json
  7. +14
    -2
      extension/popup.html
  8. +7
    -8
      extension/popup.js
  9. +1
    -1
      package.json

+ 0
- 25692
extension/dist/lesspass.js
File diff suppressed because it is too large
View File


+ 5
- 8
extension/dist/lesspass.min.css
File diff suppressed because it is too large
View File


+ 10
- 23
extension/dist/lesspass.min.js
File diff suppressed because it is too large
View File


+ 7
- 8
extension/dist/popup.js View File

@@ -1,8 +1,7 @@
setTimeout(function () {
var site = document.getElementById('site');
if (site.value.length > 0) {
document.getElementById('login').focus();
} else {
site.focus();
}
}, 500);
document.addEventListener("DOMContentLoaded", function () {
let head = document.getElementsByTagName('head')[0];
let script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'dist/lesspass.min.js';
head.appendChild(script);
});

+ 45
- 0
extension/icons/loading.svg View File

@@ -0,0 +1,45 @@
<svg width="57" height="57" viewBox="0 0 57 57" xmlns="http://www.w3.org/2000/svg" stroke="#0275d8">
<g fill="none" fill-rule="evenodd">
<g transform="translate(1 1)" stroke-width="2">
<circle cx="5" cy="50" r="5">
<animate attributeName="cy"
begin="0s" dur="2.2s"
values="50;5;50;50"
calcMode="linear"
repeatCount="indefinite"/>
<animate attributeName="cx"
begin="0s" dur="2.2s"
values="5;27;49;5"
calcMode="linear"
repeatCount="indefinite"/>
</circle>
<circle cx="27" cy="5" r="5">
<animate attributeName="cy"
begin="0s" dur="2.2s"
from="5" to="5"
values="5;50;50;5"
calcMode="linear"
repeatCount="indefinite"/>
<animate attributeName="cx"
begin="0s" dur="2.2s"
from="27" to="27"
values="27;49;5;27"
calcMode="linear"
repeatCount="indefinite"/>
</circle>
<circle cx="49" cy="50" r="5">
<animate attributeName="cy"
begin="0s" dur="2.2s"
values="50;50;5;50"
calcMode="linear"
repeatCount="indefinite"/>
<animate attributeName="cx"
from="49" to="49"
begin="0s" dur="2.2s"
values="49;5;27;49"
calcMode="linear"
repeatCount="indefinite"/>
</circle>
</g>
</g>
</svg>

+ 2
- 1
extension/manifest.json View File

@@ -2,7 +2,7 @@
"description": "chrome and firefox web extension for lesspass password manager",
"manifest_version": 2,
"name": "LessPass",
"version": "2.1.0",
"version": "2.1.1",
"homepage_url": "https://github.com/lesspass/webextension",
"icons": {
"64": "icons/logo-64.png"
@@ -18,6 +18,7 @@
"activeTab"
],
"browser_action": {
"browser_style": false,
"default_icon": "icons/logo-32.png",
"default_title": "LessPass",
"default_popup": "popup.html"


+ 14
- 2
extension/popup.html View File

@@ -9,12 +9,24 @@
<style>
body {
width: 470px;
height: 500px;
}

.loading {
width: 64px;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
</style>
</head>
<body>
<div id="lesspass"></div>
<script src="dist/lesspass.js"></script>
<div id="lesspass">
<img src="icons/loading.svg" alt="loading" class="loading">
</div>
<script src="dist/popup.js"></script>
</body>
</html>

+ 7
- 8
extension/popup.js View File

@@ -1,8 +1,7 @@
setTimeout(function () {
var site = document.getElementById('site');
if (site.value.length > 0) {
document.getElementById('login').focus();
} else {
site.focus();
}
}, 500);
document.addEventListener("DOMContentLoaded", function () {
let head = document.getElementsByTagName('head')[0];
let script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'dist/lesspass.min.js';
head.appendChild(script);
});

+ 1
- 1
package.json View File

@@ -10,7 +10,7 @@
"zip": "rm -rf build && mkdir build && cd extension && zip -r extension.zip ./* -x ./*.js && cp extension.zip ../build/lesspass.firefox.xpi && mv extension.zip ../build/lesspass.chrome.zip && cd .."
},
"dependencies": {
"lesspass-pure": "^4.1.0"
"lesspass-pure": "^4.2.1"
},
"devDependencies": {
"gulp": "^3.9.1"


Loading…
Cancel
Save