energylink/public/app/features/datasources/partials/http_settings.html

<br>
<h3>Http settings</h3>
<div class="norm-form-container">
	<div class="norm-form">
		<ul class="norm-form-list">
			<li class="norm-form-item" style="width: 80px">
				Url
			</li>
			<li>
				<input type="text" class="norm-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>
		</ul>
		<div class="clearfix"></div>
	</div>
	<div class="norm-form">
		<ul class="norm-form-list">
			<li class="norm-form-item" style="width: 80px">
				Access <tip>Direct = url is used directly from browser, Proxy = Grafana backend will proxy the request</tip>
			</li>
			<li>
				<select class="input-medium norm-form-input" ng-model="current.access" ng-options="f for f in ['direct', 'proxy']"></select>
			</li>
		</ul>
		<div class="clearfix"></div>
	</div>
	<div class="norm-form">
		<ul class="norm-form-list">
			<li class="norm-form-item" style="width: 80px">
				Http Auth
			</li>
			<li class="norm-form-item trans">
				<editor-checkbox text="Basic Auth" model="current.basicAuth"></editor-checkbox>
			</li>
			<li class="norm-form-item trans">
				<editor-checkbox text="With Credentials" model="current.withCredentials"></editor-checkbox><tip>Tip for with credentials</tip>
			</li>
		</ul>
		<div class="clearfix"></div>
	</div>
	<div class="norm-form" ng-if="current.basicAuth">
		<ul class="norm-form-list">
			<li class="norm-form-item small" style="width: 80px">
				User
			</li>
			<li ng-if="current.basicAuth">
				<input type="text" class="input-xlarge norm-form-input" ng-model='current.basicAuthUser' placeholder="user" required></input>
			</li>
		</ul>
	<div class="clearfix"></div>
	</div>
	<div class="norm-form" ng-if="current.basicAuth">
		<ul class="norm-form-list">
			<li class="norm-form-item small" style="width: 80px" ng-if="current.basicAuth">
				Password
			</li>
			<li ng-if="current.basicAuth">
				<input type="password" class="input-xlarge norm-form-input" ng-model='current.basicAuthPassword' placeholder="password" required></input>
			</li>
		</ul>
		<div class="clearfix"></div>
	</div>
</div>

<br>