energylink/public/app/features/org/partials/orgUsers.html

<topnav title="Organization" icon="fa fa-fw fa-users" subnav="true">
	<ul class="nav">
		<li class="active"><a href="org/users">Users</a></li>
	</ul>
</topnav>

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

		<h2>Organization users</h2>

		<button class="btn btn-success pull-right" ng-click="openInviteModal()">
			Invite Users
		</button>

		<br>

		<div ng-model="editor.index" bs-tabs style="text-transform:capitalize;">
			<div ng-repeat="tab in ['Users', 'Pending Invitations']" data-title="{{tab}}">
			</div>
		</div>

		<div ng-if="editor.index == 0">
			<table class="grafana-options-table form-inline">
				<tr>
					<th>Login</th>
					<th>Email</th>
					<th>Role</th>
					<th></th>
				</tr>
				<tr ng-repeat="user in users">
					<td>{{user.login}}</td>
					<td>{{user.email}}</td>
					<td>
						<select type="text" ng-model="user.role" class="input-medium" ng-options="f for f in ['Viewer', 'Editor', 'Read Only Editor', 'Admin']" ng-change="updateOrgUser(user)">
						</select>
					</td>
					<td style="width: 1%">
						<a ng-click="removeUser(user)" class="btn btn-danger btn-mini">
							<i class="fa fa-remove"></i>
						</a>
					</td>
				</tr>
			</table>

		</div>

		<div ng-if="editor.index == 1">
			Pending invitaitons
		</div>
	</div>
</div>