grafana/public/app/plugins/datasource/opentsdb/partials/query.editor.html

<query-editor-row ctrl="ctrl">
	<li class="tight-form-item query-keyword" style="width: 100px">
		Metric
	</li>
	<li>
		<input type="text" class="input-large tight-form-input" ng-model="ctrl.target.metric"
		spellcheck='false' bs-typeahead="ctrl.suggestMetrics" placeholder="metric name" data-min-length=0 data-items=100
		ng-blur="ctrl.targetBlur()">
		</input>
		<a bs-tooltip="ctrl.errors.metric" style="color: rgb(229, 189, 28)" ng-show="ctrl.errors.metric">
			<i class="fa fa-warning"></i>
		</a>
	</li>
	<li class="tight-form-item query-keyword">
		Aggregator
	</li>
	<li>
		<select ng-model="ctrl.target.aggregator" class="tight-form-input input-small"
			ng-options="agg for agg in ctrl.aggregators"
			ng-change="ctrl.targetBlur()">
		</select>
		<a bs-tooltip="ctrl.errors.aggregator" style="color: rgb(229, 189, 28)" ng-show="ctrl.errors.aggregator">
			<i class="fa fa-warning"></i>
		</a>
	</li>

	<li class="tight-form-item query-keyword">
		Alias:
		<tip>Use patterns like $tag_tagname to replace part of the alias for a tag value</tip>
	</li>
	<li>
		<input type="text" class="tight-form-input input-large"
		ng-model="ctrl.target.alias"
		spellcheck='false'
		placeholder="series alias"
		data-min-length=0 data-items=100
		ng-blur="ctrl.targetBlur()"></input>
	</li>
</query-editor-row>

<div class="tight-form">
	<ul class="tight-form-list" role="menu">
		<li class="tight-form-item tight-form-align query-keyword" style="width: 100px">
			Down sample
		</li>

		<li>
			<input type="text" class="input-large tight-form-input"
			ng-model="ctrl.target.downsampleInterval"
			ng-model-onblur
			ng-change="ctrl.targetBlur()"
			placeholder="interval (empty = auto)"></input>
		</li>

		<li class="tight-form-item query-keyword">
			Aggregator
		</li>

		<li>
			<select ng-model="ctrl.target.downsampleAggregator" class="tight-form-input input-small"
				ng-options="agg for agg in ctrl.aggregators"
				ng-change="ctrl.targetBlur()">
			</select>
		</li>

		<li class="tight-form-item query-keyword" style="width: 59px">
			Fill
			<tip>Available since OpenTSDB 2.2</tip>
		</li>

		<li>
			<select ng-model="ctrl.target.downsampleFillPolicy" class="tight-form-input input-small"
				ng-options="agg for agg in ctrl.fillPolicies"
				ng-change="ctrl.targetBlur()">
			</select>
		</li>

		<li class="tight-form-item query-keyword">
			Disable downsampling <editor-checkbox text="" model="ctrl.target.disableDownsampling" change="ctrl.targetBlur()"></editor-checkbox>
		</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 query-keyword" style="width: 100px">
			Tags
		</li>
		<li ng-repeat="(key, value) in ctrl.target.tags track by $index" class="tight-form-item">
			{{key}}&nbsp;=&nbsp;{{value}}
			<a ng-click="ctrl.editTag(key, value)">
				<i class="fa fa-pencil"></i>
			</a>
			<a ng-click="ctrl.removeTag(key)">
				<i class="fa fa-remove"></i>
			</a>
		</li>

		<li class="tight-form-item query-keyword" ng-hide="ctrl.addTagMode">
			<a ng-click="ctrl.addTag()">
				<i class="fa fa-plus"></i>
			</a>
		</li>

		<li ng-show="ctrl.addTagMode">
			<input type="text" class="input-small tight-form-input" spellcheck='false'
			bs-typeahead="ctrl.suggestTagKeys" data-min-length=0 data-items=100
			ng-model="ctrl.target.currentTagKey" placeholder="key"></input>

			<input type="text" class="input-small tight-form-input"
			spellcheck='false' bs-typeahead="ctrl.suggestTagValues"
			data-min-length=0 data-items=100 ng-model="ctrl.target.currentTagValue" placeholder="value">
			</input>
			<a ng-click="ctrl.addTag()">
				add tag
			</a>
			<a bs-tooltip="ctrl.errors.tags"
				style="color: rgb(229, 189, 28)"
				ng-show="target.errors.tags">
				<i class="fa fa-warning"></i>
			</a>
		</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 query-keyword" style="width: 100px">
			Rate <editor-checkbox text="" model="ctrl.target.shouldComputeRate" change="ctrl.targetBlur()"></editor-checkbox>
		</li>

		<li class="tight-form-item query-keyword" ng-hide="!ctrl.target.shouldComputeRate">
			Counter <editor-checkbox text="" model="ctrl.target.isCounter" change="ctrl.targetBlur()"></editor-checkbox>
		</li>

		<li class="tight-form-item query-keyword" ng-hide="!ctrl.target.isCounter || !ctrl.target.shouldComputeRate">
			Counter Max:
		</li>

		<li ng-hide="!ctrl.target.isCounter || !ctrl.target.shouldComputeRate">
			<input type="text" class="tight-form-input input-small" ng-disabled="!ctrl.target.shouldComputeRate"
			ng-model="ctrl.target.counterMax" spellcheck='false'
			placeholder="max value" ng-model-onblur
			ng-blur="ctrl.targetBlur()"></input>
		</li>
		<li class="tight-form-item query-keyword" ng-hide="!ctrl.target.isCounter || !ctrl.target.shouldComputeRate">
			Reset Value:
		</li>
		<li ng-hide="!ctrl.target.isCounter || !ctrl.target.shouldComputeRate">
			<input type="text" class="tight-form-input input-small" ng-disabled="!ctrl.target.shouldComputeRate"
			ng-model="ctrl.target.counterResetValue" spellcheck='false'
			placeholder="reset value" ng-model-onblur
			ng-blur="ctrl.targetBlur()"></input>
		</li>
	</ul>

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