Files
grafana/public/app/partials/valueSelectDropdown.html

61 lines
2.4 KiB
HTML
Raw Normal View History

<div class="variable-link-wrapper">
<a
ng-click="vm.show()"
class="variable-value-link"
aria-label="Dashboard template variables Variable Value DropDown value link"
>
{{vm.linkText}}
2015-06-02 19:51:12 +02:00
<span ng-repeat="tag in vm.selectedTags" bs-tooltip='tag.valuesText' data-placement="bottom">
<span class="label-tag"tag-color-from-name="tag.text">
&nbsp;&nbsp;<i class="fa fa-tag"></i>&nbsp;
{{tag.text}}
</span>
</span>
<i class="fa fa-caret-down" style="font-size:12px"></i>
</a>
<input type="text" class="gf-form-input" style="display: none" ng-keydown="vm.keyDown($event)" ng-model="vm.search.query" ng-change="vm.debouncedQueryChanged()" ></input>
<div
class="variable-value-dropdown"
ng-if="vm.dropdownVisible"
ng-class="{'multi': vm.variable.multi, 'single': !vm.variable.multi}"
aria-label="Dashboard template variables Variable Value DropDown DropDown"
>
<div class="variable-options-wrapper">
<div class="variable-options-column">
<a
class="variable-options-column-header"
ng-if="vm.variable.multi"
ng-class="{'many-selected': vm.selectedValues.length > 1}"
bs-tooltip="'Clear selections'"
data-placement="top"
ng-click="vm.clearSelections()"
aria-label="Dashboard template variables Variable Value DropDown Selected link"
>
2015-05-29 10:00:53 +02:00
<span class="variable-option-icon"></span>
Selected ({{vm.selectedValues.length}})
2015-05-29 10:00:53 +02:00
</a>
<a
class="variable-option pointer"
ng-repeat="option in vm.search.options"
ng-class="{'selected': option.selected, 'highlighted': $index === vm.highlightIndex}"
ng-click="vm.selectValue(option, $event)"
>
<span class="variable-option-icon"></span>
<span aria-label="Dashboard template variables Variable Value DropDown option text">{{option.text}}</span>
</a>
</div>
<div class="variable-options-column" ng-if="vm.tags.length">
2015-05-29 10:00:53 +02:00
<div class="variable-options-column-header text-center">
Tags
</div>
<a class="variable-option-tag pointer" ng-repeat="tag in vm.tags" ng-click="vm.selectTag(tag, $event)" ng-class="{'selected': tag.selected}">
<span class="fa fa-fw variable-option-icon"></span>
<span class="label-tag" tag-color-from-name="tag.text">{{tag.text}}&nbsp;&nbsp;<i class="fa fa-tag"></i>&nbsp;</span>
</a>
</div>
</div>
2015-04-27 13:59:20 +02:00
</div>
</div>