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

<query-editor-row ctrl="ctrl">

	<li class="tight-form-flex-wrapper" ng-show="ctrl.target.textEditor">
		<input type="text" class="tight-form-clear-input" style="width: 100%;" ng-model="ctrl.target.target" give-focus="ctrl.target.textEditor" spellcheck='false' ng-model-onblur ng-change="ctrl.targetTextChanged()"></input>
	</li>

	<li ng-hide-start="ctrl.target.textEditor"></li>

	<li ng-repeat="segment in ctrl.segments" role="menuitem">
		<metric-segment segment="segment" get-options="ctrl.getAltSegments($index)" on-change="ctrl.segmentValueChanged(segment, $index)"></metric-segment>
	</li>
	<li ng-repeat="func in ctrl.functions">
		<span graphite-func-editor class="tight-form-item tight-form-func">
		</span>
	</li>
	<li class="dropdown" graphite-add-func>
	</li>

	<li ng-hide-end></li>

</query-editor-row>