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

iss #28 Change query editor design.

Browse Source
This commit is contained in:
Alexander Zobnin
2015-06-20 22:27:22 +03:00
parent 0b034c1090
commit fb7d90df9a
1 changed files with 46 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
zabbix/partials/query.editor.html
View File

@@ -49,13 +49,13 @@
class="tight-form-input input-medium" class="tight-form-input input-medium"
ng-model="target.alias" ng-model="target.alias"
spellcheck='false' spellcheck='false'
placeholder="alias" placeholder="Alias"
ng-blur="targetBlur()"> ng-blur="targetBlur()">
</li> </li>
<!-- Select Host Group --> <!-- Select Host Group -->
<li class="tight-form-item input-small" style="width: 5em">Group</li>
<li> <li>
<select style="width: 12em" <select class="tight-form-input input-large"
class="tight-form-input input-small"
ng-change="selectHostGroup()" ng-change="selectHostGroup()"
ng-model="target.group" ng-model="target.group"
bs-tooltip="target.group.name.length > 25 ? target.group.name : ''" bs-tooltip="target.group.name.length > 25 ? target.group.name : ''"
@@ -69,9 +69,9 @@
</a> </a>
</li> </li>
<!-- Select Host --> <!-- Select Host -->
<li class="tight-form-item input-small" style="width: 3em">Host</li>
<li> <li>
<select style="width: 15em" <select class="tight-form-input input-large"
class="tight-form-input input-medium"
ng-change="selectHost()" ng-change="selectHost()"
ng-model="target.host" ng-model="target.host"
bs-tooltip="target.host.name.length > 25 ? target.host.name : ''" bs-tooltip="target.host.name.length > 25 ? target.host.name : ''"
@@ -84,10 +84,36 @@
<i class="icon-warning-sign"></i> <i class="icon-warning-sign"></i>
</a> </a>
</li> </li>
<!-- Select Application --> <!-- Host filter -->
<li class="tight-form-item">
Filter
<i class="fa fa-question-circle" bs-tooltip="'Filtering hosts by regex. Select All in items and specify regex for host names.'"></i>
</li>
<li> <li>
<select style="width: 15em" <input type="text"
class="tight-form-input input-medium" class="tight-form-input input-large"
ng-model="target.hostFilter"
spellcheck='false'
placeholder="Host filter (regex)"
ng-blur="targetBlur()">
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="tight-form">
<ul class="tight-form-list" role="menu">
<li class="tight-form-item" style="min-width: 15px; text-align: center">&nbsp</li>
<li class="tight-form-item">
<i class="fa fa-eye invisible"></i>
</li>
<li class="tight-form-item" style="width: 135px">&nbsp</li>
<!-- Select Application -->
<li class="tight-form-item input-small" style="width: 5em">Application</li>
<li>
<select class="tight-form-input input-large"
ng-change="selectApplication()" ng-change="selectApplication()"
ng-model="target.application" ng-model="target.application"
bs-tooltip="target.application.name.length > 15 ? target.application.name : ''" bs-tooltip="target.application.name.length > 15 ? target.application.name : ''"
@@ -101,9 +127,9 @@
</a> </a>
</li> </li>
<!-- Select Item --> <!-- Select Item -->
<li class="tight-form-item input-small" style="width: 3em">Item</li>
<li> <li>
<select style="width: 20em" <select class="tight-form-input input-large"
class="tight-form-input input-medium"
ng-change="selectItem()" ng-change="selectItem()"
ng-model="target.item" ng-model="target.item"
bs-tooltip="target.item.name.length > 25 ? target.item.name : ''" bs-tooltip="target.item.name.length > 25 ? target.item.name : ''"
@@ -117,6 +143,10 @@
</a> </a>
</li> </li>
<!-- Item filter --> <!-- Item filter -->
<li class="tight-form-item">
Filter
<i class="fa fa-question-circle" bs-tooltip="'Filtering items by regex. Select All in items and specify regex for item names.'"></i>
</li>
<li> <li>
<input type="text" <input type="text"
class="tight-form-input input-large" class="tight-form-input input-large"
@@ -126,17 +156,21 @@
ng-blur="targetBlur()"> ng-blur="targetBlur()">
</li> </li>
<!-- Scale --> <!-- Scale -->
<li class="tight-form-item">
Scale
<i class="fa fa-question-circle" bs-tooltip="'Set a custom multiplier for series values, for example -1 to invert series'"></i>
</li>
<li> <li>
<input type="text" <input type="text"
class="tight-form-input input-small" class="tight-form-input input-small"
ng-model="target.scale" ng-model="target.scale"
spellcheck='false' spellcheck='false'
placeholder="Set scale" placeholder="1"
ng-blur="targetBlur()"> ng-blur="targetBlur()">
</li> </li>
</ul> </ul>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>
</div> </div>