IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

added button to show more preview values for variables, button runs a function that increases options limit, fixes #11508

Browse Source
This commit is contained in:
Patrick O'Carroll
2018-04-23 13:00:24 +02:00
parent 6315142d00
commit c2cc77fa08
2 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
public/app/features/templating/editor_ctrl.ts
View File

@@ -10,6 +10,7 @@ export class VariableEditorCtrl {
$scope.ctrl = {}; $scope.ctrl = {};
$scope.namePattern = /^(?!__).*$/; $scope.namePattern = /^(?!__).*$/;
$scope._ = _; $scope._ = _;
$scope.optionsLimit = 20;
$scope.refreshOptions = [ $scope.refreshOptions = [
{ value: 0, text: 'Never' }, { value: 0, text: 'Never' },
@@ -165,6 +166,10 @@ export class VariableEditorCtrl {
$scope.removeVariable = function(variable) { $scope.removeVariable = function(variable) {
variableSrv.removeVariable(variable); variableSrv.removeVariable(variable);
}; };
$scope.showMoreOptions = function() {
$scope.optionsLimit += 20;
};
} }
} }

11
public/app/features/templating/partials/editor.html
View File

@@ -280,11 +280,14 @@
</div> </div>
<div class="gf-form-group" ng-show="current.options.length"> <div class="gf-form-group" ng-show="current.options.length">
<h5>Preview of values (shows max 20)</h5> <h5>Preview of values</h5>
<div class="gf-form-inline"> <div class="gf-form-inline">
<div class="gf-form" ng-repeat="option in current.options | limitTo: 20"> <div class="gf-form" ng-repeat="option in current.options | limitTo: optionsLimit">
<span class="gf-form-label">{{option.text}}</span> <span class="gf-form-label">{{option.text}}</span>
</div> </div>
<div class="gf-form" ng-if= "current.options.length > optionsLimit">
<span class="gf-form-label btn-secondary" ng-click="showMoreOptions()">Show more</span>
</div>
</div> </div>
</div> </div>