mirror of
https://github.com/grafana/grafana.git
synced 2024-12-02 05:29:42 -06:00
39 lines
1.9 KiB
HTML
39 lines
1.9 KiB
HTML
<div class="variable-link-wrapper">
|
|
<a ng-click="vm.show()" class="variable-value-link tight-form-item">
|
|
{{vm.linkText}}
|
|
<span ng-repeat="tag in vm.selectedTags" bs-tooltip='tag.valuesText' data-placement="bottom">
|
|
<span class="label-tag"tag-color-from-name="tag.text">
|
|
<i class="fa fa-tag"></i>
|
|
{{tag.text}}
|
|
</span>
|
|
</span>
|
|
<i class="fa fa-caret-down"></i>
|
|
</a>
|
|
|
|
<input type="text" class="tight-form-clear-input input-small" style="display: none" ng-keydown="vm.keyDown($event)" ng-model="vm.search.query" ng-change="vm.queryChanged()" ></input>
|
|
|
|
<div class="variable-value-dropdown" ng-if="vm.dropdownVisible" ng-class="{'multi': vm.variable.multi, 'single': !vm.variable.multi}">
|
|
<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()">
|
|
<span class="variable-option-icon"></span>
|
|
Selected ({{vm.selectedValues.length}})
|
|
</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>{{option.text}}</span>
|
|
</a>
|
|
</div>
|
|
<div class="variable-options-column" ng-if="vm.tags.length">
|
|
<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}} <i class="fa fa-tag"></i> </span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|