energylink/public/app/plugins/datasource/grafana-azure-monitor-datasource/partials/multi-select.directive.html

<div class="variable-link-wrapper">
        <a ng-click="vm.show()" class="variable-value-link">
            {{vm.linkText}}
            <i class="fa fa-caret-down" style="font-size:12px"></i>
        </a>
    
        <input type="text" class="gf-form-input width-11" ng-model="vm.linkText" ng-change="vm.queryChanged()" ></input>
    
        <div class="variable-value-dropdown multi" ng-if="vm.dropdownVisible">
            <div class="variable-options-wrapper">
                <div class="variable-options-column">
                    <a ng-if="vm.options.length > 1" class="variable-options-column-header" 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.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>
        </div>
    </div>