nextcloud/passman
1
1
Fork 0
mirror of https://github.com/nextcloud/passman.git synced 2025-10-11 05:56:15 +08:00
Code Issues Projects Releases Packages Wiki Activity

indicating which navbaritem is selected in current listview

Browse source 
Signed-off-by: fnuesse <felix.nuesse@t-online.de>
This commit is contained in:
fnuesse 2018-11-04 11:25:12 +01:00
parent 98468fa1f7
commit 7ca36978a6
No known key found for this signature in database
GPG key ID: 2089A3431243E819
3 changed files with 19 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
js/app/controllers/menu.js
View file

@ -110,7 +110,9 @@
} }
}; };
$scope.clickedNavigationItem='all';
$scope.filterCredentialBySpecial = function (string) { $scope.filterCredentialBySpecial = function (string) {
$scope.clickedNavigationItem=string;
if(string !== 'nav_trashbin'){ if(string !== 'nav_trashbin'){
$scope.delete_time=0; $scope.delete_time=0;
$rootScope.$broadcast('set_delete_time', $scope.delete_time); $rootScope.$broadcast('set_delete_time', $scope.delete_time);

15
sass/menu.scss
View file

@ -68,12 +68,22 @@
} }
//Overrides transparent entry bullet on hover from server //Overrides transparent entry bullet on hover from server
#app-navigation .collapsible:hover .app-navigation-entry-bullet{ #app-navigation{
background: var(--color-primary) !important; .collapsible:hover .app-navigation-entry-bullet{
background: var(--color-primary) !important;
}
} }
#app-navigation { #app-navigation {
a{
.selected{
opacity: 1!important;
box-shadow: inset 4px 0 var(--color-primary)!important;
}
}
li{ li{
.app-navigation-entry-bullet-color { .app-navigation-entry-bullet-color {
background-color: var(--color-primary); background-color: var(--color-primary);
@ -91,7 +101,6 @@
background-color: #4db728; background-color: #4db728;
} }
.highlight-selected{ .highlight-selected{
background-color: var(--color-primary); background-color: var(--color-primary);
} }

10
templates/main.php
View file

@ -134,7 +134,7 @@ style('passman', 'app');
</a> </a>
</li>--> </li>-->
<li> <li>
<a class="icon-toggle svg" ng-click="filterCredentialBySpecial('all')">{{ 'Show All' | translate }}</a> <a ng-class="{selected: clickedNavigationItem=='all'}" class="icon-toggle svg" ng-click="filterCredentialBySpecial('all')">{{ 'Show All' | translate }}</a>
</li> </li>
<li class="collapsible" ng-class="tagCollapsibleState()"> <li class="collapsible" ng-class="tagCollapsibleState()">
@ -151,21 +151,21 @@ style('passman', 'app');
<li> <li>
<div class="app-navigation-entry-bullet bullet-color-red"></div> <div class="app-navigation-entry-bullet bullet-color-red"></div>
<a ng-click="filterCredentialBySpecial('strength_low')">{{ 'Bad Strength' | translate }}</a> <a ng-class="{selected: clickedNavigationItem=='strength_low'}" ng-click="filterCredentialBySpecial('strength_low')">{{ 'Bad Strength' | translate }}</a>
</li> </li>
<li> <li>
<div class="app-navigation-entry-bullet bullet-color-yellow"></div> <div class="app-navigation-entry-bullet bullet-color-yellow"></div>
<a ng-click="filterCredentialBySpecial('strength_medium')">{{ 'Medium Strength' | translate }}</a> <a ng-class="{selected: clickedNavigationItem=='strength_medium'}" ng-click="filterCredentialBySpecial('strength_medium')">{{ 'Medium Strength' | translate }}</a>
</li> </li>
<li> <li>
<div class="app-navigation-entry-bullet bullet-color-green"></div> <div class="app-navigation-entry-bullet bullet-color-green"></div>
<a ng-click="filterCredentialBySpecial('strength_good')">{{ 'Good Strength' | translate }}</a> <a ng-class="{selected: clickedNavigationItem=='strength_good'}" ng-click="filterCredentialBySpecial('strength_good')">{{ 'Good Strength' | translate }}</a>
</li> </li>
<li> <li>
<a class="icon-expired svg" ng-click="filterCredentialBySpecial('expired')">{{ 'Expired' | translate <a ng-class="{selected: clickedNavigationItem=='expired'}" class="icon-expired svg" ng-click="filterCredentialBySpecial('expired')">{{ 'Expired' | translate
}}</a> }}</a>
</li> </li>