quay/static/partials/repo-list.html

<div class="row">
  <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="unstarRepo(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">
            <i class="fa fa-user"></i>
            {{ namespace.username }}
          </div>
          <div class="repo-list-title" ng-show="user.username != namespace.username">
            <i class="fa fa-sitemap"></i>
            <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-if="repository.is_starred" class="star-icon starred fa fa-star" ng-click="unstarRepo(repository)"></i>
                        <i ng-if="!repository.is_starred" class="star-icon fa fa-star-o" ng-click="starRepo(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 ng-show="namespace.value.length == 0">
              <div class="empty-primary-msg">This namespace doesn't have any viewable repositories.</div>
              <div class="empty-secondary-msg">You may be seeing this because you do not have permission to view any repositories. If you have permission, try <a href="/new">creating a new repository</a>.</div>
            </div>

            <!-- User/Org has no repositories -->
            <div ng-show="namespace.repositories.value.length == 0" style="padding:20px;">
              <div class="alert alert-info">
                <h4 ng-show="namespace == user.username">You don't have any repositories yet!</h4>
                <h4 ng-show="namespace != user.username">This organization doesn't have any repositories, or you have not been provided access.</h4>
                <a href="http://docs.quay.io/solution/getting-started.html"><b>Click here</b> to learn how to create a repository</a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <hr>
      </div>
    </div>
  </div>
</div>