energylink/public/app/plugins/panel/graph/axisEditor.html

<div class="editor-row">
	<div class="section" style="margin-bottom: 20px">
		<div class="tight-form">
			<ul class="tight-form-list">
				<li class="tight-form-item" style="width: 80px">
					Left Y
				</li>
				<li class="tight-form-item" style="width: 40px">
					Unit
				</li>
				<li class="dropdown" style="width: 140px;"
					ng-model="ctrl.panel.y_formats[0]"
					dropdown-typeahead="ctrl.unitFormats"
					dropdown-typeahead-on-select="ctrl.setUnitFormat(0, $subItem)">
				</li>
				<li class="tight-form-item">
					Scale type
				</li>
				<li>
					<select class="input-small tight-form-input" style="width: 113px" ng-model="ctrl.panel.grid.leftLogBase" ng-options="v as k for (k, v) in ctrl.logScales" ng-change="ctrl.render()"></select>
				</li>
				<li class="tight-form-item">
					Label
				</li>
				<li>
					<input type="text" class="input-small tight-form-input last"
					ng-model="ctrl.panel.leftYAxisLabel" ng-change="ctrl.render()" ng-model-onblur>
				</li>
			</ul>
			<div class="clearfix"></div>
		</div>
		<div class="tight-form">
			<ul class="tight-form-list">
				<li class="tight-form-item" style="width: 80px">
					<i class="fa fa-remove invisible"></i>
				</li>
				<li class="tight-form-item">
					Y-Max
				</li>
				<li>
					<input type="number" class="input-small tight-form-input" placeholder="auto"
					empty-to-null ng-model="ctrl.panel.grid.leftMax"
					ng-change="ctrl.render()" ng-model-onblur>
				</li>
				<li class="tight-form-item" style="width: 115px; text-align: right;">
					Y-Min
				</li>
				<li>
					<input type="number" class="input-small tight-form-input" placeholder="auto" style="width: 113px;"
					empty-to-null ng-model="ctrl.panel.grid.leftMin"
					ng-change="ctrl.render()" ng-model-onblur>
				</li>
				</ul>
			<div class="clearfix"></div>
		</div>
		<div class="tight-form">
			<ul class="tight-form-list">
				<li class="tight-form-item" style="width: 80px">
					Right Y
				</li>
				<li class="tight-form-item" style="width: 40px">
					Unit
				</li>
				<li class="dropdown" style="width: 140px"
					ng-model="ctrl.panel.y_formats[1]"
					dropdown-typeahead="ctrl.unitFormats"
					dropdown-typeahead-on-select="ctrl.setUnitFormat(1, $subItem)">
				</li>
				<li class="tight-form-item">
					Scale type
				</li>
				<li>
					<select class="input-small tight-form-input" style="width: 113px" ng-model="ctrl.panel.grid.rightLogBase" ng-options="v as k for (k, v) in ctrl.logScales" ng-change="ctrl.render()"></select>
				</li>
				<li class="tight-form-item">
					Label
				</li>
				<li>
					<input type="text" class="input-small tight-form-input last"
					ng-model="ctrl.panel.rightYAxisLabel" ng-change="ctrl.render()" ng-model-onblur>
				</li>
			</ul>
			<div class="clearfix"></div>
		</div>
		<div class="tight-form last">
			<ul class="tight-form-list">
				<li class="tight-form-item" style="width: 80px">
					<i class="fa fa-remove invisible"></i>
				</li>
				<li class="tight-form-item">
					Y-Max
				</li>
				<li>
					<input type="number" class="input-small tight-form-input" placeholder="auto"
					empty-to-null ng-model="ctrl.panel.grid.rightMax"
					ng-change="ctrl.render()" ng-model-onblur>
				</li>
				<li class="tight-form-item" style="width: 115px; text-align: right;">
					Y-Min
				</li>
				<li>
					<input type="number" class="input-small tight-form-input" placeholder="auto" style="width: 113px;"
					empty-to-null ng-model="ctrl.panel.grid.rightMin"
					ng-change="ctrl.render()" ng-model-onblur>
				</li>
			</ul>
			<div class="clearfix"></div>
		</div>

	</div>

	<div class="section" style="margin-bottom: 20px">
		<div class="tight-form">
			<ul class="tight-form-list">
				<li class="tight-form-item" style="width: 80px">
					Show Axis
				</li>
				<li class="tight-form-item">
					X-Axis&nbsp;
					<input class="cr1" id="hideXAxis" type="checkbox"
					ng-model="ctrl.panel['x-axis']" ng-checked="ctrl.panel['x-axis']" ng-change="ctrl.render()">
					<label for="hideXAxis" class="cr1"></label>
				</li>
				<li class="tight-form-item last">
					Y-Axis&nbsp;
					<input class="cr1" id="hideYAxis" type="checkbox"
					ng-model="ctrl.panel['y-axis']" ng-checked="ctrl.panel['y-axis']" ng-change="ctrl.render()">
					<label for="hideYAxis" class="cr1"></label>
				</li>
			</ul>
			<div class="clearfix"></div>
		</div>
		<div class="tight-form last">
			<ul class="tight-form-list">
				<li class="tight-form-item" style="width: 80px">
					Thresholds
				</li>
				<li class="tight-form-item">
					Level 1
				</li>
				<li>
					<input type="number" class="input-small tight-form-input"
					ng-model="ctrl.panel.grid.threshold1" ng-change="ctrl.render()" ng-model-onblur>
				</li>
				<li class="tight-form-item">
					<spectrum-picker ng-model="ctrl.panel.grid.threshold1Color" ng-change="ctrl.render()" ></spectrum-picker>
				</li>
				<li class="tight-form-item">
					Level 2
				</li>
				<li>
					<input type="number" class="input-small tight-form-input"
					ng-model="ctrl.panel.grid.threshold2" ng-change="ctrl.render()" ng-model-onblur>
				</li>
				<li class="tight-form-item">
					<spectrum-picker ng-model="ctrl.panel.grid.threshold2Color" ng-change="ctrl.render()" ></spectrum-picker>
				</li>
				<li class="tight-form-item last">
					<editor-checkbox text="Line mode" model="ctrl.panel.grid.thresholdLine" change="ctrl.render()"></editor-checkbox>
				</li>
			</ul>
			<div class="clearfix"></div>
		</div>
	</div>
