diff options
author | brantje <brantje@gmail.com> | 2016-10-16 18:52:52 +0300 |
---|---|---|
committer | brantje <brantje@gmail.com> | 2016-10-16 19:08:59 +0300 |
commit | 1a4c1346cccc2b5930834fe87d9d434af8f408b0 (patch) | |
tree | 37a0bb4a28ca99fadde9bf04537dc3b3c2b94132 /templates/views/show_vault.html | |
parent | 94d4f309487e066c55ed154dfe894303520cae80 (diff) |
Better searchbox behaviour.
Add a clear icon.
Diffstat (limited to 'templates/views/show_vault.html')
-rw-r--r-- | templates/views/show_vault.html | 51 |
1 files changed, 25 insertions, 26 deletions
diff --git a/templates/views/show_vault.html b/templates/views/show_vault.html index 691c068a..06eecd36 100644 --- a/templates/views/show_vault.html +++ b/templates/views/show_vault.html @@ -1,41 +1,40 @@ -<div id="passman-controls"> - <div class="breadcrumb"> +<div off-click="closeSelected()" off-click-filter="'.download-js-link, .sidebar-shown'"> + <div id="passman-controls" ng-class="{ 'sidebar-shown': selectedCredential }"> <div class="breadcrumb"> - <div class="crumb svg ui-droppable" data-dir="/"> - <a><i class="fa fa-home"></i></a> - </div> - <div class="crumb svg last"> - <a>{{active_vault.name}}</a> + <div class="breadcrumb"> + <div class="crumb svg ui-droppable" data-dir="/"> + <a><i class="fa fa-home"></i></a> + </div> + <div class="crumb svg last"> + <a>{{active_vault.name}}</a> + </div> </div> </div> - </div> - <span class="title" ng-if="delete_time"> + <span class="title" ng-if="delete_time"> Showing deleted since: <span ng-if="delete_time == 1">All time</span> <span ng-if="delete_time > 1">{{delete_time | date:'dd-MM-yyyy @ HH:mm:ss'}}</span> </span> - <div class="actions creatable"> + <div class="actions creatable"> <span ng-click="addCredential()" class="button new"> <span >+</span></span> - </div> - <div class="title" ng-show="filtered_credentials.length > 0"> - Showing {{filtered_credentials.length}} of {{active_vault.credentials.length - 1}} credentials - </div> - <div class="searchboxContainer"> - <input type="text" ng-model="filterOptions.filterText" class="searchbox" - placeholder="Search credential..." select-on-click> - </div> - <div class="viewModes"> - <div class="view-mode" ng-class="{'active': view_mode === 'list' }" - ng-click="switchViewMode('list')"><i class="fa fa-list"></i></div> - <div class="view-mode" ng-class="{'active': view_mode === 'grid' }" - ng-click="switchViewMode('grid')"><i class="fa fa-th-large"></i> + </div> + <div class="title" ng-show="filtered_credentials.length > 0"> + Showing {{filtered_credentials.length}} of {{active_vault.credentials.length - 1}} credentials + </div> + <div class="searchboxContainer"> + <input type="text" ng-model="filterOptions.filterText" class="searchbox" + placeholder="Search credential..." select-on-click clear-btn> + </div> + <div class="viewModes"> + <div class="view-mode" ng-class="{'active': view_mode === 'list' }" + ng-click="switchViewMode('list')"><i class="fa fa-list"></i></div> + <div class="view-mode" ng-class="{'active': view_mode === 'grid' }" + ng-click="switchViewMode('grid')"><i class="fa fa-th-large"></i> + </div> </div> </div> -</div> -<div off-click="closeSelected()" off-click-filter="'.download-js-link'"> - <div class="loaderContainer" ng-if="show_spinner"> <div class="loader" use-theme type="'border-bottom-color'"></div> </div> |