grafana/src/app/features/account/partials/account.html

<topnav icon="fa fa-shield" title="Account" subnav="true">
	<ul class="nav">
		<li class="active"><a href="account">Overview</a></li>
		<li><a href="account/users">Users</a></li>
	</ul>
</topnav>

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

		<h2>Account Info</h2>

		<form name="accountForm">
			<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" required ng-model="account.name" 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>
			API Keys
		</h2>

		<div ng-controller="ApiKeysCtrl">
			<form name="addTokenrForm" class="form-inline tight-form">
				<ul class="tight-form-list">
					<li class="tight-form-item" style="width: 100px">
						Add a key
					</li>
					<li>
						<input type="text" class="input-xlarge tight-form-input" ng-model='token.name' placeholder="Name"></input>
					</li>
					<li class="tight-form-item">
						Role
					</li>
					<li>
						<select class="input-small tight-form-input" ng-model="token.role" ng-options="r for r in roleTypes"></select>
					</li>
					<li style="float: right">
						<button class="btn btn-success tight-form-btn" ng-click="addToken()">Add</button>
					</li>
					<div class="clearfix"></div>
				</ul>
			</form>
		<br>

		<table class="grafana-options-table">
			<tr ng-repeat="t in tokens">
				<td>{{t.name}}</td>
				<td>{{t.role}}</td>
				<td>{{t.key}}</td>
				<td style="width: 1%">
					<a ng-click="removeToken(t.id)" class="btn btn-danger btn-mini">
						<i class="fa fa-remove"></i>
					</a>
				</td>
			</tr>
		</table>
	</div>

	</div>
</div>