From cb592dd5a34d44fa1c3129b69af3193c89e9d673 Mon Sep 17 00:00:00 2001
From: Jimmy Zelinskie <jimmy.zelinskie@coreos.com>
Date: Mon, 23 Feb 2015 15:35:07 -0500
Subject: [PATCH] partials: wrap repo-list in new layout container

---
 static/partials/repo-list.html | 139 ++++++++++++++++++---------------
 1 file changed, 74 insertions(+), 65 deletions(-)

diff --git a/static/partials/repo-list.html b/static/partials/repo-list.html
index f0fd45aae..282b5e15f 100644
--- a/static/partials/repo-list.html
+++ b/static/partials/repo-list.html
@@ -1,72 +1,81 @@
-<!-- The user is not logged in -->
-<div ng-if="user.anonymous" class="cor-container signin-container">
-
-  <!-- Sign In -->
-  <div class="row">
-    <div class="col-sm-6 col-sm-offset-3">
-      <div class="empty-primary-msg">You must be signed in to view repositories.</div>
-      <div class="user-setup" redirect-url="redirectUrl"></div>
-    </div>
+<div class="page-content">
+  <div class="cor-title">
+    <span class="cor-title-link"></span>
+    <span class="cor-title-content">Experiment: New Layout</span>
   </div>
+  <div class="co-main-content-panel">
+    <!-- The user is not logged in -->
+    <div ng-if="user.anonymous" class="cor-container signin-container">
 
-</div>
-
-<!-- The user is logged in -->
-<div class="row" ng-if="!user.anonymous">
-
-  <!-- Side Panel -->
-  <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">
-    <!-- Create Repository Button -->
-    <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>
-
-    <!-- Users Panel -->
-    <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>
-
-    <!-- Organizations Panel -->
-    <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>
+      <!-- Sign In -->
+      <div class="row">
+        <div class="col-sm-6 col-sm-offset-3">
+          <div class="empty-primary-msg">You must be signed in to view repositories.</div>
+          <div class="user-setup" redirect-url="redirectUrl"></div>
         </div>
       </div>
+
+    </div>
+
+    <!-- The user is logged in -->
+    <div class="row" ng-if="!user.anonymous">
+
+      <!-- Side Panel -->
+      <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">
+        <!-- Create Repository Button -->
+        <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>
+
+        <!-- Users Panel -->
+        <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>
+
+        <!-- Organizations Panel -->
+        <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>
+
+      <!-- Repository Listings -->
+      <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">
+        <!-- Starred Repository Listing -->
+        <div class="repo-list-grid" repositories="starred_repositories.value" starred="true" toggle-star="toggleStar(repository)"></div>
+
+        <!-- User and Org Repository Listings -->
+        <div ng-repeat="namespace in namespaces">
+          <div class="repo-list-grid" repositories="namespace.repositories.value" starred="false" user="user" namespace="namespace" toggle-star="toggleStar(repository)"></div>
+        </div>
+      </div>
+
     </div>
   </div>
-
-  <!-- Repository Listings -->
-  <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">
-    <!-- Starred Repository Listing -->
-    <div class="repo-list-grid" repositories="starred_repositories.value" starred="true" toggle-star="toggleStar(repository)"></div>
-
-    <!-- User and Org Repository Listings -->
-    <div ng-repeat="namespace in namespaces">
-      <div class="repo-list-grid" repositories="namespace.repositories.value" starred="false" user="user" namespace="namespace" toggle-star="toggleStar(repository)"></div>
-    </div>
-  </div>
-
 </div>
+