vault row selectable

This commit is contained in:
Kyle Spearrin 2017-02-25 22:22:25 -05:00
parent 117188769c
commit 642b35582f
2 changed files with 28 additions and 9 deletions

View File

@ -47,19 +47,18 @@
<button type="button" ng-click="addLogin(folder)" class="btn btn-default btn-flat">Add a Login</button> <button type="button" ng-click="addLogin(folder)" class="btn btn-default btn-flat">Add a Login</button>
</div> </div>
<div class="table-responsive" ng-show="folderLogins.length"> <div class="table-responsive" ng-show="folderLogins.length">
<table class="table table-striped table-hover"> <table class="table table-striped table-hover table-selectable">
<thead> <thead>
<tr> <tr>
<th style="width: 75px; min-width: 75px;"></th> <th style="width: 115px; min-width: 115px;"></th>
<th>Name</th> <th>Name</th>
<th style="width: 300px;">Username</th> <th style="width: 300px;">Username</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr ng-repeat="login in folderLogins = (logins | filter: { folderId: folder.id } | <tr ng-repeat="login in folderLogins = (logins | filter: { folderId: folder.id } |
filter: (main.searchVaultText || '') | orderBy: ['name', 'username'])" filter: (main.searchVaultText || '') | orderBy: ['name', 'username'])">
ng-click="editLogin(login)"> <td class="actions">
<td>
<button type="button" ng-click="deleteLogin(login)" class="btn btn-link btn-table" <button type="button" ng-click="deleteLogin(login)" class="btn btn-link btn-table"
uib-tooltip="Delete"> uib-tooltip="Delete">
<i class="fa fa-lg fa-trash"></i> <i class="fa fa-lg fa-trash"></i>
@ -68,12 +67,20 @@
uib-tooltip="View/Edit"> uib-tooltip="View/Edit">
<i class="fa fa-lg fa-pencil"></i> <i class="fa fa-lg fa-pencil"></i>
</button> </button>
<button type="button" ng-click="shareLogin(login)" class="btn btn-link btn-table"
uib-tooltip="Share">
<i class="fa fa-lg fa-user-plus"></i>
</button>
</td> </td>
<td> <td ng-click="editLogin(login)">
{{login.name}} <span ng-click="$event.stopPropagation()">
<i class="fa fa-star text-muted" uib-tooltip="Favorite" ng-show="login.favorite"></i> {{login.name}}
<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> </td>
<td>{{login.username}}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

View File

@ -119,6 +119,18 @@ form .btn .loading-icon {
text-align: left; text-align: left;
} }
/* Tables */
.table-selectable {
td:not(.actions) {
cursor: pointer;
span {
cursor: text;
}
}
}
/* Callouts */ /* Callouts */
.callout.callout-default { .callout.callout-default {