Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-27 12:36:14 +01:00
Code Issues Projects Releases Wiki Activity

add search to people listing

Browse Source
This commit is contained in:
Kyle Spearrin 2017-03-28 21:44:12 -04:00
parent e12582c2c2
commit f6ce6426f1
2 changed files with 55 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/organization/views/organizationPeople.html
View File

@ -7,21 +7,32 @@
<section class="content"> <section class="content">
<div class="box"> <div class="box">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title"></h3> &nbsp;
<div class="box-filters hidden-xs">
<div class="form-group form-group-sm has-feedback has-feedback-left">
<input type="text" id="search" class="form-control" placeholder="Search people..."
style="width: 200px;" ng-model="filterSearch">
<span class="fa fa-search form-control-feedback text-muted" aria-hidden="true"></span>
</div>
</div>
<div class="box-tools"> <div class="box-tools">
<button type="button" class="btn btn-primary btn-sm btn-flat" ng-click="invite()"> <button type="button" class="btn btn-primary btn-sm btn-flat" ng-click="invite()">
Invite user Invite user
</button> </button>
</div> </div>
</div> </div>
<div class="box-body" ng-class="{'no-padding': users.length}"> <div class="box-body" ng-class="{'no-padding': filteredUsers.length}">
<div ng-show="!users.length"> <div ng-show="!filteredUsers.length && !filterSearch">
Loading... Loading...
</div> </div>
<div class="table-responsive" ng-show="users.length"> <div ng-show="!filteredUsers.length && filterSearch">
No people to list.
</div>
<div class="table-responsive" ng-show="filteredUsers.length">
<table class="table table-striped table-hover table-vmiddle"> <table class="table table-striped table-hover table-vmiddle">
<tbody> <tbody>
<tr ng-repeat="user in users | orderBy: ['name', 'email']"> <tr ng-repeat="user in filteredUsers = (users | filter: (filterSearch || '') |
orderBy: ['name', 'email'])">
<td style="width: 70px;"> <td style="width: 70px;">
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">

39
src/less/vault.less
View File

@ -122,6 +122,39 @@ form .btn .loading-icon {
} }
} }
/* Forms */
.form-control {
border-radius: 0 !important;
}
.has-feedback {
&.form-group-sm {
input {
padding-right: (@input-height-small * 1.25);
}
}
}
.has-feedback.has-feedback-left {
input {
padding-left: (@input-height-base * 1.25);
padding-right: 0;
}
&.form-group-sm {
input {
padding-left: (@input-height-small * 1.25);
padding-right: 0;
}
}
.form-control-feedback {
right: initial;
left: 0;
}
}
/* Modals */ /* Modals */
.modal-footer { .modal-footer {
@ -183,6 +216,12 @@ form .btn .loading-icon {
border-top-width: 0; border-top-width: 0;
} }
.box-header .box-filters {
position: absolute;
left: 10px;
top: 5px;
}
/* Toastr */ /* Toastr */
#toast-container { #toast-container {