energylink/public/app/plugins/panel/singlestat/mappings.html

<div class="editor-row">
        <div class="section tight-form-container" style="margin-bottom: 20px">
                <div class="tight-form">
                        <ul class="tight-form-list">
                                <li class="tight-form-item">
                                        Type
                                </li>
                                <li>
                                        <select class="input-medium tight-form-input" ng-model="ctrl.panel.mappingType"
					ng-options="f.value as f.name for f in ctrl.panel.mappingTypes" ng-change="ctrl.render()"></select>
                                </li>
                        </ul>
                        <div class="clearfix"></div>
                </div>
	</div>
</div>
<div class="editor-row" ng-if="ctrl.panel.mappingType==1">
	<div class="section" style="margin-bottom: 20px">
		<div class="tight-form last">
			<ul class="tight-form-list">
				<li class="tight-form-item">
					<strong>Value to text mapping</strong>
				</li>
				<li class="tight-form-item"  ng-repeat-start="map in ctrl.panel.valueMaps">
					<i class="fa fa-remove pointer" ng-click="ctrl.removeValueMap(map)"></i>
				</li>
				<li>
					<input type="text" ng-model="map.value" placeholder="value" class="input-mini tight-form-input" ng-blur="ctrl.render()">
				</li>
				<li class="tight-form-item">
					<i class="fa fa-arrow-right"></i>
				</li>
				<li ng-repeat-end>
					<input type="text" placeholder="text" ng-model="map.text" class="input-mini tight-form-input" ng-blur="ctrl.render()">
				</li>

				<li>
					<a class="pointer tight-form-item last" ng-click="ctrl.addValueMap();">
						<i class="fa fa-plus"></i>
					</a>
				</li>

			</ul>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
<div class="editor-row" ng-if="ctrl.panel.mappingType==2">
        <h5>Set range mappings</h5>
        <div class="section gf-form-group">
                <div class="tight-form-container">
                        <div class="tight-form" ng-repeat="rangeMap in ctrl.panel.rangeMaps">
                                <ul class="tight-form-list">
                                        <li class="tight-form-item">
                                                <i class="fa fa-remove pointer" ng-click="ctrl.removeRangeMap(rangeMap)"></i>
                                        </li>
                                        <li class="tight-form-item">
                                                From
                                        </li>
                                        <li>
                                                <input type="text" ng-model="rangeMap.from" class="input-mini tight-form-input" ng-blur="ctrl.render()">
                                        </li>
					<li class="tight-form-item">
                                                To
                                        </li>
                                        <li>
                                                <input type="text" ng-model="rangeMap.to" class="input-mini tight-form-input" ng-blur="ctrl.render()">
                                        </li>
					<li class="tight-form-item">
                                                Text
                                        </li>
                                        <li>
                                                <input type="text" ng-model="rangeMap.text" class="input-mini tight-form-input" ng-blur="ctrl.render()">
                                        </li>
                                </ul>
                                <div class="clearfix"></div>
                        </div>
                </div>

                <button class="btn btn-inverse" style="margin-top: 20px" ng-click="ctrl.addRangeMap()">
                        Add a range mapping
                </button>
        </div>
</div>