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

<div class="gf-form-group">
	<h3 class="page-heading">Http settings</h3>

	<div class="gf-form">
		<span class="gf-form-label width-7">Url</span>
		<input class="gf-form-input max-width-21" type="text" 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>

		<gf-popover>
			<p>Specify a complete HTTP url (http://your_server:8080)</p>
			<span ng-show="current.access === 'direct'">
				Your access method is <code>Direct</code>, this means the url
				needs to be accessable from the browser.
			</span>
			<span ng-show="current.access === 'proxy'">
				Your access method is currently <code>Proxy</code>, this means the url
				needs to be accessable from the grafana backend.
			</span>
		</gf-popover>
	</div>

	<div class="gf-form">
		<span class="gf-form-label width-7">
			Access <tip>Direct = url is used directly from browser, Proxy = Grafana backend will proxy the request</tip>
		</span>
		<select class="gf-form-input gf-size-auto" ng-model="current.access" ng-options="f for f in ['direct', 'proxy']"></select>
	</div>

	<div class="gf-form">
		<span class="gf-form-label width-7">
			Http Auth
		</span>
		<editor-checkbox text="Basic Auth" model="current.basicAuth"></editor-checkbox>
		<editor-checkbox text="With Credentials" model="current.withCredentials"></editor-checkbox><tip>Tip for with credentials</tip>
	</div>

	<div class="gf-form" ng-if="current.basicAuth">
		<span class="gf-form-label width-7">
			User
		</span>
		<input class="gf-form-input max-width-21" type="text"  ng-model='current.basicAuthUser' placeholder="user" required></input>
	</div>

	<div class="gf-form" ng-if="current.basicAuth">
		<span class="gf-form-label width-7">
			Passord
		</span>
		<input class="gf-form-input max-width-21" type="password" ng-model='current.basicAuthPassword' placeholder="password" required></input>
	</div>
</div>