quay/static/partials/org-admin.html

<div class="resource-view" resource="orgResource" error-message="'No organization found'"></div>
<div class="org-admin container" ng-show="organization">
  <div class="organization-header" organization="organization" clickable="true"></div>
  
  <div class="row">
    <!-- Side tabs -->
    <div class="col-md-2">
      <ul class="nav nav-pills nav-stacked">
        <li class="active"><a href="javascript:void(0)" data-toggle="tab" data-target="#plan">Plan and Usage</a></li>
        <li><a href="javascript:void(0)" data-toggle="tab" data-target="#logs" ng-click="loadLogs()">Usage Logs</a></li>
        <li><a href="javascript:void(0)" data-toggle="tab" data-target="#members" ng-click="loadMembers()">Members</a></li>
        <li><a href="javascript:void(0)" data-toggle="tab" data-target="#robots">Robot Accounts</a></li>
        <li ng-show="hasPaidPlan"><a href="javascript:void(0)" data-toggle="tab" data-target="#billingoptions">Billing</a></li>
        <li ng-show="hasPaidPlan"><a href="javascript:void(0)" data-toggle="tab" data-target="#billing" ng-click="loadInvoices()">Billing History</a></li>
      </ul>
    </div>

    <!-- Content -->
    <div class="col-md-10">
      <div class="tab-content">       
        <!-- Plans tab -->
        <div id="plan" class="tab-pane active">
          <div class="plan-manager" organization="orgname" plan-changed="planChanged(plan)"></div>
        </div>

        <!-- Robot accounts tab -->
        <div id="robots" class="tab-pane">
          <div class="robots-manager" organization="organization"></div>
        </div>

        <!-- Logs tab -->
        <div id="logs" class="tab-pane">
          <div class="logs-view" organization="organization" visible="logsShown"></div>
        </div>

        <!-- Billing Options tab -->
        <div id="billingoptions" class="tab-pane">
          <div class="billing-options" organization="organization"></div>
        </div>

        <!-- Billing History tab -->
        <div id="billing" class="tab-pane">
          <div class="billing-invoices" organization="organization" visible="invoicesShown"></div>
        </div>

        <!-- Members tab -->
        <div id="members" class="tab-pane">
          <div class="quay-spinner" ng-show="membersLoading"></div>
          <div ng-show="!membersLoading">
            <div class="side-controls">      
              <div class="result-count">
                Showing {{(membersFound | filter:search | limitTo:50).length}} of {{(membersFound | filter:search).length}} matching members
              </div>
              <div class="filter-input">        
                <input id="member-filter" class="form-control" placeholder="Filter Members" type="text" ng-model="search.$">
              </div>
            </div> 

            <table class="table table-striped">
              <thead>
                <th>User/Robot Account</th>
                <th>Teams</th>
                <th></th>
              </thead>
                            
              <tr ng-repeat="memberInfo in (membersFound | filter:search | limitTo:50)">
                <td>
                  <span class="entity-reference" name="memberInfo.username" isrobot="memberInfo.is_robot" isorgadmin="true"></span>
                </td>
                <td>
                  <span class="team-link" ng-repeat="team in memberInfo.teams">
                    <i class="fa fa-group"></i>
                    <a href="/organization/{{ organization.name }}/teams/{{ team }}">{{ team }}</a>
                  </span>
                </td>
                <td>
                  <a href="/organization/{{ organization.name }}/logs/{{ memberInfo.username }}" title="Member Usage Logs" bs-tooltip="tooltip.title">
                    <i class="fa fa-book"></i>
                  </a>
                </td>
              </tr>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>