quay/static/partials/repo-view.html

<div class="resource-view repository-view"
     resource="repositoryResource"
     error-message="'Repository not found'">
  <div class="page-content">
    <!-- New Public Repo Page experiment -->
    <div ng-if="newRepoExperiment" class="rp-mainPanel">
      <!-- React Components -->
      <div class="rp-main col-md-8">
        <!-- Header -->
        <div class="rp-header">
          <rp-header name="repository.name" namespace="repository.namespace"></rp-header>
        </div>
        <!-- Body -->
        <div>
          <rp-body description="repository.description" repository="repository"></rp-body>
        </div>
      </div>
      <!-- Sidebar -->
      <div class="rp-sidebar col-md-4">
        <rp-sidebar is-public="repository.is_public" tags="repository.tags" repository="repository"></rp-sidebar>
      </div>
    </div>
    <!-- Old Repo Page -->
    <div ng-if="!newRepoExperiment">
      <div class="cor-title">
        <span class="cor-title-link">
          <a class="back-link" href="/repository">
            Repositories
          </a>
        </span>
        <span class="cor-title-content">
          <span class="repo-circle no-background hidden-xs" repo="viewScope.repository"></span>
          {{ namespace }} / {{ name }}
          <span class="repo-star hidden-xs" repository="viewScope.repository" ng-if="!user.anonymous"></span>
        </span>
      </div>

      <cor-tab-panel>
        <cor-tabs>
          <cor-tab tab-title="Information" tab-id="info"
                   tab-init="showInfo()">
            <i class="fa fa-info-circle"></i>
          </cor-tab>

          <cor-tab tab-title="Tags" tab-id="tags" id="tagsTab"
                   tab-init="showTags()">
            <i class="fa fa-tags"></i>
          </cor-tab>

          <cor-tab tab-title="Tag History" tab-id="history" id="tagHistoryTab"
                   tab-init="showHistory()">
            <i class="fa fa-history"></i>
          </cor-tab>

          <cor-tab tab-title="Builds" tab-id="builds" id="buildsTab"
                   tab-init="showBuilds()"
                   quay-show="viewScope.repository.can_write && Features.BUILD_SUPPORT">
            <i class="fa fa-tasks"></i>
          </cor-tab>

          <!-- Admin Only Tabs -->
          <cor-tab tab-title="Usage Logs" tab-id="logs" tab-init="showLogs()"
                   ng-show="viewScope.repository.can_admin">
            <i class="fa fa-bar-chart"></i>
          </cor-tab>

          <cor-tab tab-title="Settings" tab-id="settings" id="settingsTab"
                   tab-init="showSettings()"
                   ng-show="viewScope.repository.can_admin">
            <i class="fa fa-gear"></i>
          </cor-tab>
        </cor-tabs>

        <cor-tab-content>
          <!-- Information -->
          <cor-tab-pane id="info">
            <div class="repo-panel-info"
                 repository="viewScope.repository"
                 builds="viewScope.builds"
                 is-enabled="infoShown"></div>
          </cor-tab-pane>

          <!-- Tags -->
          <cor-tab-pane id="tags">
            <div class="repo-panel-tags"
                 repository="viewScope.repository"
                 image-loader="viewScope.imageLoader"
                 selected-tags="viewScope.selectedTags"
                 history-filter="viewScope.historyFilter"
                 is-enabled="tagsShown"></div>
          </cor-tab-pane>

          <!-- Tag History -->
          <cor-tab-pane id="history">
            <h3 class="tab-header">Tag History</h3>
            <div class="repo-tag-history"
                 repository="viewScope.repository"
                 filter="viewScope.historyFilter"
                 image-loader="viewScope.imageLoader"
                 is-enabled="historyShown"></div>
          </cor-tab-pane>

          <!-- Builds -->
          <cor-tab-pane id="builds">
            <div class="repo-panel-builds"
                 repository="viewScope.repository"
                 builds="viewScope.builds"
                 is-enabled="buildsShown"></div>
          </cor-tab-pane>

          <!-- Usage Logs -->
          <cor-tab-pane id="logs" ng-if="viewScope.repository.can_admin">
            <div class="logs-view" repository="viewScope.repository" makevisible="logsShown"></div>
          </cor-tab-pane>

          <!-- Settings -->
          <cor-tab-pane id="settings" ng-if="viewScope.repository.can_admin">
            <div class="repo-panel-settings" repository="viewScope.repository"
                 is-enabled="settingsShown"></div>
          </cor-tab-pane>
        </cor-tab-content>
      </cor-tabs>
    </cor-tab-panel>
  </div>
</div>