added further hints to ui for user convenience

Signed-off-by: fnuesse <felix.nuesse@t-online.de>
This commit is contained in:
fnuesse 2018-11-04 11:04:13 +01:00
parent cb4def26ea
commit 062a9d198c
No known key found for this signature in database
GPG key ID: 2089A3431243E819
4 changed files with 83 additions and 19 deletions

View file

@ -372,25 +372,51 @@
}, true);
$scope.no_credentials_label=[];
$scope.no_credentials_label.all=true;
$scope.no_credentials_label.s_good=false;
$scope.no_credentials_label.s_medium=false;
$scope.no_credentials_label.s_low=false;
$scope.no_credentials_label.expired=false;
$scope.disableAllLabels = function(){
$scope.no_credentials_label.all=false;
$scope.no_credentials_label.s_good=false;
$scope.no_credentials_label.s_medium=false;
$scope.no_credentials_label.s_low=false;
$scope.no_credentials_label.expired=false;
};
//watch for special tags
$scope.$on('filterSpecial', function(event, args) {
$scope.disableAllLabels();
switch (args) {
case "strength_good": $scope.filterStrength(3,1000); break;
case "strength_medium": $scope.filterStrength(2,3); break;
case "strength_low": $scope.filterStrength(0,1); break;
case "expired": $scope.filterExpired(); break;
case "all": $scope.filterAll(); break;
case "strength_good":
$scope.filterStrength(3,1000);
$scope.no_credentials_label.s_good=true;
break;
case "strength_medium":
$scope.filterStrength(2,3);
$scope.no_credentials_label.s_medium=true;
break;
case "strength_low":
$scope.filterStrength(0,1);
$scope.no_credentials_label.s_low=true;
break;
case "expired":
$scope.filterExpired();
$scope.no_credentials_label.expired=true;
break;
case "all":
$scope.filterAll();
$scope.no_credentials_label.all=true;
break;
}
$scope.delete_time=0;
$rootScope.$broadcast('release_trashbin', $scope.delete_time);
});
$scope.getListSize = function(){
var l = $scope.filtered_credentials;//$scope.active_vault.credentials.length
console.log(l.length);
$scope.getListSizes = function(){
var l = $scope.filtered_credentials;
var deleted=0;
for (var i = 0; i < l.length; i++) {
@ -399,7 +425,12 @@
}
}
return l.length-deleted;
var result=[];
result.listsize=l.length;
result.listsize_wout_deleted=l.length-deleted;
result.listsize_deleted=deleted;
return result;
};
$scope.filterAll = function(){

View file

@ -111,6 +111,10 @@
};
$scope.filterCredentialBySpecial = function (string) {
if(string !== 'nav_trashbin'){
$scope.delete_time=0;
$rootScope.$broadcast('set_delete_time', $scope.delete_time);
}
$rootScope.$broadcast('filterSpecial',string);
};
@ -152,15 +156,12 @@
$scope.available_tags = TagService.getTags();
}, true);
$scope.$on('release_trashbin', function(event, args) {
$scope.delete_time=args;
});
$scope.toggleDeleteTime = function () {
if ($scope.delete_time > 0) {
$scope.delete_time = 0;
} else {
$scope.delete_time = 1;
this.filterCredentialBySpecial('nav_trashbin');
}
$rootScope.$broadcast('set_delete_time', $scope.delete_time);
};

View file

@ -465,6 +465,12 @@
margin-top: 10%;
text-align: center;
}
.belowList{
margin-right: auto;
margin-left: auto;
margin-top: 1%;
text-align: center;
}
}
.app_sidebar {

View file

@ -89,13 +89,39 @@
</div>
</li>
</ul>
<div ng-if="getListSize()==0" class="nopasswords" ng-hide="delete_time>0">
<div ng-if="getListSizes().listsize_wout_deleted==0 && no_credentials_label.all" class="nopasswords" ng-hide="delete_time>0">
<b>{{'Hello there!' | translate}}</b><br>
<div>{{'It does not seem that you have any passwords. Do you want to add one?' | translate}}</div>
<div class="">
<button ng-click="addCredential()">+</button>
</div>
</div>
<!--nopassword-hint for good strength -->
<div class="belowList" ng-if="no_credentials_label.s_good" ng-hide="getListSizes().listsize_wout_deleted>0">
<div>{{ 'You don\'t have good credentials' | translate}}</div>
</div>
<!--nopassword-hint for medium strength -->
<div class="belowList" ng-if="no_credentials_label.s_medium" ng-hide="getListSizes().listsize_wout_deleted>0">
<div>{{ 'You don\'t have medium credentials' | translate}}</div>
</div>
<!--nopassword-hint for bad strength -->
<div class="belowList" ng-if="no_credentials_label.s_low" ng-hide="getListSizes().listsize_wout_deleted>0">
<div>{{ 'You don\'t have bad credentials' | translate}}</div>
</div>
<!--nopassword-hint for expired -->
<div class="belowList" ng-if="no_credentials_label.expired" ng-hide="getListSizes().listsize_wout_deleted>0">
<div>{{ 'You don\'t have expired credentials' | translate}}</div>
</div>
<!--nopassword-hint for deleted -->
<div class="belowList" ng-if="getListSizes().listsize_deleted==0" ng-hide="delete_time==0">
<div>{{ 'You don\'t have deleted credentials' | translate}}</div>
</div>
</div>
</div>