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

<page-header model="ctrl.navModel"></page-header>

<div class="page-container page-body">
  <h3 class="page-sub-heading">Team Details</h3>

  <form name="teamDetailsForm" class="gf-form-group">
    <div class="gf-form max-width-30">
      <span class="gf-form-label width-10">Name</span>
      <input type="text" required ng-model="ctrl.team.name" class="gf-form-input max-width-22">
    </div>
    <div class="gf-form max-width-30">
      <span class="gf-form-label width-10">
        Email
        <info-popover mode="right-normal">
          This is optional and is primarily used for allowing custom team avatars.
        </info-popover>
      </span>
      <input class="gf-form-input max-width-22" type="email" ng-model="ctrl.team.email" placeholder="email@test.com">
    </div>

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

  <div class="gf-form-group">

    <h3 class="page-heading">Team Members</h3>
    <form name="ctrl.addMemberForm" class="gf-form-group">
      <div class="gf-form">
        <span class="gf-form-label width-10">Add member</span>
        <!--
        Old picker
        <user-picker user-picked="ctrl.userPicked($user)"></user-picker>
        -->
        <select-user-picker class="width-7" handlePicked="ctrl.userPicked" backendSrv="ctrl.backendSrv"></select-user-picker>
      </div>
    </form>

    <table class="filter-table" ng-show="ctrl.teamMembers.length > 0">
      <thead>
        <tr>
          <th></th>
          <th>Username</th>
          <th>Email</th>
          <th></th>
        </tr>
      </thead>
      <tr ng-repeat="member in ctrl.teamMembers">
        <td class="width-4 text-center link-td">
          <img class="filter-table__avatar" ng-src="{{member.avatarUrl}}"></img>
        </td>
        <td>{{member.login}}</td>
        <td>{{member.email}}</td>
        <td style="width: 1%">
          <a ng-click="ctrl.removeTeamMember(member)" class="btn btn-danger btn-mini">
            <i class="fa fa-remove"></i>
          </a>
        </td>
      </tr>
    </table>
    <div>
      <em class="muted" ng-hide="ctrl.teamMembers.length > 0">
        This team has no members yet.
      </em>
    </div>

  </div>

  <div class="gf-form-group" ng-if="ctrl.isMappingsEnabled">

	<h3 class="page-heading">Mappings to external groups</h3>
	<form name="ctrl.addGroupForm" class="gf-form-group">
		<div class="gf-form">
			<span class="gf-form-label width-10">Add group</span>
			<input class="gf-form-input max-width-22" type="text" ng-model="ctrl.newGroupId">
		</div>
		<div class="gf-form-button-row">
			<button type="submit" class="btn btn-success" ng-click="ctrl.addGroup()">Add</button>
		</div>
	</form>

	<table class="filter-table" ng-show="ctrl.teamGroups.length > 0">
		<thead>
			<tr>
				<th>Group</th>
				<th></th>
			</tr>
		</thead>
		<tr ng-repeat="group in ctrl.teamGroups">
			<td>{{group.groupId}}</td>
			<td style="width: 1%">
				<a ng-click="ctrl.removeGroup(group)" class="btn btn-danger btn-mini">
					<i class="fa fa-remove"></i>
				</a>
			</td>
		</tr>
	</table>
	<div>
		<em class="muted" ng-hide="ctrl.teamGroups.length > 0">
			This team has no associated groups yet.
		</em>
	</div>

	</div>