energylink/public/app/features/datasources/partials/list.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>
</navbar>

<div class="page-container">
	<div class="page-wide">
	<div class="page-header-align">
		<h1>Data Sources</h1>
		<a class="btn btn-success" href="datasources/new">
			<i class="fa fa-plus"></i>
			Add data source
		</a>

	</div>
		<br>

		<div ng-if="ctrl.datasources.length === 0">
			<em>No data sources defined</em>
		</div>

		<table class="filter-table" ng-if="ctrl.datasources.length > 0">
			<thead>
				<tr>
					<th><strong>Name</strong></th>
					<th><strong>Url</strong></th>
					<th style="width: 60px;"></th>
					<th style="width: 65px;"></th>
					<th style="width: 34px;"></th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="ds in ctrl.datasources">
					<td>
						<a href="datasources/edit/{{ds.id}}">
							<i class="fa fa-database"></i> &nbsp; {{ds.name}}
						</a>
					</td>
					<td>
						<span class="ellipsis">{{ds.url}}</span>
					</td>
					<td class="text-center">
						<span ng-if="ds.isDefault">
							<span class="label label-info">default</span>
						</span>
					</td>
					<td class="text-right">
						<a href="datasources/edit/{{ds.id}}" class="btn btn-inverse btn-mini">
							<i class="fa fa-edit"></i>
							Edit
						</a>
					</td>
					<td class="text-right">
						<a ng-click="ctrl.removeDataSource(ds)" class="btn btn-danger btn-mini">
							<i class="fa fa-remove"></i>
						</a>
					</td>
				</tr>
			</tbody>
		</table>

	</div>
</div>