quay/static/partials/org-view.html

<div class="loading" ng-show="loading">
  <i class="fa fa-spinner fa-spin fa-3x"></i>
</div>

<div class="loading" ng-show="!loading && !organization">
  No matching organization found
</div>

<div class="org-view container" ng-show="!loading && organization">
  <div class="organization-header" organization="organization"></div>

  <div class="row visible-sm visible-md visible-lg">
    <div class="col-sm-8"></div>
    <div class="col-sm-4 header-col">
      Team Permissions
      <i class="info-icon fa fa-info-circle" data-placement="bottom" data-original-title="" title=""
         data-content="Global permissions for the team and its members<br><br><dl><dt>Member</dt><dd>Permissions are assigned on a per repository basis</dd><dt>Creator</dt><dd>A team can create its own repositories</dd><dt>Admin</dt><dd>A team has full control of the organization</dd></dl>"></i>
    </div>
  </div>

  <div class="team-listing" ng-repeat="(name, team) in organization.teams">
    <div class="row">
      <div class="col-sm-8">
        <div class="team-title">
          <i class="fa fa-group"></i>
          <span ng-show="team.can_view">
            <a href="/organization/{{ organization.name }}/teams/{{ team.name }}">{{ team.name }}</a>
          </span>
          <span ng-show="!team.can_view">
            {{ team.name }}
          </span>
        </div>

        <div class="team-description markdown-view" content="team.description" first-line-only="true"></div>
      </div>

      <div class="btn-group btn-group-sm col-sm-4" ng-show="organization.is_admin">
        <button type="button" class="btn btn-default" ng-click="setRole(name, 'member')" ng-class="{admin: '', creator: '', member: 'active'}[team.role]">Member</button>
        <button type="button" class="btn btn-default" ng-click="setRole(name, 'creator')" ng-class="{admin: '', creator: 'active', member: ''}[team.role]">Creator</button>
        <button type="button" class="btn btn-primary" ng-click="setRole(name, 'admin')" ng-class="{admin: 'active', creator: '', member: ''}[team.role]">Admin</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal message dialog -->
<div class="modal fade" id="cannotChangeTeamModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Cannot change team</h4>
      </div>
      <div class="modal-body">
        You do not have permission to change properties on teams.
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->