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

<navbar icon="icon-gf icon-gf-users" title="Profile">
</navbar>

<div class="page-container">

	<h1>Profile</h1>

	<form name="userForm" class="gf-form-group">
		<div class="gf-form">
			<span class="gf-form-label gf-size-s">Name</span>
			<input class="gf-form-input gf-size-xxl" type="text" required ng-model="user.name" >
		</div>
		<br>

		<div class="gf-form">
			<span class="gf-form-label gf-size-s">Email</span>
			<input class="gf-form-input gf-size-xxl" type="email" required ng-model="user.email">
		</div>
		<br>

		<div class="gf-form">
			<span class="gf-form-label gf-size-s">Username</span>
			<input class="gf-form-input gf-size-xxl" type="text" required ng-model="user.login">
		</div>
		<br>

		<div class="gf-form">
			<span class="gf-form-label gf-size-s">UI Theme</span>
			<select class="gf-form-input gf-size-auto" ng-model="user.theme" ng-options="f for f in ['dark', 'light']"></select>
		</div>

		<div class="gf-form-button-row">
			<button type="submit" class="btn btn-success" ng-click="update()">Update</button>
		</div>
	</form>

	<h3>Password</h3>
	<a href="profile/password" class="btn btn-inverse">Change Password</a>

	<h3>Organizations</h3>
	<table class="filter-table form-inline">
		<thead>
			<tr>
				<th>Name</th>
				<th>Role</th>
				<th></th>
			</tr>
		</thead>
		<tbody>
			<tr ng-repeat="org in orgs">
				<td>{{org.name}}</td>
				<td>{{org.role}}</td>
				<td class="text-right">
					<span class="btn btn-primary btn-mini" ng-show="org.orgId === contextSrv.user.orgId">
						Current
					</span>
					<a ng-click="setUsingOrg(org)" class="btn btn-inverse btn-mini" ng-show="org.orgId !== contextSrv.user.orgId">
						Select
					</a>
				</td>
			</tr>
		</tbody>
	</table>
</div>