quay/static/partials/view-repo.html

<div class="container" ng-show="!loading && !repo">
  No repository found
</div>

<div class="loading" ng-show="loading">
  <div class="spin"></div>
</div>

<div class="container repo" ng-show="!loading && repo">
  <!-- Repo Header -->
  <div class="header">
    <h3>
      <span class="icon-container">
        <i class="icon-lock icon-large" ng-show="!repo.is_public" title="Private Repository"></i>
        <i class="icon-hdd icon-large"></i>
      </span>

      <span style="color: #aaa;"> {{repo.namespace}}</span> <span style="color: #ccc">/</span> {{repo.name}}

      <span class="settings-cog" ng-show="repo.can_admin" title="Repository Settings">
        <a href="{{ '#/repository/' + repo.namespace + '/' + repo.name + '/admin' }}">
          <i class="icon-cog icon-large"></i>
        </a>
      </span>
    </h3>   

    <!-- Pull command -->
    <div class="pull-command">
      Get this repository: 

      <div class="pull-container">
        <div class="input-group">
          <input id="pull-text" type="text" class="form-control" value="{{ 'docker pull quay.io/' + repo.namespace + '/' + repo.name }}" readonly>
          <span id="copyClipboard" class="input-group-addon" title="Copy to Clipboard" data-clipboard-target="pull-text">
            <i class="icon-copy"></i>
          </span>
        </div>
      </div>

      <div id="clipboardCopied" style="display: none">
        Copied to clipboard
      </div>
    </div>
  </div>


  <!-- Description -->
  <p ng-class="'description lead ' + (repo.can_write ? 'editable' : 'noteditable')" ng-click="editDescription()">
    <span class="content" ng-bind-html-unsafe="getMarkedDown(repo.description)"></span>
    <i class="icon-edit"></i>
  </p>

  <div class="repo-content" ng-show="!currentTag.image">
    <div class="empty-message">(This repository is empty)</div>
  </div>

  <div class="repo-content" ng-show="currentTag.image">
    <!-- Tab bar -->
    <ul class="nav nav-tabs">
      <li>
	<span class="tag-dropdown dropdown" title="Tags">
          <i class="icon-bookmark"></i>
          <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">{{currentTag.name}} <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li ng-repeat="tag in repo.tags">
              <a href="{{ '#/repository/' + repo.namespace + '/' + repo.name + '/tag/' + tag.name }}">{{tag.name}}</a>
            </li>
          </ul>
	</span>
      </li>
      <li id="current-image-tab" class="active" ng-click="showTab('current-image')"><a href="javascript:void(0)">Current Image</a></li>
      <li id="image-history-tab" ng-click="showTab('image-history')"><a href="javascript:void(0)">Image History</a></li>
    </ul>

    <div id="current-image">
      <dl class="dl-horizontal">
	<dt>Created</dt>
	<dd am-time-ago="parseDate(currentTag.image.created)"></dd>
	<dt>ID</dt>
	<dd>{{ currentTag.image.id }}</dd>
      </dl>

      <div ng-show="currentTag.image.comment">
	<strong>Description:</strong>
	<blockquote style="margin-top: 10px;" ng-bind-html-unsafe="getMarkedDown(currentTag.image.comment)">
	</blockquote>
      </div>
    </div>

    <div id="image-history" style="display: none">
      <div ng-hide="imageHistory">
	<div class="spin"></div>
      </div>

      <div ng-show="imageHistory">
	<table class="images">
          <thead>
            <tr>
              <td>ID</td>
              <td>Created</td>
              <td>Comment</td>
            </tr>
          </thead>
        
          <tr ng-repeat="image in imageHistory">
            <td class="image-id" title="{{ image.id }}">{{ image.id }}</td>
            <td><span am-time-ago="parseDate(image.created)"></span></td>
            <td ng-bind-html-unsafe="getCommentFirstLine(image.comment)"></td>
          </tr>	  
	</table>
      </div>
    </div>
  </div>

  <!-- Modal edit for the description -->
  <div class="modal fade" id="editModal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Edit Repository Description</h4>
        </div>
        <div class="modal-body">
          <div class="wmd-panel">
            <div id="wmd-button-bar-description"></div>	    
            <textarea class="wmd-input" id="wmd-input-description" placeholder="Enter description">{{ repo.description }}</textarea>
          </div>

          <div id="wmd-preview-description" class="wmd-panel wmd-preview"></div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary" ng-click="saveDescription()">Save changes</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
  
</div>