Misthios/grafana-zabbix
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

iss #61 - Redesign annotations editor.

Browse Source
This commit is contained in:
Alexander Zobnin
2015-08-16 15:08:13 +03:00
parent 3793de5ed9
commit a27f3fa165
1 changed files with 18 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
zabbix/partials/annotations.editor.html
View File

@@ -2,39 +2,24 @@
<div class="section">
<h5>Zabbix trigger
</h5>
</div>
</div>
<div class="editor-row">
<div class="editor-option">
<div class="tight-form">
<ul class="tight-form-list" role="menu">
<!-- Host Group -->
<li class="tight-form-item input-small" style="width: 4em">Group</li>
<li>
<input type="text" class="tight-form-input input-medium"
ng-model="currentAnnotation.group">
</li>
<!-- Host -->
<li class="tight-form-item input-small" style="width: 3em">Host</li>
<li>
<input type="text" class="tight-form-input input-medium"
ng-model="currentAnnotation.host">
</li>
<!-- Trigger filter -->
<li class="tight-form-item input-small">
Trigger
<i class="fa fa-question-circle"
bs-tooltip="'Zabbix trigger name or regex for search. Example: Lack of free swap space'"></i>
</li>
<li>
<input type="text" class="tight-form-input input-large"
style="width: 20em"
ng-model="currentAnnotation.trigger"
spellcheck='false'
placeholder="Trigger filter (regex)"
ng-blur="targetBlur()">
</li>
</ul>
<div class="clearfix"></div>
<label class="small">Group</label>
<input type="text" class="input-medium" ng-model='currentAnnotation.group'></input>
</div>
<div class="editor-option">
<label class="small">Host</label>
<input type="text" class="input-medium" ng-model='currentAnnotation.host'></input>
</div>
<div class="editor-option">
<label class="small">Trigger
<tip>Trigger name for search. Wildcards are supports. Examples: Lack of free swap space, Lack of*.
</tip>
</label>
<input type="text" style="width: 25em" ng-model='currentAnnotation.trigger' placeholder="Trigger name"></input>
</div>
</div>