energylink/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" ng-if="ctrl.tsdbVersion == 2">
			Fill
		</li>

		<li ng-if="ctrl.tsdbVersion == 2">
			<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" ng-if="ctrl.tsdbVersion == 2">
  <ul class="tight-form-list" role="menu">
    <li class="tight-form-item tight-form-align query-keyword" style="width: 100px">
      Filters
    </li>
    <li ng-repeat="fil in ctrl.target.filters track by $index" class="tight-form-item">
      {{fil.tagk}}&nbsp;=&nbsp;{{fil.type}}&#40;{{fil.filter}}&#41;&nbsp;&#44&nbsp;groupBy&nbsp;=&nbsp;{{fil.groupBy}}
      <a ng-click="ctrl.editFilter(fil, $index)">
        <i class="fa fa-pencil"></i>
      </a>
      <a ng-click="ctrl.removeFilter($index)">
        <i class="fa fa-remove"></i>
      </a>
    </li>
    <li class="tight-form-item query-keyword" ng-hide="ctrl.addFilterMode">
      <a ng-click="ctrl.addFilter()">
        <i class="fa fa-plus"></i>
      </a>
    </li>

    <li class="query-keyword" ng-show="ctrl.addFilterMode">
      <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.currentFilterKey" placeholder="key"></input>

      Type <select ng-model="ctrl.target.currentFilterType"
      class="tight-form-input input-small"
      ng-options="filType for filType in ctrl.filterTypes">
      </select>
 
      <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.currentFilterValue" placeholder="filter">
      </input>

      groupBy <editor-checkbox text="" model="ctrl.target.currentFilterGroupBy"></editor-checkbox>
 
      <a ng-click="ctrl.addFilter()">
        add filter
      </a>
      <a bs-tooltip="ctrl.errors.filters"
        style="color: rgb(229, 189, 28)"
        ng-show="target.errors.filters">
        <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">
			Tags
      <tip ng-if="ctrl.tsdbVersion == 2">Please use filters, tags are deprecated in opentsdb 2.2</tip>
		</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>