quay/static/partials/repo-list.html

<div ng-if="user.anonymous" class="container signin-container">
  <div class="row">
    <div class="col-sm-6 col-sm-offset-3">
        <div class="empty-primary-msg">You must be signed in to view repositories. </div>
      <div class="user-setup" redirect-url="redirectUrl"></div>
    </div>
  </div>
</div>
</div>
<div class="row" ng-if="!user.anonymous">
  <div class="repo-list-sidebar col-lg-3 col-lg-push-9 col-md-3 col-md-push-9 col-sm-4 col-sm-push-8 col-xs-12">
    <div class="button-bar-right">
      <a href="/new/">
        <button class="btn btn-success">
          <i class="fa fa-upload user-tool" data-title="Create new repository"></i>
          Create Repository
        </button>
      </a>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading">
        Users
      </div>
      <div class="panel-body">
        <a href="javascript:void(0)">
          <span class="avatar" size="24" hash="user.avatar"></span>
          {{ user.username }}
        </a>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading">
        Organizations
      </div>
      <div class="panel-body">
        <div ng-repeat="org in user.organizations">
          <a href="/organization/{{ org.name }}">
            <span class="avatar" size="24" hash="org.avatar"></span>
            {{ org.name }}
          </a>
          <a href="/organization/{{ org.name }}/admin">
            <i class="fa fa-gear" style="color:#000"></i>
          </a>
        </div>
      </div>
    </div>
  </div>

  <div class="col-lg-9 col-lg-pull-3 col-md-9 col-md-pull-3 col-sm-8 col-sm-pull-4 col-xs-12">
    <div class="resource-view" resource="starred_repositories">
      <div class="repo-listing">
        <div class="repo-list-title">
          <i class="fa fa-star"></i>
          Starred
        </div>
        <div>
          <div class="row">
            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12" ng-repeat="repository in starred_repositories.value">
              <div class="panel panel-default">
                <div class="panel-body starred">
                  <div class="row">
                    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 repo-panel-title-row">
                      <span class="repo-icon repo-circle no-background" repo="repository"></span>
                      <a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}" class="repo-panel-repo-link"
                         data-repo="{{repository.namespace}}/{{ repository.name }}" title="{{repository.namespace}}/{{repository.name}}">
                         {{repository.namespace }}/{{ repository.name }}
                      </a>
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                      <i class="star-icon starred fa fa-star" ng-click="toggleStar(repository)"></i>
                    </div>
                  </div>
                  <!-- The description automatically gets put in a <p> which adds margin that throws off our .repo-panel padding -->
                  <div class="description markdown-view" content="repository.description" first-line-only="true"></div>
                </div>
              </div>
            </div>
          </div>
        <div ng-show="starred_repositories.value.length == 0">
          <div class="empty-primary-msg">You haven't starred any repositories yet.</div>
          <div class="empty-secondary-msg">Stars allow you to easily access your favorite repositories.</div>
        </div>
          <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
              <hr>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Repo listings for User and Orgs -->
    <div ng-repeat="namespace in namespaces">
      <div class="resource-view" resource="namespace">
        <div class="repo-listing">
          <div class="repo-list-title" ng-show="user.username == namespace.username">
            <span class="avatar" size="24" hash="namespace.avatar"></span>
            {{ namespace.username }}
          </div>
          <div class="repo-list-title" ng-show="user.username != namespace.username">
            <span class="avatar" size="24" hash="namespace.avatar"></span>
            <a href="/organization/{{ namespace.name }}">{{ namespace.name }}</a>
          </div>
            <div ng-show="namespace.repositories.value.length > 0">
              <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12" ng-repeat="repository in namespace.repositories.value">
                  <div class="panel panel-default">
                    <div class="panel-body" ng-class="repository.is_starred ? 'starred' : ''">
                      <div class="row">
                        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 repo-panel-title-row">
                          <span class="repo-icon repo-circle no-background" repo="repository"></span>
                          <a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}" class="repo-panel-repo-link"
                             data-repo="{{repository.namespace}}/{{ repository.name }}">
                             {{ repository.namespace }}/{{ repository.name }}
                          </a>
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                          <i ng-class="repository.is_starred ? 'starred fa fa-star' : 'fa fa-star-o'" class="star-icon" ng-click="toggleStar(repository)"></i>
                        </div>
                      </div>
                    <div class="description markdown-view" content="repository.description" first-line-only="true"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div ng-show="namespace.repositories.value.length == 0">
            <div class="empty-primary-msg">This namespace doesn't have any viewable repositories.</div>
            <div class="empty-secondary-msg">Either no repositories exist yet or you may not have permission to view any. If you have permission, try <a href="/new">creating a new repository</a>.</div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
          <hr>
        </div>
      </div>
    </div>
  </div>
</div>