display site count for folders in optimized view as well

src/popup/app/vault/vaultController.js

@@ -60,6 +60,18 @@
                 $rootScope.vaultFolders = decFolders;
                 $rootScope.vaultLogins = decLogins;
 
+                // compute site count for each folder
+                for (var i = 0; i < $rootScope.vaultFolders.length; i++) {
+                    var siteCount = 0;
+                    for (var j = 0; j < $rootScope.vaultLogins.length; j++) {
+                        if ($rootScope.vaultLogins[j].folderId == $rootScope.vaultFolders[i].id) {
+                            siteCount++;
+                        }
+                    }
+
+                    $rootScope.vaultFolders[i].siteCount = siteCount;
+                }
+
                 if (!delayLoad) {
                     setScrollY();
                 }

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

@@ -18,6 +18,7 @@
                    ng-repeat="folder in vaultFolders | orderBy: folderSort">
                     {{folder.name}}
                     <i class="fa fa-chevron-right fa-lg"></i>
+                    <span class="item-sub-label">{{folder.siteCount}}</span>
                 </a>
             </div>
         </div>

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

@@ -17,6 +17,7 @@
             <div class="list-section" style="padding-bottom: 0;">
                 <div class="list-section-header">
                     {{folder.name}}
+                    <span>{{vaultLogins.length}}</span>
                 </div>
                 <a href="javascript:void(0)" ng-click="viewLogin(login)"
                    class="list-section-item condensed" title="{{i18n.edit}} {{login.name}}"

src/popup/less/components.less

@@ -214,6 +214,10 @@
             label {
                 font-weight: normal;
             }
+
+            span {
+                float: right;
+            }
         }
 
         .list-section-items {
@@ -334,10 +338,16 @@
 
         .fa-chevron-right {
             float: right;
-            margin-top: 3px;
+            margin-top: 4px;
             color: @list-icon-color;
         }
 
+        .item-sub-label {
+            float: right;
+            margin-right: 15px;
+            color: @gray-light;
+        }
+
         &.condensed {
             padding: 3px 10px;