Start on updated repo list view

static/css/core-ui.css

@@ -50,6 +50,22 @@
   text-align: center;
 }
 
+.co-nav-title .co-nav-title-action {
+  display: block;
+  color: white;
+  text-align: center;
+  line-height: 70px;
+  font-size: 18px;
+}
+
+.co-nav-title .co-nav-title-action a {
+  color: white;
+}
+
+.co-nav-title .co-nav-title-action .fa {
+  margin-right: 6px;
+}
+
 .co-tab-container {
   padding: 0px;
 }

static/directives/cor-title-action.html

@@ -0,0 +1,3 @@
+<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
+  <span class="co-nav-title-action co-fx-text-shadow" ng-transclude></span>
+</div>

static/js/core-ui.js

@@ -120,6 +120,20 @@ angular.module("core-ui", [])
     return directiveDefinitionObject;
   })
 
+  .directive('corTitleAction', function() {
+    var directiveDefinitionObject = {
+      priority: 1,
+      templateUrl: '/static/directives/cor-title-action.html',
+      replace: true,
+      transclude: true,
+      restrict: 'C',
+      scope: {},
+      controller: function($rootScope, $scope, $element) {
+      }
+    };
+    return directiveDefinitionObject;
+  })
+
   .directive('corTitleContent', function() {
     var directiveDefinitionObject = {
       priority: 1,

static/partials/repo-list.html

@@ -2,80 +2,52 @@
   <div class="cor-title">
     <span class="cor-title-link"></span>
     <span class="cor-title-content">Repositories</span>
+    <span class="cor-title-action" ng-if="!user.anonymous">
+      <a href="/new/">
+          <i class="fa fa-plus" data-title="Create new repository"></i>
+          Create New Repository
+      </a>
+    </span>
   </div>
-  <div class="co-main-content-panel">
+  <div class="co-main-content-panel" ng-if="user.anonymous" >
     <!-- The user is not logged in -->
-    <div ng-if="user.anonymous" class="cor-container signin-container">
+    <div class="cor-container signin-container row">
 
       <!-- Sign In -->
-      <div class="row">
+      <div class="col-sm-6 col-sm-offset-3">
-        <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="empty-primary-msg">You must be signed in to view repositories.</div>
+        <div class="user-setup" redirect-url="redirectUrl"></div>
-          <div class="user-setup" redirect-url="redirectUrl"></div>
-        </div>
       </div>
-
     </div>
+  </div>
+
+    <div class="cor-tab-panel" ng-if="!user.anonymous" >
+      <div class="cor-tabs">
+        <li class="cor-tab"><i class="fa fa-star starred"></i></li>
+        <li class="cor-tab" ng-repeat="namespace in namespaces">
+          <span class="avatar" size="36" hash="namespace.avatar"></span>
+        </li>
+
+      </div> <!-- /cor-tabs -->
+
+      <div class="cor-tab-content">
 
     <!-- The user is logged in -->
-    <div class="row" ng-if="!user.anonymous">
+    <div ng-if="!user.anonymous">
 
-      <!-- Side Panel -->
+      <!-- Starred Repository Listing -->
-      <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">
+      <div class="repo-list-grid" repositories="starred_repositories.value" starred="true" toggle-star="toggleStar(repository)"></div>
-        <!-- 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 -->
+      <!-- User and Org Repository Listings -->
-        <div class="panel panel-default">
+      <div ng-repeat="namespace in namespaces">
-          <div class="panel-heading">
+        <div class="repo-list-grid" repositories="namespace.repositories.value" starred="false" user="user" namespace="namespace" toggle-star="toggleStar(repository)"></div>
-            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>
+    </div>
+
   </div>
 </div>