From 8eaad64dd6c7c622b06e39d93ed1de5be5f5cfc6 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Sat, 25 Mar 2017 15:50:24 -0400
Subject: [PATCH] added favorites box to top of my vault listing

---
 src/app/vault/views/vault.html | 67 +++++++++++++++++++++++++++++++++-
 1 file changed, 66 insertions(+), 1 deletion(-)

diff --git a/src/app/vault/views/vault.html b/src/app/vault/views/vault.html
index f57fdbac9e..9b6694158f 100644
--- a/src/app/vault/views/vault.html
+++ b/src/app/vault/views/vault.html
@@ -8,11 +8,76 @@
     <div ng-show="loading && !folders.length">
         <p>Loading...</p>
     </div>
+    <div class="box box-primary" style="margin-bottom: 40px;">
+        <div class="box-header with-border">
+            <h3 class="box-title">
+                <i class="fa fa-star"></i>
+                Favorites <small>{{favoriteLogins.length}} logins</small>
+            </h3>
+            <div class="box-tools">
+                <div class="btn-group">
+                    <button type="button" class="btn btn-box-tool dropdown-toggle" data-toggle="dropdown" uib-tooltip="Options">
+                        <i class="fa fa-gear"></i>
+                        <span class="caret"></span>
+                    </button>
+                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
+                        <li>
+                            <a href="#" ng-click="addLogin()">Add Login</a>
+                        </li>
+                    </ul>
+                </div>
+                <button type="button" class="btn btn-box-tool" data-widget="collapse" uib-tooltip="Collapse/Expand">
+                    <i class="fa fa-minus"></i>
+                </button>
+            </div>
+        </div>
+        <div class="box-body" ng-class="{'no-padding': favoriteLogins.length}">
+            <div ng-show="!favoriteLogins.length">
+                <p>No favorite logins.</p>
+                <button type="button" ng-click="addLogin()" class="btn btn-default btn-flat">Add a Login</button>
+            </div>
+            <div class="table-responsive" ng-show="favoriteLogins.length">
+                <table class="table table-striped table-hover table-selectable">
+                    <thead>
+                        <tr>
+                            <th style="width: 75px; min-width: 75px;"></th>
+                            <th>Name</th>
+                            <th style="width: 300px;">Username</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr ng-repeat="login in favoriteLogins = (logins | filter: { favorite: true } |
+                            filter: (main.searchVaultText || '') | orderBy: ['name', 'username'])">
+                            <td class="actions">
+                                <button type="button" ng-click="deleteLogin(login)" class="btn btn-link btn-table"
+                                        uib-tooltip="Delete">
+                                    <i class="fa fa-lg fa-trash"></i>
+                                </button>
+                                <button type="button" ng-click="share(login)" class="btn btn-link btn-table"
+                                        uib-tooltip="Share">
+                                    <i class="fa fa-lg fa-share-alt"></i>
+                                </button>
+                            </td>
+                            <td ng-click="editLogin(login)">
+                                <span ng-click="$event.stopPropagation()">
+                                    <a href="javascript:void(0)" ng-click="editLogin(login)">{{login.name}}</a>
+                                    <i class="fa fa-star text-muted" uib-tooltip="Favorite" ng-show="login.favorite"></i>
+                                </span>
+                            </td>
+                            <td ng-click="editLogin(login)">
+                                <span ng-click="$event.stopPropagation()">{{login.username}}</span>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
     <div class="box" ng-repeat="folder in folders | orderBy: folderSort"
          ng-show="folders.length && (!main.searchVaultText || folderLogins.length)">
         <div class="box-header with-border">
             <h3 class="box-title">
-                <i class="fa fa-folder-open"></i>
+                <i class="fa" ng-class="{'fa-folder-open': folder.id !== null, 'fa-folder-open-o': folder.id === null}"></i>
                 {{folder.name}} <small>{{folderLogins.length}} logins</small>
             </h3>
             <div class="box-tools">