From 3011e9a8043ef2c76b8d90feb681ffcd11a6f285 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Sat, 1 Apr 2017 10:25:48 -0400
Subject: [PATCH] use uib-dropdowns

---
 .../views/organizationPeople.html             |  6 +--
 .../views/organizationSubvaults.html          |  6 +--
 src/app/vault/views/vault.html                | 40 +++++++++++--------
 src/less/vault.less                           | 10 +++--
 4 files changed, 37 insertions(+), 25 deletions(-)

diff --git a/src/app/organization/views/organizationPeople.html b/src/app/organization/views/organizationPeople.html
index b249e3c0..7171a531 100644
--- a/src/app/organization/views/organizationPeople.html
+++ b/src/app/organization/views/organizationPeople.html
@@ -34,11 +34,11 @@
                         <tr ng-repeat="user in filteredUsers = (users | filter: (filterSearch || '') |
                             orderBy: ['type', 'name', 'email'])">
                             <td style="width: 70px;">
-                                <div class="btn-group">
-                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+                                <div class="btn-group" uib-dropdown dropdown-append-to-body>
+                                    <button type="button" class="btn btn-default" uib-dropdown-toggle>
                                         <i class="fa fa-cog"></i> <span class="caret"></span>
                                     </button>
-                                    <ul class="dropdown-menu">
+                                    <ul class="dropdown-menu" uib-dropdown-menu>
                                         <li ng-show="user.status === 1">
                                             <a href="javascript:void(0)" ng-click="confirm(user)">
                                                 <i class="fa fa-fw fa-check"></i> Confirm
diff --git a/src/app/organization/views/organizationSubvaults.html b/src/app/organization/views/organizationSubvaults.html
index d31cff5b..b0806b58 100644
--- a/src/app/organization/views/organizationSubvaults.html
+++ b/src/app/organization/views/organizationSubvaults.html
@@ -38,11 +38,11 @@
                         <tr ng-repeat="subvault in filteredSubvaults = (subvaults | filter: (filterSearch || '') |
                             orderBy: ['name'])">
                             <td style="width: 70px;">
-                                <div class="btn-group">
-                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+                                <div class="btn-group" uib-dropdown dropdown-append-to-body>
+                                    <button type="button" class="btn btn-default" uib-dropdown-toggle>
                                         <i class="fa fa-cog"></i> <span class="caret"></span>
                                     </button>
-                                    <ul class="dropdown-menu">
+                                    <ul class="dropdown-menu" uib-dropdown-menu>
                                         <li>
                                             <a href="javascript:void(0)" ng-click="users(subvault)">
                                                 <i class="fa fa-fw fa-users"></i> Users
diff --git a/src/app/vault/views/vault.html b/src/app/vault/views/vault.html
index 0988a1f6..cca3cdf1 100644
--- a/src/app/vault/views/vault.html
+++ b/src/app/vault/views/vault.html
@@ -16,14 +16,16 @@
                 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">
+                <div class="btn-group" uib-dropdown>
+                    <button type="button" class="btn btn-box-tool" uib-tooltip="Options" uib-dropdown-toggle>
                         <i class="fa fa-gear"></i>
                         <span class="caret"></span>
                     </button>
-                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
+                    <ul class="dropdown-menu dropdown-menu-right" uib-dropdown-menu role="menu">
                         <li>
-                            <a href="#" ng-click="addLogin(null, true)">Add Login</a>
+                            <a href="#" ng-click="addLogin(null, true)">
+                                <i class="fa fa-fw fa-plus-circle"></i> Add Login
+                            </a>
                         </li>
                     </ul>
                 </div>
@@ -43,11 +45,11 @@
                         <tr ng-repeat="login in favoriteLogins = (logins | filter: { favorite: true } |
                             filter: (main.searchVaultText || '') | orderBy: ['name', 'username'])">
                             <td style="width: 70px;">
-                                <div class="btn-group">
-                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+                                <div class="btn-group" uib-dropdown dropdown-append-to-body>
+                                    <button type="button" class="btn btn-default" uib-dropdown-toggle>
                                         <i class="fa fa-cog"></i> <span class="caret"></span>
                                     </button>
-                                    <ul class="dropdown-menu">
+                                    <ul class="dropdown-menu" uib-dropdown-menu>
                                         <li ng-show="!login.organizationId">
                                             <a href="javascript:void(0)" ng-click="share(login)">
                                                 <i class="fa fa-fw fa-share-alt"></i> Share
@@ -80,20 +82,26 @@
                 {{folder.name}} <small>{{folderLogins.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">
+                <div class="btn-group" uib-dropdown>
+                    <button type="button" class="btn btn-box-tool" uib-dropdown-toggle uib-tooltip="Options">
                         <i class="fa fa-gear"></i>
                         <span class="caret"></span>
                     </button>
-                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
+                    <ul class="dropdown-menu dropdown-menu-right" uib-dropdown-menu role="menu">
                         <li>
-                            <a href="#" ng-click="addLogin(folder)">Add Login</a>
+                            <a href="#" ng-click="addLogin(folder)">
+                                <i class="fa fa-fw fa-plus-circle"></i> Add Login
+                            </a>
                         </li>
                         <li ng-show="folder.id">
-                            <a href="#" ng-click="editFolder(folder)">Edit Folder</a>
+                            <a href="#" ng-click="editFolder(folder)">
+                                <i class="fa fa-fw fa-pencil"></i> Edit Folder
+                            </a>
                         </li>
                         <li ng-show="canDeleteFolder(folder)">
-                            <a href="#" ng-click="deleteFolder(folder)">Delete Folder</a>
+                            <a href="#" ng-click="deleteFolder(folder)" class="text-red">
+                                <i class="fa fa-fw fa-trash"></i> Delete Folder
+                            </a>
                         </li>
                     </ul>
                 </div>
@@ -113,11 +121,11 @@
                         <tr ng-repeat="login in folderLogins = (logins | filter: { folderId: folder.id } |
                             filter: (main.searchVaultText || '') | orderBy: ['name', 'username'])">
                             <td style="width: 70px;">
-                                <div class="btn-group">
-                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+                                <div class="btn-group" uib-dropdown dropdown-append-to-body>
+                                    <button type="button" class="btn btn-default" uib-dropdown-toggle>
                                         <i class="fa fa-cog"></i> <span class="caret"></span>
                                     </button>
-                                    <ul class="dropdown-menu">
+                                    <ul class="dropdown-menu" uib-dropdown-menu>
                                         <li ng-show="!login.organizationId">
                                             <a href="javascript:void(0)" ng-click="share(login)">
                                                 <i class="fa fa-fw fa-share-alt"></i> Share
diff --git a/src/less/vault.less b/src/less/vault.less
index 01c6a75f..c2abd009 100644
--- a/src/less/vault.less
+++ b/src/less/vault.less
@@ -116,9 +116,13 @@ form .btn .loading-icon {
 .dropdown-menu {
     border-color: #ccc;
 
-    > li > a > .fa {
-        margin-right: 0;
-        margin-left: -5px;
+    > li > a {
+        color: @text-color;
+
+        > .fa {
+            margin-right: 0;
+            margin-left: -5px;
+        }
     }
 }