From 68cc25b1971689bf6a224455cbe7450d0579a38b Mon Sep 17 00:00:00 2001
From: Joseph Schorr <jschorr@gmail.com>
Date: Thu, 26 Sep 2013 18:21:29 -0400
Subject: [PATCH] Add UI for a pull command box. ZeroClipboard will come next.

---
 static/css/quay.css            | 21 +++++++++++++++++++++
 static/partials/view-repo.html |  8 +++++++-
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/static/css/quay.css b/static/css/quay.css
index 38d6681e9..fbc8008d2 100644
--- a/static/css/quay.css
+++ b/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;
+}
\ No newline at end of file
diff --git a/static/partials/view-repo.html b/static/partials/view-repo.html
index 79f9e55e1..4af8990bd 100644
--- a/static/partials/view-repo.html
+++ b/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>