quay/static/js/directives/ui/app-public-view/app-public-view.component.html

<div class="app-public-view-element">
  <div class="co-main-content-panel">
    <div class="app-row">
      <!-- Main panel -->
      <div class="col-md-9 main-content">
        <!-- App Header -->
        <div class="app-header">
          <a href="https://coreos.com/blog/quay-application-registry-for-kubernetes.html" class="hidden-xs hidden-sm" style="float: right; padding: 6px;" ng-safenewtab><i class="fa fa-info-circle" style="margin-right: 6px;"></i>Learn more about applications</a>
          <h3><i class="fa ci-appcube"></i>{{ $ctrl.repository.namespace }}/{{ $ctrl.repository.name }}</h3>
        </div>

        <!-- Tabs -->
        <ul class="co-top-tab-bar">
          <li class="co-top-tab" ng-class="$ctrl.currentTab == 'description' ? 'active': ''" ng-click="$ctrl.showTab('description')">
            Description
          </li>
          <li class="co-top-tab" ng-class="$ctrl.currentTab == 'channels' ? 'active': ''" ng-click="$ctrl.showTab('channels')">
            Channels
          </li>
          <li class="co-top-tab" ng-class="$ctrl.currentTab == 'releases' ? 'active': ''" ng-click="$ctrl.showTab('releases')">
            Releases
          </li>
          <li class="co-top-tab" ng-class="$ctrl.currentTab == 'settings' ? 'active': ''" ng-click="$ctrl.showTab('settings')"
              ng-if="$ctrl.repository.can_admin">
            Settings
          </li>
        </ul>

        <div class="tab-content">
          <div ng-show="$ctrl.currentTab == 'description'">
            <div class="description markdown-input"
             content="$ctrl.repository.description"
             can-write="$ctrl.repository.can_write"
             content-changed="$ctrl.updateDescription"
             field-title="'application description'">
            </div>
          </div>

          <div ng-show="$ctrl.currentTab == 'channels'">
            <div ng-show="!$ctrl.repository.channels.length && $ctrl.repository.can_write">
              <h3>No channels found for this application</h3>
              <br>
              <p>
                To push a new channel (from within the Helm package directory and with the <a href="https://coreos.com/apps" ng-safenewtab>Helm registry plugin</a> installed):
<pre class="command">
helm registry push --namespace {{ $ctrl.repository.namespace }} --channel {channelName} {{ $ctrl.Config.SERVER_HOSTNAME }}
</pre>
              </p>
            </div>

            <div ng-show="$ctrl.repository.channels.length || !$ctrl.repository.can_write">
              <cor-table table-data="$ctrl.repository.channels" table-item-title="channels" filter-fields="['name']">
                <cor-table-col datafield="name" sortfield="name" title="Name"
                               templateurl="/static/js/directives/ui/app-public-view/channel-name.html"></cor-table-col>
                <cor-table-col datafield="release" sortfield="release" title="Current Release"></cor-table-col>
                <cor-table-col datafield="last_modified" sortfield="last_modified" title="Last Modified"
                               selected="true" dataKind="datetime"
                               templateurl="/static/js/directives/ui/app-public-view/last-modified.html"></cor-table-col>
              </cor-table>
            </div>
          </div> <!-- /channels -->

          <div ng-show="$ctrl.currentTab == 'releases'">
            <div ng-show="!$ctrl.repository.releases.length && $ctrl.repository.can_write">
              <h3>No releases found for this application</h3>
              <br>
              <p>
                To push a new release (from within the Helm package directory and with the <a href="https://coreos.com/apps" ng-safenewtab>Helm registry plugin</a> installed):
<pre class="command">
helm registry push --namespace {{ $ctrl.repository.namespace }} {{ $ctrl.Config.SERVER_HOSTNAME }}
</pre>
              </p>
            </div>

            <div ng-show="$ctrl.repository.releases.length || !$ctrl.repository.can_write">
              <cor-table table-data="$ctrl.repository.releases" table-item-title="releases" filter-fields="['name']">
                <cor-table-col datafield="name" sortfield="name" title="Name"></cor-table-col>
                <cor-table-col datafield="last_modified" sortfield="last_modified"
                               title="Created"
                               selected="true" dataKind="datetime"
                               templateurl="/static/js/directives/ui/app-public-view/last-modified.html"></cor-table-col>
                <cor-table-col datafield="channels" title="Channels"
                               templateurl="/static/js/directives/ui/app-public-view/channels-list.html"></cor-table-col>
              </cor-table>
            </div>
          </div> <!-- /releases -->

          <div ng-show="$ctrl.currentTab == 'settings'" ng-if="$ctrl.repository.can_admin">
            <div class="repo-panel-settings" repository="$ctrl.repository" is-enabled="$ctrl.settingsShown"></div>
          </div>
        </div>
      </div>

      <!-- Side bar -->
      <div class="col-md-3 side-bar">
        <div>
          <visibility-indicator repository="$ctrl.repository"></visibility-indicator>
        </div>
        <div ng-if="$ctrl.repository.is_public">{{ $ctrl.repository.namespace }} is sharing this application publicly</div>
        <div ng-if="!$ctrl.repository.is_public">This application is private and only visible to those with permission</div>

        <div class="sidebar-table" ng-if="$ctrl.repository.channels.length">
          <h4>Latest Channels</h4>
          <cor-table table-data="$ctrl.repository.channels" table-item-title="channels" filter-fields="['name']" compact="true" max-display-count="3">
            <cor-table-col datafield="name" sortfield="name" title="Name"
                           templateurl="/static/js/directives/ui/app-public-view/channel-name.html"></cor-table-col>
            <cor-table-col datafield="release" sortfield="release" title="Current Release"></cor-table-col>
          </cor-table>
        </div>

        <div class="sidebar-table" ng-if="$ctrl.repository.releases.length">
          <h4>Latest Releases</h4>
          <cor-table table-data="$ctrl.repository.releases" table-item-title="releases" filter-fields="['name']" compact="true" max-display-count="3">
            <cor-table-col datafield="name" sortfield="name" title="Name"></cor-table-col>
            <cor-table-col datafield="last_modified" sortfield="last_modified"
                           title="Created"
                           selected="true" dataKind="datetime"
                           templateurl="/static/js/directives/ui/app-public-view/last-modified.html"></cor-table-col>
          </cor-table>
        </div>
      </div>
    </div>
  </div>
</div>