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

<navbar> 
<div class="top-nav-btn dashnav-dashboards-btn" >
	<a class="pointer" ng-click="openSearch()">
		<i class="icon-gf icon-gf-datasources"></i>
		<span class="dashboard-title">Data Sources</span>
		<i class="fa fa-caret-down"></i>
	</a>
</div>
<!-- 	<ul class="nav">
		<li ng-class="{active: isNew}" ng-show="isNew"><a href="datasources/new">Add new</a></li>
		<li class="active" ng-show="!isNew"><a href="datasources/edit/{{current.name}}">{{current.name}}</a></li>
	</ul> -->
</navbar>

<div class="page-container">
	<div class="page">
		<h2 ng-show="isNew">Add data source</h2>
		<h2 ng-show="!isNew">Edit data source</h2>
		<p class="small" ng-show="isNew">This text will only appear on Add Data Source</p>

		<form name="editForm">
			<div class="norm-form">
				<ul class="norm-form-list">
					<li class="norm-form-item small" style="width: 80px">
						Name
					</li>
					<li>
						<li>
							<input type="text" class="input-xlarge norm-form-input" ng-model="current.name" placeholder="My data source name" required>
						</li>
					</li>
					<li class="norm-form-item trans">
						<input class="cr1" id="current.isDefault" type="checkbox" ng-model="current.isDefault" ng-checked="current.isDefault">
						<label for="current.isDefault" class="cr1"></label>
						Default
					</li>
				</ul>
				<div class="clearfix"></div>
			</div>
			<div class="norm-form last">
				<ul class="norm-form-list">
					<li class="norm-form-item" style="width: 80px">
						Type
					</li>
					<li>
						<select class="input-xlarge norm-form-input norm-form-auto" ng-model="current.type" ng-options="k as v.name for (k, v) in types" ng-change="typeChanged()"></select>
					</li>
				</ul>
				<div class="clearfix"></div>
			</div>

			<rebuild-on-change property="datasourceMeta.id">
				<plugin-component type="datasource-config-ctrl">
				</plugin-component>
			</rebuild-on-change>

			<div ng-if="testing" style="margin-top: 25px">
				<h5 ng-show="!testing.done">Testing.... <i class="fa fa-spiner fa-spin"></i></h5>
				<h5 ng-show="testing.done">Test results</h5>
				<div class="alert-{{testing.status}} alert">
					<div class="alert-title">{{testing.title}}</div>
					<div ng-bind='testing.message'></div>
				</div>
			</div>

			<div class="" style="margin-top: 35px">
				<button type="submit" class="btn btn-success" ng-show="isNew" ng-click="saveChanges()">Add</button>
				<button type="submit" class="btn btn-success" ng-show="!isNew" ng-click="saveChanges()">Save</button>
				<button type="submit" class="btn btn-inverse" ng-show="!isNew" ng-click="saveChanges(true)">
					Test Connection
				</button>
				<a class="btnText" href="datasources">Cancel</a>
			</div>
			<br>
		</form>
	</div>
</div>