readded tagsearch to navbar

Signed-off-by: fnuesse <felix.nuesse@t-online.de>
This commit is contained in:
fnuesse 2018-11-04 18:52:03 +01:00
parent ce014390e8
commit 984b829f78
No known key found for this signature in database
GPG key ID: 2089A3431243E819
3 changed files with 37 additions and 17 deletions

View file

@ -98,7 +98,17 @@
$scope.selectedTags.splice(where, 1);
};
$scope.tagClicked = function (tag) {
$scope.clearForm = function () {
document.getElementById('tagsearch').value="";
};
$scope.tagClickedString = function (tagtext) {
var tag=[];
tag.text=tagtext;
$scope.tagClicked(tag);
};
$scope.tagClicked = function (tag) {
//check if tag already selected
if(!$scope.tagSelected(tag)){
$scope.selectedTags.push(tag);

View file

@ -61,12 +61,6 @@
}
}
//to remove old entry
#taginput{
visibility: hidden;
display: none;
}
//Overrides transparent entry bullet on hover from server
#app-navigation{
.collapsible:hover .app-navigation-entry-bullet{
@ -104,9 +98,12 @@
.highlight-selected{
background-color: var(--color-primary);
}
.autocomplete{
position: relative;
}
a.taginput{
visibility: hidden;
display: none;
opacity: 1;
}
a{

View file

@ -126,13 +126,7 @@ style('passman', 'app');
<div id="app-navigation" ng-if="selectedVault" ng-controller="MenuCtrl">
<ul class="with-icon">
<!--<li class="taginput">
<a class="taginput">
<tags-input ng-model="selectedTags" replace-spaces-with-dashes="false">
<auto-complete source="getTags($query)" min-length="0"></auto-complete>
</tags-input>
</a>
</li>-->
<li>
<a ng-class="{selected: clickedNavigationItem=='all'}" class="icon-toggle svg" ng-click="filterCredentialBySpecial('all')">{{ 'Show All' | translate }}</a>
</li>
@ -141,6 +135,26 @@ style('passman', 'app');
<button class="collapse" ng-click="tagCollapsibleClicked()"></button>
<a href="" class="icon-tag" ng-click="tagCollapsibleClicked()">{{ 'Tags' | translate }}</a>
<ul>
<li class="taginput">
<a class="icon-search taginput">
<tags-input ng-model="selectedTags" replace-spaces-with-dashes="false" placeholder="{{ 'Search Tags' | translate }}">
<auto-complete source="getTags($query)" min-length="0"></auto-complete>
</tags-input>
</a>
</li>
<!--
<li class="taginput">
<a class="icon-search taginput">
<form ng-submit="tagClickedString(taginput); clearForm();">
<input id="tagsearch" list="tags" ng-model="taginput" placeholder="{{ 'Search Tags' | translate }}" />
<datalist id="tags">
<option ng-repeat="qtag in getTags($query)" value="{{qtag.text}}">
</datalist>
</form>
</a>
</li>
-->
<li ng-repeat="tag in available_tags | orderBy:'text'">
<div ng-if="tagSelected(tag)"
class="app-navigation-entry-bullet app-navigation-entry-bullet-color"></div>
@ -169,7 +183,6 @@ style('passman', 'app');
}}</a>
</li>
<li data-id="trashbin" class="nav-trashbin pinned first-pinned">
<a ng-click="toggleDeleteTime()" ng-class="{'active': delete_time > 0}" class="icon-delete svg">
{{ 'deleted.credentials' | translate }}