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

<query-editor-row query-ctrl="ctrl" has-text-edit-mode="true">

	<div class="gf-form" ng-show="ctrl.target.textEditor">
		<input type="text" class="gf-form-input" ng-model="ctrl.target.target" spellcheck="false" ng-blur="ctrl.targetTextChanged()"></input>
	</div>

  <div ng-hide="ctrl.target.textEditor">
		<div class="gf-form-inline">
      <div class="gf-form" ng-if="ctrl.seriesByTagUsed">
        <label class="gf-form-label query-keyword">seriesByTag</label>
      </div>

      <div ng-repeat="tagSegment in ctrl.tagSegments" role="menuitem" class="gf-form">
        <metric-segment segment="tagSegment"
          get-options="ctrl.getAltTagSegments($index)"
          on-change="ctrl.tagSegmentChanged(tagSegment, $index)">
        </metric-segment>
        <label class="gf-form-label query-keyword" ng-if="ctrl.showDelimiter($index)">,</label>
      </div>

      <div ng-repeat="segment in ctrl.segments" role="menuitem" class="gf-form">
        <metric-segment segment="segment" get-options="ctrl.getAltSegments($index)" on-change="ctrl.segmentValueChanged(segment, $index)"></metric-segment>
      </div>

      <div ng-repeat="func in ctrl.functions" class="gf-form">
        <span graphite-func-editor class="gf-form-label query-part" ng-hide="ctrl.getSeriesByTagFuncIndex() === $index"></span>
      </div>

      <div class="gf-form dropdown">
        <span graphite-add-func></span>
      </div>

      <div class="gf-form gf-form--grow">
				<div class="gf-form-label gf-form-label--grow"></div>
			</div>
    </div>
  </div>

</query-editor-row>