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

Updated datasource edit page style.

Browse Source
This commit is contained in:
Alexander Zobnin
2016-03-29 11:07:48 +03:00
parent a917b917d7
commit ce6991cd3e
1 changed files with 53 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
src/datasource-zabbix/partials/config.html
View File

@@ -1,56 +1,61 @@
<datasource-http-settings current="ctrl.current">
</datasource-http-settings>
<h5>Zabbix API details</h5>
<div class="gf-form-group">
<h3 class="page-heading">Zabbix API details</h3>
<div class="tight-form">
<ul class="tight-form-list">
<li class="tight-form-item" style="width: 80px">
User
</li>
<li>
<input type="text" class="tight-form-input input-large"
<div class="gf-form">
<span class="gf-form-label width-7">
Username
</span>
<input class="gf-form-input max-width-21"
type="text"
ng-model='ctrl.current.jsonData.username'
placeholder="">
</li>
<li class="tight-form-item" style="width: 80px">
placeholder="user"
required>
</input>
</div>
<div class="gf-form">
<span class="gf-form-label width-7">
Password
</li>
<li>
<input type="password" class="tight-form-input input-large"
</span>
<input class="gf-form-input max-width-21"
type="password"
ng-model='ctrl.current.jsonData.password'
placeholder="">
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="tight-form last">
<ul class="tight-form-list">
<li class="tight-form-item" style="width: 200px">
Cache update interval
</li>
<li>
<input type="text" class="tight-form-input input-small"
ng-model='ctrl.current.jsonData.cacheTTL'
placeholder="1h">
</li>
<li class="tight-form-item" style="width: 80px">
Trends&nbsp;&nbsp;
<input class="cr1" id="ctrl.current.jsonData.trends" type="checkbox"
ng-model="ctrl.current.jsonData.trends"
ng-checked="ctrl.current.jsonData.trends">
<label for="ctrl.current.jsonData.trends" class="cr1"></label>
</li>
<li ng-if="ctrl.current.jsonData.trends"
class="tight-form-item"
style="width: 105px">
Use trends from
</li>
<li ng-if="ctrl.current.jsonData.trends">
<input type="text" class="tight-form-input input-small"
placeholder="password"
required>
</input>
</div>
<div class="gf-form-inline">
<div class="gf-form">
<label class="gf-form-label width-7">Trends</label>
</div>
<gf-form-switch class="gf-form"
label="Enable"
checked="ctrl.current.jsonData.trends" switch-class="max-width-6">
</gf-form-switch>
<div class="gf-form" ng-if="ctrl.current.jsonData.trends">
<span class="gf-form-label width-7">
Use from
</span>
<input class="gf-form-input max-width-5"
type="text"
ng-model='ctrl.current.jsonData.trendsFrom'
placeholder="7d">
</li>
</ul>
<div class="clearfix"></div>
</input>
</div>
</div>
<div class="gf-form">
<span class="gf-form-label width-12">
Cache update interval
</span>
<input class="gf-form-input max-width-4"
type="text"
ng-model='ctrl.current.jsonData.cacheTTL'
placeholder="1h">
</input>
</div>
</div>