mirror of
https://github.com/grafana/grafana.git
synced 2025-02-13 00:55:47 -06:00
cb0e80e7b9
* WIP: Initial hardcoded version * Feature: Introduces SearchFiltering to Graphite * Feature: Adds searchFiltering to MySql * Tests: Adds tests to Graphite and MySql * Feature: Adds $__searchFilter to TestData * Refactor: Adds searchFilter to Postgres and extracts function * Tests: Adds tests to variable * Refactor: Adds debounce and lodash import optimization * Docs: Adds documentation * Refactor: Removes unused function and fixes typo * Docs: Updates docs * Fixed issue with UI not updating when no was used due to async func and no .apply in the non lazy path
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">
|
|
{{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" 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}">
|
|
<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>
|