Browse Source

Annotations: Improve annotation option tooltips (#17384)

* should be 'Tags' not 'All'
* fix poor wording in 'Match any' tooltip
* add tooltip for 'Tags' input (untested! and can probably be worded
  better, i just don't know enough about the implementation)
Dieter Plaetinck 6 years ago
parent
commit
95012271ac

+ 12 - 3
public/app/plugins/datasource/grafana/partials/annotations.editor.html

@@ -7,7 +7,7 @@
 				<info-popover mode="right-normal">
 				<info-popover mode="right-normal">
 					<ul>
 					<ul>
 						<li>Dashboard: This will fetch annotation and alert state changes for whole dashboard and show them only on the event's originating panel.</li>
 						<li>Dashboard: This will fetch annotation and alert state changes for whole dashboard and show them only on the event's originating panel.</li>
-						<li>All: This will fetch any annotation events that match the tags filter.</li>
+						<li>Tags: This will fetch any annotation events that match the tags filter.</li>
 					</ul>
 					</ul>
 				</info-popover>
 				</info-popover>
 			</span>
 			</span>
@@ -32,10 +32,19 @@
 				label-class="width-9"
 				label-class="width-9"
 				checked="ctrl.annotation.matchAny"
 				checked="ctrl.annotation.matchAny"
 				on-change="ctrl.refresh()"
 				on-change="ctrl.refresh()"
-				tooltip="By default Grafana will only show annotation that matches all tags in the query. Enabling this will make Grafana return any annotation with the tags you specify."></gf-form-switch>
+				tooltip="By default Grafana only shows annotations that match all tags in the query. Enabling this returns annotations that match any of the tags in the query."></gf-form-switch>
 		</div>
 		</div>
 		<div class="gf-form" ng-if="ctrl.annotation.type === 'tags'">
 		<div class="gf-form" ng-if="ctrl.annotation.type === 'tags'">
-			<span class="gf-form-label">Tags</span>
+			<span class="gf-form-label">
+				Tags
+				<info-popover mode="right-normal">
+					A tag entered here as 'foo' will match
+					<ul>
+						<li>annotation tags 'foo'</li>
+						<li>annotation key-value tags formatted as 'foo:bar'</li>
+					</ul>
+				</info-popover>
+			</span>
 			<bootstrap-tagsinput ng-model="ctrl.annotation.tags" tagclass="label label-tag" placeholder="add tags">
 			<bootstrap-tagsinput ng-model="ctrl.annotation.tags" tagclass="label label-tag" placeholder="add tags">
 			</bootstrap-tagsinput>
 			</bootstrap-tagsinput>
 		</div>
 		</div>