<div class="gf-form-group">
	<div class="gf-form" ng-if="ctrl.annotation.index">
		<span class="gf-form-label width-14">Index name</span>
		<input type="text" class="gf-form-input max-width-20" ng-model='ctrl.annotation.index' placeholder="events-*"></input>
	</div>
	<div class="gf-form-group">
		<div class="gf-form">
			<input type="text" class="gf-form-input" ng-model='ctrl.annotation.query'
											placeholder="Elasticsearch lucene query"></input>
		</div>
	</div>
</div>

<div class="gf-form-group">
	<h6>Field mappings</h6>
	<div class="gf-form-inline">
		<div class="gf-form">
			<span class="gf-form-label width-10">Time</span>
			<input type="text" class="gf-form-input max-width-16" ng-model='ctrl.annotation.timeField' placeholder="@timestamp"></input>
		</div>

		<div class="gf-form">
			<span class="gf-form-label width-10">Title</span>
			<input type="text" class="gf-form-input max-width-16" ng-model='ctrl.annotation.titleField' placeholder="desc"></input>
		</div>
	</div>
	<div class="gf-form-inline">
		<div class="gf-form">
			<span class="gf-form-label width-10">Tags</span>
			<input type="text" class="gf-form-input max-width-16" ng-model='ctrl.annotation.tagsField' placeholder="tags"></input>
		</div>

		<div class="gf-form">
			<span class="gf-form-label width-10">Text</span>
			<input type="text" class="gf-form-input max-width-16" ng-model='ctrl.annotation.textField' placeholder=""></input>
		</div>
	</div>
</div>
