Added auto fill animation. (#341)

* New Crowdin translations (#338)

* New translations messages.json (Chinese Simplified)

* New translations messages.json (Portuguese, Brazilian)

* New translations messages.json (Romanian)

* New translations copy.resx (Romanian)

* New translations messages.json (Russian)

* New translations messages.json (Slovak)

* New translations messages.json (Spanish)

* New translations messages.json (Swedish)

* New translations messages.json (Thai)

* New translations messages.json (Turkish)

* New translations messages.json (Ukrainian)

* New translations messages.json (Danish)

* New translations messages.json (Vietnamese)

* New translations messages.json (Portuguese)

* New translations messages.json (Polish)

* New translations copy.resx (Chinese Simplified)

* New translations messages.json (French)

* New translations messages.json (Chinese Traditional)

* New translations messages.json (Croatian)

* New translations messages.json (Czech)

* New translations messages.json (Dutch)

* New translations messages.json (Finnish)

* New translations messages.json (German)

* New translations messages.json (Hindi)

* New translations messages.json (Hungarian)

* New translations messages.json (Indonesian)

* New translations messages.json (Italian)

* New translations messages.json (Japanese)

* version bump

* subtitle for folder listing. folder icon.

* version bump

* subtitle should be searchable

* Added autofill animation.

src/content/autofill.css

@@ -0,0 +1,16 @@
+@-webkit-keyframes onepasswordfill {
+	0% { -webkit-transform: scale(1.0,1.0); }
+	50% { -webkit-transform: scale(1.2,1.2); }
+	100% { -webkit-transform: scale(1.0,1.0); }
+}
+
+@-moz-keyframes onepasswordfill {
+	0% { transform: scale(1.0,1.0); }
+	50% { transform: scale(1.2,1.2); }
+	100% { transform: scale(1.0,1.0); }
+}
+
+.com-agilebits-onepassword-extension-animated-fill {
+	animation: onepasswordfill 200ms ease-in-out 0ms 1;
+	-webkit-animation: onepasswordfill 200ms ease-in-out 0ms 1;
+}

src/manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "__MSG_extName__",
   "short_name": "__MSG_appName__",
-  "version": "1.19.1",
+  "version": "1.20.1",
   "description": "__MSG_extDesc__",
   "default_locale": "en",
   "author": "8bit Solutions LLC",
@@ -50,6 +50,12 @@
         "file:///*"
       ],
       "run_at": "document_start"
+    },
+    {
+       "all_frames": true,
+       "css": [ "content/autofill.css" ],
+       "matches": [ "http://*/*", "https://*/*", "file:///*" ],
+       "run_at": "document_end"
     }
   ],
   "background": {

src/popup/app/vault/vaultController.js

@@ -106,7 +106,7 @@
             if (cipher.name && cipher.name.toLowerCase().indexOf(searchTerm) !== -1) {
                 return true;
             }
-            if (cipher.username && cipher.username.toLowerCase().indexOf(searchTerm) !== -1) {
+            if (cipher.subTitle && cipher.subTitle.toLowerCase().indexOf(searchTerm) !== -1) {
                 return true;
             }
             if (cipher.login && cipher.login.uri && cipher.login.uri.toLowerCase().indexOf(searchTerm) !== -1) {

src/popup/app/vault/views/vault.html

@@ -21,7 +21,7 @@
                 </div>
                 <a href="#" stop-click ng-click="viewFolder(folder)" class="list-section-item"
                    ng-repeat="folder in vaultFolders | orderBy: folderSort track by $index">
-                    {{folder.name}}
+                    <i class="fa fa-folder-open text-muted"></i> {{folder.name}}
                     <i class="fa fa-chevron-right fa-lg"></i>
                     <span class="item-sub-label" ng-if="showFolderCounts">{{folder.itemCount}}</span>
                 </a>

src/popup/app/vault/views/vaultViewFolder.html

@@ -29,7 +29,7 @@
                         <i class="fa fa-share-alt text-muted" ng-if="cipher.organizationId" title="{{i18n.shared}}"></i>
                         <i class="fa fa-paperclip text-muted" ng-if="cipher.attachments" title="{{i18n.attachments}}"></i>
                     </span>
-                    <span class="detail">{{cipher.username}}</span>
+                    <span class="detail">{{cipher.subTitle}}</span>
                 </a>
             </div>
         </div>