refactor(http data source options): #3473

This commit is contained in:
Torkel Ödegaard
2015-12-09 13:05:05 +01:00
parent 2dba2f4a95
commit 40f85e5ca3

View File

@@ -1,53 +1,55 @@
<br> <br>
<h5>Http settings</h5> <h5>Http settings</h5>
<div class="tight-form"> <div class="tight-form-container">
<ul class="tight-form-list"> <div class="tight-form">
<li class="tight-form-item" style="width: 80px"> <ul class="tight-form-list">
Url <li class="tight-form-item" style="width: 80px">
</li> Url
<li> </li>
<input type="text" class="tight-form-input input-xlarge" ng-model='current.url' placeholder="http://my.server.com:8080" ng-pattern="/^(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?$/" required></input> <li>
</li> <input type="text" class="tight-form-input input-xlarge" ng-model='current.url' placeholder="http://my.server.com:8080" ng-pattern="/^(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?$/" required></input>
<li class="tight-form-item"> </li>
Access <tip>Direct = url is used directly from browser, Proxy = Grafana backend will proxy the request</tip> <li class="tight-form-item">
</li> Access <tip>Direct = url is used directly from browser, Proxy = Grafana backend will proxy the request</tip>
<li> </li>
<select class="input-medium tight-form-input" ng-model="current.access" ng-options="f for f in ['direct', 'proxy']"></select> <li>
</li> <select class="input-medium tight-form-input" ng-model="current.access" ng-options="f for f in ['direct', 'proxy']"></select>
</ul> </li>
<div class="clearfix"></div> </ul>
</div> <div class="clearfix"></div>
<div ng-if="!current.withCredentials" class="tight-form last"> </div>
<ul class="tight-form-list"> <div class="tight-form">
<li class="tight-form-item" style="width: 80px"> <ul class="tight-form-list">
Basic Auth <li class="tight-form-item" style="width: 80px">
</li> Http Auth
<li class="tight-form-item"> </li>
<editor-checkbox text="Enable" model="current.basicAuth"></editor-checkbox> <li class="tight-form-item">
</li> <editor-checkbox text="Basic Auth" model="current.basicAuth"></editor-checkbox>
<li class="tight-form-item" ng-if="current.basicAuth"> </li>
User <li class="tight-form-item">
</li> <editor-checkbox text="With Credentials" model="current.withCredentials"></editor-checkbox>
<li ng-if="current.basicAuth"> </li>
<input type="text" class="tight-form-input input-medium" style="width: 139px" ng-model='current.basicAuthUser' placeholder="user" required></input> </ul>
</li> <div class="clearfix"></div>
<li class="tight-form-item" style="width: 67px" ng-if="current.basicAuth"> </div>
Password <div class="tight-form" ng-if="current.basicAuth">
</li> <ul class="tight-form-list">
<li ng-if="current.basicAuth"> <li class="tight-form-item" style="width: 80px">
<input type="password" class="tight-form-input input-medium" ng-model='current.basicAuthPassword' placeholder="password" required></input> <i class="fa fa-remove invisible"></i>
</li> </li>
</ul> <li class="tight-form-item">
<div class="clearfix"></div> User
</div> </li>
<div ng-if="!current.basicAuth" class="tight-form last"> <li ng-if="current.basicAuth">
<ul class="tight-form-list"> <input type="text" class="tight-form-input input-medium" style="width: 136px" ng-model='current.basicAuthUser' placeholder="user" required></input>
<li class="tight-form-item" style="width: 80px"> </li>
With Creds <li class="tight-form-item" style="width: 66px" ng-if="current.basicAuth">
</li> Password
<li class="tight-form-item"> </li>
<editor-checkbox text="Enable" model="current.withCredentials"></editor-checkbox> <li ng-if="current.basicAuth">
</li> <input type="password" class="tight-form-input input-medium" ng-model='current.basicAuthPassword' placeholder="password" required></input>
</ul> </li>
<div class="clearfix"></div> </ul>
<div class="clearfix"></div>
</div>
</div> </div>