</div>

<div class="editor-row">
	<div class="section">
		<div class="tight-form">
			<ul class="tight-form-list">
				<li class="tight-form-item" style="width: 80px">
					Legend
				</li>
				<li class="tight-form-item">
					<editor-checkbox text="Show" model="ctrl.panel.legend.show" change="ctrl.refresh()"></editor-checkbox>
				</li>
				<li class="tight-form-item">
					<editor-checkbox text="Table" model="ctrl.panel.legend.alignAsTable" change="ctrl.render()"></editor-checkbox>
				</li>
				<li class="tight-form-item">
					<editor-checkbox text="Right side" model="ctrl.panel.legend.rightSide" change="ctrl.render()"></editor-checkbox>
				</li>
				<li ng-if="panel.legend.rightSide" class="tight-form-item">
					Side width
				</li>
				<li ng-if="ctrl.panel.legend.rightSide" style="width: 105px">
					<input type="number" class="input-small tight-form-input" placeholder="250" bs-tooltip="'Set a min-width for the legend side table/block'" data-placement="right"
					ng-model="ctrl.panel.legend.sideWidth" ng-change="ctrl.render()" ng-model-onblur>
				</li>
			</ul>
			<div class="clearfix"></div>
		</div>
		<div class="tight-form">
			<ul class="tight-form-list">
				<li class="tight-form-item" style="width: 80px">
					Hide series
				</li>
				<li class="tight-form-item">
					<editor-checkbox text="With only nulls" model="ctrl.panel.legend.hideEmpty" change="ctrl.render()"></editor-checkbox>
				</li>
				<li class="tight-form-item last">
					<editor-checkbox text="With only zeroes" model="ctrl.panel.legend.hideZero" change="ctrl.render()"></editor-checkbox>
				</li>
			</ul>
			<div class="clearfix"></div>
		</div>

		<div class="tight-form last">
			<ul class="tight-form-list">
				<li class="tight-form-item" style="width: 80px">
					Values
				</li>
				<li class="tight-form-item">
					<editor-checkbox text="Min" model="ctrl.panel.legend.min" change="ctrl.legendValuesOptionChanged()"></editor-checkbox>
				</li>
				<li class="tight-form-item">
					<editor-checkbox text="Max" model="ctrl.panel.legend.max" change="ctrl.legendValuesOptionChanged()"></editor-checkbox>
				</li>
				<li class="tight-form-item">
					<editor-checkbox text="Avg" model="ctrl.panel.legend.avg" change="ctrl.legendValuesOptionChanged()"></editor-checkbox>
				</li>
				<li class="tight-form-item">
					<editor-checkbox text="Current" model="ctrl.panel.legend.current" change="ctrl.legendValuesOptionChanged()"></editor-checkbox>
				</li>
				<li class="tight-form-item">
					<editor-checkbox text="Total" model="ctrl.panel.legend.total" change="ctrl.legendValuesOptionChanged()"></editor-checkbox>
				</li>
				<li class="tight-form-item">
					Decimals
				</li>
				<li style="width: 105px">
					<input type="number" class="input-small tight-form-input" placeholder="auto" bs-tooltip="'Override automatic decimal precision for legend and tooltips'" data-placement="right"
					ng-model="ctrl.panel.decimals" ng-change="ctrl.render()" ng-model-onblur>
				</li>
			</ul>
			<div class="clearfix"></div>
		</div>
	</div>
</div>