energylink/public/app/plugins/datasource/prometheus/partials/query.editor.html

<query-editor-row ctrl="ctrl">
	<li class="tight-form-item" style="width: 94px">
		Query
	</li>
	<li>
		<input type="text"
		class="input-xxlarge tight-form-input"
		ng-model="ctrl.target.expr"
		spellcheck='false'
		placeholder="query expression"
		data-min-length=0 data-items=100
		ng-model-onblur
		ng-change="ctrl.refreshMetricData()">
	</li>
	<li class="tight-form-item">
		Metric
	</li>
	<li>
		<input type="text"
		class="input-medium tight-form-input"
		ng-model="ctrl.target.metric"
		spellcheck='false'
		bs-typeahead="ctrl.suggestMetrics"
		placeholder="metric name"
		data-min-length=0 data-items=100>
	</li>
</query-editor-row>

<div class="tight-form">
	<ul class="tight-form-list" role="menu">
		<li class="tight-form-item tight-form-align" style="width: 94px">
			Legend format
		</li>
		<li>
			<input type="text" class="tight-form-input input-xxlarge" ng-model="ctrl.target.legendFormat"
			spellcheck='false' placeholder="legend format" data-min-length=0 data-items=1000
			ng-model-onblur ng-change="ctrl.refreshMetricData()">
			</input>
		</li>
	</ul>

	<div class="clearfix"></div>
</div>

<div class="tight-form">
	<ul class="tight-form-list" role="menu">
		<li class="tight-form-item tight-form-align" style="width: 94px">
			Step
		</li>
		<li>
			<input type="text" class="input-mini tight-form-input" ng-model="ctrl.target.interval"
			bs-tooltip="'Leave blank for auto handling based on time range and panel width'"
			data-placement="right"
			spellcheck='false'
			placeholder="{{ctrl.panelCtrl.interval}}"
			data-min-length=0 data-items=100
			ng-model-onblur
			ng-change="ctrl.refreshMetricData()"
			/>
			</input>
		</li>

		<li class="tight-form-item">
			Resolution
		</li>
		<li>
			<select ng-model="ctrl.target.intervalFactor" class="tight-form-input input-mini"
				ng-options="r.factor as r.label for r in ctrl.resolutions"
				ng-change="ctrl.refreshMetricData()">
			</select>
		</li>
		<li class="tight-form-item">
			<a href="{{ctrl.linkToPrometheus}}" target="_blank" bs-tooltip="'Link to Graph in Prometheus'">
				<i class="fa fa-share-square-o"></i>
			</a>
		</li>
	</ul>

	<div class="clearfix"></div>
</div>