grafana/public/app/plugins/panel/singlestat/mappings.html
Marcus Andersson 731deb9628
Fix: adding missing icons in the elastic query editor and the single stat editor. (#24914)
* fixed issue that the icon was missing in es group by.

* fixed missing icon in the single stat value mappings.
2020-05-20 12:04:48 +02:00

75 lines
2.4 KiB
HTML

<div class="editor-row">
<div class="gf-form-group">
<div class="gf-form">
<span class="gf-form-label">
Type
</span>
<div class="gf-form-select-wrapper">
<select
class="gf-form-input"
ng-model="ctrl.panel.mappingType"
ng-options="f.value as f.name for f in ctrl.panel.mappingTypes"
ng-change="ctrl.refresh()"
></select>
</div>
</div>
</div>
</div>
<div class="editor-row" ng-if="ctrl.panel.mappingType==1">
<h5 class="section-heading">Set value mappings</h5>
<div class="gf-form-group">
<div class="gf-form" ng-repeat="map in ctrl.panel.valueMaps">
<span class="gf-form-label">
<icon name="'times'" ng-click="ctrl.removeValueMap(map)"></icon>
</span>
<input
type="text"
ng-model="map.value"
placeholder="value"
class="gf-form-input max-width-6"
ng-blur="ctrl.refresh()"
/>
<span class="gf-form-label">
<icon name="'arrow-right'"></icon>
</span>
<input
type="text"
placeholder="text"
ng-model="map.text"
class="gf-form-input max-width-8"
ng-blur="ctrl.refresh()"
/>
</div>
<div class="gf-form-button-row">
<button class="btn btn-inverse" ng-click="ctrl.addValueMap();">
<icon name="'plus'"></icon>
Add a value mapping
</button>
</div>
</div>
</div>
<div class="editor-row" ng-if="ctrl.panel.mappingType==2">
<h5 class="section-heading">Set range mappings</h5>
<div class="gf-form-group">
<div class="gf-form" ng-repeat="rangeMap in ctrl.panel.rangeMaps">
<span class="gf-form-label">
<icon name="'times'" ng-click="ctrl.removeRangeMap(rangeMap)"></icon>
</span>
<span class="gf-form-label">From</span>
<input type="text" ng-model="rangeMap.from" class="gf-form-input max-width-6" ng-blur="ctrl.refresh()" />
<span class="gf-form-label">To</span>
<input type="text" ng-model="rangeMap.to" class="gf-form-input max-width-6" ng-blur="ctrl.refresh()" />
<span class="gf-form-label">Text</span>
<input type="text" ng-model="rangeMap.text" class="gf-form-input max-width-8" ng-blur="ctrl.refresh()" />
</div>
<div class="gf-form-button-row">
<button class="btn btn-inverse" ng-click="ctrl.addRangeMap()">
<icon name="'plus'"></icon>
Add a range mapping
</button>
</div>
</div>
</div>