Updated datasource edit page style.

This commit is contained in:
Alexander Zobnin
2016-03-29 11:07:48 +03:00
parent a917b917d7
commit ce6991cd3e

View File

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