Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-06 09:20:43 +01:00
Code Issues Projects Releases Wiki Activity

toggle checkboxes by clicking whole cell

Browse Source
This commit is contained in:
Kyle Spearrin 2017-06-09 01:10:53 -04:00
parent f170157817
commit 488dbb6715
4 changed files with 28 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/directives/stopPropDirective.js Normal file
View File

@ -0,0 +1,10 @@
angular
.module('bit.directives')
.directive('stopProp', function () {
return function (scope, element, attrs) {
$(element).click(function (event) {
event.stopPropagation();
});
};
});

7
src/app/vault/vaultController.js
View File

@ -312,6 +312,11 @@
return $scope.folderIdFilter === undefined || folder.id === $scope.folderIdFilter; return $scope.folderIdFilter === undefined || folder.id === $scope.folderIdFilter;
}; };
$scope.select = function ($event) {
var checkbox = $($event.currentTarget).parent().find('input[name="loginSelection"]');
checkbox.prop('checked', !checkbox.prop('checked'));
};
function distinct(value, index, self) { function distinct(value, index, self) {
return self.indexOf(value) === index; return self.indexOf(value) === index;
} }
@ -323,7 +328,7 @@
} }
function clearLoginSelections() { function clearLoginSelections() {
$('input[name="loginSelection"]').attr('checked', false); $('input[name="loginSelection"]').prop('checked', false);
} }
$scope.bulkMove = function () { $scope.bulkMove = function () {

20
src/app/vault/views/vault.html
View File

@ -107,10 +107,11 @@
<td class="action-select"> <td class="action-select">
<input type="checkbox" value="{{::login.id}}" name="loginSelection" /> <input type="checkbox" value="{{::login.id}}" name="loginSelection" />
</td> </td>
<td> <td ng-click="select($event)">
<a href="#" stop-click ng-click="editLogin(login)">{{login.name}}</a> <a href="#" stop-click ng-click="editLogin(login)" stop-prop>{{login.name}}</a>
<i class="fa fa-share-alt text-muted" title="Shared" ng-show="login.organizationId"></i> <i class="fa fa-share-alt text-muted" title="Shared" ng-show="login.organizationId"
<div class="text-sm text-muted">{{login.username}}</div> stop-prop></i><br />
<span class="text-sm text-muted" stop-prop>{{login.username}}</span>
</td> </td>
</tr> </tr>
</tbody> </tbody>
@ -204,11 +205,12 @@
<td class="action-select"> <td class="action-select">
<input type="checkbox" value="{{::login.id}}" name="loginSelection" /> <input type="checkbox" value="{{::login.id}}" name="loginSelection" />
</td> </td>
<td> <td ng-click="select($event)">
<a href="#" stop-click ng-click="editLogin(login)">{{login.name}}</a> <a href="#" stop-click ng-click="editLogin(login)" stop-prop>{{login.name}}</a>
<i class="fa fa-star text-muted" title="Favorite" ng-show="login.favorite"></i> <i class="fa fa-star text-muted" title="Favorite" ng-show="login.favorite" stop-prop></i>
<i class="fa fa-share-alt text-muted" title="Shared" ng-show="login.organizationId"></i> <i class="fa fa-share-alt text-muted" title="Shared" ng-show="login.organizationId" stop-prop></i>
<div class="text-sm text-muted">{{login.username}}</div> <br />
<span class="text-sm text-muted" stop-prop>{{login.username}}</span>
</td> </td>
</tr> </tr>
</tbody> </tbody>

1
src/index.html
View File

@ -120,6 +120,7 @@
<script src="app/directives/passwordViewerDirective.js"></script> <script src="app/directives/passwordViewerDirective.js"></script>
<script src="app/directives/letterAvatarDirective.js"></script> <script src="app/directives/letterAvatarDirective.js"></script>
<script src="app/directives/stopClickDirective.js"></script> <script src="app/directives/stopClickDirective.js"></script>
<script src="app/directives/stopPropDirective.js"></script>
<script src="app/filters/filtersModule.js"></script> <script src="app/filters/filtersModule.js"></script>
<script src="app/filters/enumNameFilter.js"></script> <script src="app/filters/enumNameFilter.js"></script>