mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
bc60f9c403
* Began text theme refactoring * Consolidating blue varaibles * Theme: Typography overhaul and theme cleanup * Theme updates, alignment and fixes * Updated snapshots * Restored template variable class * Updates * added container * Updated snapshot
75 lines
2.4 KiB
HTML
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 class="'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>
|