Add UI for a pull command box. ZeroClipboard will come next.

static/css/quay.css

@@ -41,6 +41,7 @@ p.editable:hover .glyphicon {
 
 .repo .header {
   margin-bottom: 10px;
+  position: relative;
 }
 
 .repo .description {
@@ -54,3 +55,23 @@ p.editable:hover .glyphicon {
 .repo dl.dl-horizontal dd {
     margin-left: 80px;
 }
+
+.repo .header h3 {
+  display: inline-block;
+}
+
+.repo .pull-command {
+  float: right;
+  display: inline-block;
+}
+
+.repo .pull-command {
+  font-size: 1.2em;
+}
+
+.repo .pull-command input {
+  color: #666;
+  padding: 4px;
+  border: 1px solid #ddd;
+  width: 300px;
+}

static/partials/view-repo.html

@@ -7,12 +7,18 @@
   <div class="header">
     <h3>
       <span class="glyphicon glyphicon-hdd"></span> <span style="color: #aaa;"> {{repo.namespace}}</span> <span style="color: #ccc">/</span> {{repo.name}}
-    </h3>
+    </h3>   
+
+    <!-- Pull command -->
+    <div class="pull-command">
+      Get this repository: <input type="text" value="{{ 'docker pull quay.io/' + repo.namespace + '/' + repo.name }}" readonly>
+    </div>
   </div>
 
   <!-- Description -->
   <p ng-class="'description lead ' + (repo.can_write ? 'editable' : 'noteditable')" ng-click="editDescription()"><span class="content">{{repo.description}}</span><span class="glyphicon glyphicon-pencil"></span></p>
 
+
   <!-- Tab bar -->
   <ul class="nav nav-tabs">
   <li>