From 2afb8c85b19c291e6c2260c99c9bff710058516d Mon Sep 17 00:00:00 2001
From: Joseph Schorr <jschorr@gmail.com>
Date: Thu, 24 Oct 2013 18:13:24 -0400
Subject: [PATCH] Get the new repo page ready for wiring

---
 static/css/quay.css           | 30 ++++++++++++++++++++++++++++++
 static/partials/header.html   |  4 ++--
 static/partials/new-repo.html | 14 +++++++++-----
 3 files changed, 41 insertions(+), 7 deletions(-)

diff --git a/static/css/quay.css b/static/css/quay.css
index 8783e18b1..f1082c8dc 100644
--- a/static/css/quay.css
+++ b/static/css/quay.css
@@ -2,6 +2,18 @@
   font-family: 'Droid Sans', sans-serif;
 }
 
+.user-tools .user-tool {
+  font-size: 24px;
+  margin-top: 14px;
+  color: black;
+}
+
+.user-tools i.user-tool:hover {
+  cursor: pointer;
+  color: #428bca;
+}
+
+
 .repo-circle {
   position: relative;
   background: #eee;
@@ -134,6 +146,24 @@
   margin: 10px;
 }
 
+.new-repo .initialize-repo {
+  margin: 10px;
+  margin-top: 16px;
+  margin-left: 20px;
+  padding: 10px;
+  border: 1px dashed #ccc;
+}
+
+.new-repo .initialize-repo .init-description {
+  color: #444;
+  font-size: 12px;
+  text-align: center;
+}
+
+.new-repo .initialize-repo .file-drop {
+  margin: 10px;
+}
+
 .user-guide h3 {
   margin-bottom: 20px;
 }
diff --git a/static/partials/header.html b/static/partials/header.html
index 1ff5bd1b6..5ddca4e88 100644
--- a/static/partials/header.html
+++ b/static/partials/header.html
@@ -27,8 +27,8 @@
       </div>
     </form>
     
-    <span class="navbar-left" ng-show="!user.anonymous">
-      <i class="icon-plus-circle"></i>
+    <span class="navbar-left user-tools" ng-show="!user.anonymous">
+      <a href="/new/"><i class="fa fa-upload user-tool" title="Create new repository"></i></a>
     </span>
 
     <li class="dropdown" ng-switch-when="false">
diff --git a/static/partials/new-repo.html b/static/partials/new-repo.html
index 71159bbc4..bc6c8becb 100644
--- a/static/partials/new-repo.html
+++ b/static/partials/new-repo.html
@@ -16,7 +16,7 @@
         <strong>Description:</strong><br>
         <p class="description lead editable" ng-click="editDescription()">
           <span class="content" ng-bind-html-unsafe="getMarkedDown(repo.description)"></span>
-          <i class="icon-edit"></i>
+          <i class="fa fa-edit"></i>
         </p>
       </div>
     </div>
@@ -29,7 +29,7 @@
       <div class="section">
         <div class="repo-option">
           <input type="radio" id="publicrepo" name="publicorprivate" ng-model="repo.is_public" value="1">
-          <i class="icon-unlock icon-large" title="Public Repository"></i>
+          <i class="fa fa-unlock fa-large" title="Public Repository"></i>
           
           <div class="option-description">
             <label for="publicrepo">Public</label>
@@ -38,7 +38,7 @@
         </div>
         <div class="repo-option">
           <input type="radio" id="privaterepo" name="publicorprivate" ng-model="repo.is_public" value="0">
-          <i class="icon-lock icon-large" title="Private Repository"></i>
+          <i class="fa fa-lock fa-large" title="Private Repository"></i>
           
           <div class="option-description">
             <label for="privaterepo">Private</label>
@@ -60,8 +60,12 @@
           <span class="description-text">Automatically populate your repository with a new image constructed from a Dockerfile</span>
         </div>
 
-        <div ng-show="repo.initialize">
-          Initialize
+        <div class="initialize-repo" ng-show="repo.initialize">
+          <div class="init-description">
+            Upload a Dockerfile or a zip file containing a Dockerfile <b>in the root directory</b>
+          </div>
+
+          <input class="file-drop" type="file">
         </div>
       </div>
     </div>