- Switch font to Source Sans Pro, like CoreUpdate

- Add support for the new cor-tabs
- Add support for title-based layouts
- Switch super user layout to the new tabs UI in prep for adding setup support

static/js/app.js

@@ -126,7 +126,7 @@ function getMarkedDown(string) {
 
 quayDependencies = ['ngRoute', 'chieffancypants.loadingBar', 'angular-tour', 'restangular', 'angularMoment',
                     'mgcrea.ngStrap', 'ngCookies', 'ngSanitize', 'angular-md5', 'pasvaz.bindonce', 'ansiToHtml',
-                    'ngAnimate'];
+                    'ngAnimate', 'core-ui'];
 
 if (window.__config && window.__config.MIXPANEL_KEY) {
   quayDependencies.push('angulartics');
@@ -2226,7 +2226,7 @@ quayApp = angular.module('quay', quayDependencies, function($provide, cfpLoading
       when('/user/', {title: 'Account Settings', description:'Account settings for ' + title, templateUrl: '/static/partials/user-admin.html',
                       reloadOnSearch: false, controller: UserAdminCtrl}).
       when('/superuser/', {title: 'Superuser Admin Panel', description:'Admin panel for ' + title, templateUrl: '/static/partials/super-user.html',
-                           reloadOnSearch: false, controller: SuperUserAdminCtrl}).
+                           reloadOnSearch: false, controller: SuperUserAdminCtrl, newLayout: true}).
       when('/guide/', {title: 'Guide', description:'Guide to using private docker repositories on ' + title,
                        templateUrl: '/static/partials/guide.html',
                        controller: GuideCtrl}).
@@ -6690,6 +6690,7 @@ quayApp.directive('ngBlur', function() {
   };
 });
 
+
 quayApp.directive("filePresent", [function () {
   return {
     restrict: 'A',
@@ -6763,7 +6764,6 @@ quayApp.run(['$location', '$rootScope', 'Restangular', 'UserService', 'PlanServi
 
   var changeTab = function(activeTab, opt_timeout) {
     var checkCount = 0;
-
     $timeout(function() {
       if (checkCount > 5) { return; }
       checkCount++;
@@ -6827,6 +6827,8 @@ quayApp.run(['$location', '$rootScope', 'Restangular', 'UserService', 'PlanServi
       $rootScope.pageClass = current.$$route.pageClass;
     }
 
+    $rootScope.newLayout = !!current.$$route.newLayout;
+
     if (current.$$route.description) {
       $rootScope.description = current.$$route.description;
     } else {
@@ -6842,26 +6844,28 @@ quayApp.run(['$location', '$rootScope', 'Restangular', 'UserService', 'PlanServi
 
     // Setup deep linking of tabs. This will change the search field of the URL whenever a tab
     // is changed in the UI.
-    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
-      var tabName = e.target.getAttribute('data-target').substr(1);
-      $rootScope.$apply(function() {
-        var isDefaultTab = $('a[data-toggle="tab"]')[0] == e.target;
-        var newSearch = $.extend($location.search(), {});
-        if (isDefaultTab) {
-          delete newSearch['tab'];
-        } else {
-          newSearch['tab'] = tabName;
-        }
+    $timeout(function() {
+      $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+        var tabName = e.target.getAttribute('data-target').substr(1);
+        $rootScope.$apply(function() {
+          var isDefaultTab = $('a[data-toggle="tab"]')[0] == e.target;
+          var newSearch = $.extend($location.search(), {});
+          if (isDefaultTab) {
+            delete newSearch['tab'];
+          } else {
+            newSearch['tab'] = tabName;
+          }
 
-        $location.search(newSearch);
+          $location.search(newSearch);
+        });
+
+        e.preventDefault();
       });
 
-      e.preventDefault();
-    });
-
-    if (activeTab) {
-      changeTab(activeTab);
-    }
+      if (activeTab) {
+        changeTab(activeTab);
+      }
+    }, 100); // 100ms to make sure angular has rendered.
   });
 
   var initallyChecked = false;

static/js/controllers.js

@@ -2831,7 +2831,7 @@ function SuperUserAdminCtrl($scope, ApiService, Features, UserService) {
     }, ApiService.errorDisplay('Cannot load system usage. Please contact support.'))
   }
 
-  $scope.loadLogs = function() {
+  $scope.loadUsageLogs = function() {
     $scope.logsCounter++;
   };
 

static/js/core-ui.js

@@ -0,0 +1,104 @@
+angular.module("core-ui", [])
+
+  .directive('corTitle', function() {
+    var directiveDefinitionObject = {
+      priority: 1,
+      templateUrl: '/static/directives/cor-title.html',
+      replace: true,
+      transclude: true,
+      restrict: 'C',
+      scope: {},
+      controller: function($rootScope, $scope, $element) {
+      }
+    };
+    return directiveDefinitionObject;
+  })
+
+  .directive('corTitleContent', function() {
+    var directiveDefinitionObject = {
+      priority: 1,
+      templateUrl: '/static/directives/cor-title-content.html',
+      replace: true,
+      transclude: true,
+      restrict: 'C',
+      scope: {},
+      controller: function($rootScope, $scope, $element) {
+      }
+    };
+    return directiveDefinitionObject;
+  })
+
+  .directive('corTitleLink', function() {
+    var directiveDefinitionObject = {
+      priority: 1,
+      templateUrl: '/static/directives/cor-title-link.html',
+      replace: true,
+      transclude: true,
+      restrict: 'C',
+      scope: {},
+      controller: function($rootScope, $scope, $element) {
+      }
+    };
+    return directiveDefinitionObject;
+  })
+
+  .directive('corTabPanel', function() {
+    var directiveDefinitionObject = {
+      priority: 1,
+      templateUrl: '/static/directives/cor-tab-panel.html',
+      replace: true,
+      transclude: true,
+      restrict: 'C',
+      scope: {},
+      controller: function($rootScope, $scope, $element) {
+      }
+    };
+    return directiveDefinitionObject;
+  })
+
+  .directive('corTabContent', function() {
+    var directiveDefinitionObject = {
+      priority: 2,
+      templateUrl: '/static/directives/cor-tab-content.html',
+      replace: true,
+      transclude: true,
+      restrict: 'C',
+      scope: {},
+      controller: function($rootScope, $scope, $element) {
+      }
+    };
+    return directiveDefinitionObject;
+  })
+
+ .directive('corTabs', function() {
+    var directiveDefinitionObject = {
+      priority: 3,
+      templateUrl: '/static/directives/cor-tabs.html',
+      replace: true,
+      transclude: true,
+      restrict: 'C',
+      scope: {},
+      controller: function($rootScope, $scope, $element) {
+      }
+    };
+    return directiveDefinitionObject;
+  })
+
+ .directive('corTab', function() {
+    var directiveDefinitionObject = {
+      priority: 4,
+      templateUrl: '/static/directives/cor-tab.html',
+      replace: true,
+      transclude: true,
+      restrict: 'C',
+      scope: {
+        'tabActive': '@tabActive',
+        'tabTitle': '@tabTitle',
+        'tabTarget': '@tabTarget',
+        'tabInit': '&tabInit'
+      },
+      controller: function($rootScope, $scope, $element) {
+      }
+    };
+    return directiveDefinitionObject;
+  });