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

<div class="modal-body" ng-controller="UserInviteCtrl" ng-init="init()">

	<a class="modal-close" ng-click="dismiss();">
		<i class="fa fa-remove"></i>
	</a>

	<div class="p-a-2">
		<h1>
			Invite Users
		</h1>

		<div class="modal-tagline">
			Send invite or add existing Grafana users to the organization
			<span class="highlight-word">{{contextSrv.user.orgName}}</span>
		</div>

		<br>
		<br>

		<form name="inviteForm">
			<div class="gf-form-inline" ng-repeat="invite in invites">
				<div class="gf-form max-width-21">
					<span class="gf-form-label">Email or Username</span>
					<input type="text" ng-model="invite.loginOrEmail" required class="gf-form-input" placeholder="email@test.com">
				</div>
				<div class="gf-form max-width-14">
					<span class="gf-form-label">Name</span>
					<input type="text" ng-model="invite.name" class="gf-form-input" placeholder="name (optional)">
				</div>
				<div class="gf-form max-width-10">
					<span class="gf-form-label">Role</span>
					<select ng-model="invite.role" class="gf-form-input" ng-options="f for f in ['Viewer', 'Editor', 'Read Only Editor', 'Admin']">
					</select>
				</div>
				<div class="gf-form gf-size-auto">
					<a class="gf-form-label pointer" tabindex="1" ng-click="removeInvite(invite)">
						<i class="fa fa-remove"></i>
					</a>
				</div>
			</div>

			<div style="margin-top: 20px; text-align: left;">
				<a class="btn btn-inverse" ng-click="addInvite()">+ Invite another</a>
				<div class="gf-form" style="margin-top: 20px">
					<editor-checkbox text="Skip sending invite email" model="options.skipEmails" change="targetBlur()"></editor-checkbox>
				</div>
			</div>

			<div class="" style="margin-top: 30px; margin-bottom: 20px;">
				<button type="submit" class="btn btn-success" ng-click="sendInvites();">Invite Users</button>
				<a class="btn-text" ng-click="dismiss()">Cancel</a>
			</div>
		</form>
	</div>
</div>