energylink/src/app/features/profile/partials/profile.html

<topnav toggle="toggleSideMenu()"
        title="{{grafana.user.name}}"
				section="Profile"
				icon="fa fa-user"
				show-menu-btn="!grafana.sidemenu">
</topnav>

<div class="page-container">
	<div class="page">

		<h2>Personal information</h2>

		<form name="userForm">
			<div>
				<div class="tight-form">
					<ul class="tight-form-list">
						<li class="tight-form-item" style="width: 100px">
							<strong>Name</strong>
						</li>
						<li>
							<input type="text" required ng-model="user.name" class="input-xxlarge tight-form-input last" >
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="tight-form" style="margin-top: 5px">
					<ul class="tight-form-list">
						<li class="tight-form-item" style="width: 100px">
							<strong>Email</strong>
						</li>
						<li>
							<input type="text" required ng-model="user.email" class="input-xxlarge tight-form-input last" >
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="tight-form" style="margin-top: 5px">
					<ul class="tight-form-list">
						<li class="tight-form-item" style="width: 100px">
							<strong>Username</strong>
						</li>
						<li>
							<input type="text" required ng-model="user.login" class="input-xxlarge tight-form-input last" >
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
			</div>

			<br>
			<button type="submit" class="pull-right btn btn-success" ng-click="update()">Update</button>
		</form>

		<h2>Your accounts</h2>

		<table class="grafana-options-table">
			<tr ng-repeat="ac in accounts">
				<td style="width: 98%"><strong>Name: </strong> {{ac.name}}</td>
				<td><strong>Role: </strong> {{ac.role}}</td>
				<td class="nobg max-width-btns">
					<span class="btn btn-primary" ng-show="ac.isUsing">
						Current
					</span>
					<a ng-click="setUsingAccount(ac)" class="btn btn-inverse" ng-show="!ac.isUsing">
						Select
					</a>
				</td>
			</tr>
		</table>

		<h2 style="margin-top: 30px;">Add account</h2>

		<form name="form">
			<div>
				<div class="tight-form">
					<ul class="tight-form-list">
						<li class="tight-form-item" style="width: 100px;">
							<strong>Account name</strong>
						</li>
						<li>
							<input type="text" ng-model="newAccount.name" required class="input-xxlarge tight-form-input last" placeholder="account name">
						</li>
						<li>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
			</div>
			<br>
			<button class="btn btn-success pull-right" ng-click="createAccount()">Create</button>
		</form>

	</div>
</div>