Restore WebUI breadcrumbs

- Update paths to svg images
 - Restore sections concept
 - Tested with local cluster
This commit is contained in:
Patrick Reilly
2015-05-15 11:18:17 -07:00
parent 967495659b
commit 75d062b89d
23 changed files with 1013 additions and 334 deletions

View File

@@ -15,8 +15,10 @@
'$scope',
'$filter',
'$location',
'menu',
'$rootScope',
function($scope, $filter, $location, $rootScope) {
function($scope, $filter, $location, menu, $rootScope) {
$scope.menu = menu;
$scope.$watch('page', function(newValue, oldValue) {
if (typeof newValue !== 'undefined') {
$location.path(newValue);
@@ -31,7 +33,7 @@
id: 'groupsView'
},
{category: 'dashboard', name: 'Pods', value: '/dashboard/pods', id: 'podsView'},
{category: 'dashboard', name: 'Minions', value: '/dashboard/minions', id: 'minionsView'},
{category: 'dashboard', name: 'Nodes', value: '/dashboard/minions', id: 'minionsView'},
{
category: 'dashboard',
name: 'Replication Controllers',

View File

@@ -1,5 +1,5 @@
{
"description": "The basic kubernetes ui dashboard... ",
"description": "The basic Kubernetes UI dashboard... ",
"routes": [
{
"description": "Dashboard visualization.",
@@ -32,7 +32,7 @@
"templateUrl": "components/dashboard/views/listEvents.html"
},
{
"description": "Minions",
"description": "Nodes",
"url": "/minions",
"templateUrl": "components/dashboard/views/listMinions.html"
},

View File

@@ -3,7 +3,13 @@
<div class="md-toolbar-tools">
<div layout="row" flex class="fill-height">
<div class="md-toolbar-item md-breadcrumb"></div>
<span style="display: inline-block;">Kubernetes</span>
<span ng-if="menu.currentPage.name !== menu.currentSection.name">
<span hide-sm hide-md><a href="#{{menu.currentSection.url}}">{{menu.currentSection.name}}</a></span>
<span class="menu-separator-icon" style="padding: 0 10px;" hide-sm hide-md>
<img style="height: 12px;" src="assets/img/docArrow.png" alt="" aria-hidden="true">
</span>
</span>
<span style="display: inline-block;">{{(menu.currentPage | humanizeDoc) || 'Kubernetes' }}</span>
<span flex></span>
<div class="md-toolbar-item md-tools" layout="row">
<div layout="column" class="selectSubPages">