Added badge to display selected elemenets count

This commit is contained in:
CrazyRoka 2021-12-04 19:47:07 +02:00
parent a71f1997d8
commit 0f655db00d

View File

@ -302,7 +302,7 @@ Otherwise, have a great day =^.^=
<div class="col-md-12 form-horizontal"> <div class="col-md-12 form-horizontal">
<div class="btn-group" ng-class="{ open: selectedDropdown == 'levels' }" ng-click="toggleDropdown('levels', $event)"> <div class="btn-group" ng-class="{ open: selectedDropdown == 'levels' }" ng-click="toggleDropdown('levels', $event)">
<button type="button" class="btn btn-default dropdown-toggle"> <button type="button" class="btn btn-default dropdown-toggle">
Lint levels <span class="caret"></span> <span class="badge">{{selectedValuesCount(levels)}}</span> Lint levels <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li class="checkbox"> <li class="checkbox">
@ -326,7 +326,7 @@ Otherwise, have a great day =^.^=
</div> </div>
<div class="btn-group" ng-class="{ open: selectedDropdown == 'groups' }" ng-click="toggleDropdown('groups', $event)"> <div class="btn-group" ng-class="{ open: selectedDropdown == 'groups' }" ng-click="toggleDropdown('groups', $event)">
<button type="button" class="btn btn-default dropdown-toggle"> <button type="button" class="btn btn-default dropdown-toggle">
Lint groups <span class="caret"></span> <span class="badge">{{selectedValuesCount(groups)}}</span> Lint groups <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li class="checkbox"> <li class="checkbox">
@ -531,6 +531,9 @@ Otherwise, have a great day =^.^=
} }
} }
}; };
$scope.selectedValuesCount = function (obj) {
return Object.values(obj).filter(x => x).length;
}
$scope.byGroups = function (lint) { $scope.byGroups = function (lint) {
return $scope.groups[lint.group]; return $scope.groups[lint.group];
}; };