quay/static/partials/super-user.html

<div class="super-user">
  <div class="cor-loader" ng-show="!configStatus"></div>
  <div class="page-content" quay-show="Features.SUPER_USERS && configStatus == 'ready'">
    <div ng-if="requiresRestart" class="alert alert-warning restart-required">
      <button class="btn btn-warning" ng-click="restartContainer()">
        <i class="fa fa-refresh"></i>Restart Now
      </button>
      <i class="fa fa-lg fa-warning"></i>
      <div><strong>Container restart required!</strong></div>
      Configuration changes have been made but the container hasn't been restarted yet.
    </div>
    <div class="cor-title">
      <span class="cor-title-link"></span>
      <span class="cor-title-content">Quay Enterprise Management</span>
    </div>

    <div class="cor-tab-panel">
      <div class="cor-tabs">
        <span class="cor-tab" tab-active="true" tab-title="Manage Users"
              tab-target="#users" tab-init="loadUsers()">
          <i class="fa fa-group"></i>
        </span>
        <span class="cor-tab" tab-title="Manage Organizations"
              tab-target="#organizations" tab-init="loadOrganizations()">
          <i class="fa fa-sitemap"></i>
        </span>
        <span class="cor-tab" tab-title="Manage Service Keys"
              tab-target="#servicekeys" tab-init="loadServiceKeys()">
          <i class="fa fa-key"></i>
        </span>
        <span class="cor-tab" tab-title="Change Log" tab-target="#change-log" tab-init="getChangeLog()">
          <i class="fa fa-rss"></i>
        </span>
        <span class="cor-tab" tab-title="Usage Logs" tab-target="#logs" tab-init="loadUsageLogs()">
          <i class="fa fa-bar-chart"></i>
        </span>
        <span class="cor-tab" tab-title="Internal Logs and Debugging" tab-target="#debug"
              tab-init="loadDebugServices()">
          <i class="fa fa-bug"></i>
        </span>
        <span class="cor-tab hidden-xs" tab-title="Registry Settings" tab-target="#setup"
              tab-init="loadConfig()">
          <i class="fa fa-cog"></i>
        </span>
        <span class="cor-tab hidden-xs" tab-title="Globally visible user messages" tab-target="#message-of-the-day"
                              tab-init="loadMessageOfTheDay()">
          <i class="fa fa-newspaper-o"></i>
        </span>
      </div> <!-- /cor-tabs -->

      <div class="cor-tab-content">
        <!-- Setup tab -->
        <div id="setup" class="tab-pane">
          <div class="config-setup-tool" is-active="configStatus == 'ready'"
               configuration-saved="configurationSaved(config)"></div>
        </div>

        <!-- Messages tab -->
        <div id="message-of-the-day" class="tab-pane">
          <div class="global-message-tab" is-enabled="globalMessagesActive"></div>
        </div> <!-- Messages tab -->


        <!-- Service keys tab -->
        <div id="servicekeys" class="tab-pane">
          <div class="service-keys-manager" is-enabled="serviceKeysActive"></div>
        </div>

        <!-- Debugging tab -->
        <div id="debug" class="tab-pane">
          <div class="cor-loader" ng-show="!debugServices"></div>

          <div role="tabpanel" ng-show="debugServices">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
              <li role="presentation" ng-repeat="service in debugServices"
                  ng-class="debugService == service ? 'active' : ''">
                <a ng-click="viewSystemLogs(service)">{{ service }}</a>
              </li>
            </ul>

            <div class="system-log-download-panel" ng-if="!debugService">
              Select a service above to view its local logs

              <div>
                <a class="btn btn-primary" href="/systemlogsarchive?_csrf_token={{ csrf_token }}" ng-safenewtab>
                  <i class="fa fa-download fa-lg" style="margin-right: 4px;"></i> Download All Local Logs (.tar.gz)
                </a>
              </div>
            </div>
            <div class="cor-log-box" logs="debugLogs" ng-show="debugService"></div>
          </div>
        </div>

        <!-- Logs tab -->
        <div id="logs" class="tab-pane">
          <div class="logsView" makevisible="logsCounter" all-logs="true"></div>
        </div> <!-- /logs tab-->

        <!-- Change Log tab -->
        <div id="change-log" class="tab-pane">
          <h3 style="margin-top: 0px;">Change Log</h3>
          <div class="cor-loader" ng-if="!changeLog"></div>
          <div class="markdown-view" content="changeLog.log" ng-if="changeLog"></div>
        </div> <!-- /change-log tab-->

        <!-- Organizations tab -->
        <div id="organizations" class="tab-pane">
          <div class="resource-view" resource="organizationsResource"
               error-message="'Could not load organizations'">
            <div class="manager-header" header-title="Organizations">
            </div>

            <div class="filter-box" collection="organization" filter-model="search" filter-name="Organizations"></div>

            <table class="cor-table">
              <thead>
              <td style="width: 24px;"></td>
              <td>Name</td>
              <td>Admin E-mail</td>
              <td style="width: 24px;"></td>
              </thead>

              <tr ng-repeat="current_org in (organizations | filter:search | orderBy:'name')"
                  class="org-row">
                <td>
                  <span class="avatar" data="current_org.avatar" size="24"></span>
                </td>
                <td>
                  {{ current_org.name }}
                </td>
                <td>
                  <a href="mailto:{{ current_org.email }}">{{ current_org.email }}</a>
                </td>
                <td style="text-align: center;">
                  <span class="cor-options-menu">
                    <span class="cor-option" option-click="askRenameOrganization(current_org)">
                      <i class="fa fa-arrow-right"></i> Rename Organization
                    </span>
                    <span class="cor-option" option-click="askDeleteOrganization(current_org)">
                      <i class="fa fa-times"></i> Delete Organization
                    </span>
                    <span class="cor-option" option-click="askTakeOwnership(current_org, true)">
                      <i class="fa fa-bolt"></i> Take Ownership
                    </span>
                  </span>
                </td>
              </tr>
            </table>
          </div> <!-- /resource -->
        </div> <!-- organizations tab -->

        <!-- Users tab -->
        <div id="users" class="tab-pane active">
          <div class="manage-user-tab" is-enabled="manageUsersActive"></div>
        </div> <!-- users-tab -->

      </div> <!-- /cor-tab-content -->
    </div> <!-- /cor-tab-panel -->

    <!-- Modal message dialog -->
    <div class="co-dialog modal fade" id="restartingContainerModal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="modal-title">Container Currently Restarting</h4>
          </div>
          <div class="modal-body" style="padding: 20px;">
           <i class="fa fa-lg fa-refresh" style="margin-right: 10px;"></i>
           <span class="registry-name"></span> is currently being restarted.
           <br><br>
           This can take several minutes. If the container does not restart on its own,
           please reexecute the <code>docker run</code> command.
          </div>
          <div class="modal-footer working">
            <span class="cor-loader-inline"></span> Waiting for container to restart...
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->


  </div> <!-- /page-content -->
</div>