Route

src/app/view/console/console.html

@@ -1,3 +1,3 @@
 <header top-bar role="banner"></header>
-<main content role="main" ui-view></main>
+<main role="main" ui-view></main>
 <footer bottom-bar></footer>

src/app/view/console/top-bar/navigation/navigation.html

@@ -1,6 +1,6 @@
 <ul>
   <li ng-repeat="menuitem in NavigationCtrl.menu">
-    <a ui-sref="menuitem.href">
+    <a ui-sref="{{ menuitem.href }}">
       {{ menuitem.text }}
     </a>
   </li>

src/plugins/cloud-fondry/cloud-foundry.module.js → src/plugins/cloud-foundry/cloud-foundry.module.js

@@ -8,7 +8,6 @@
       'cloud-foundry.model',
       'cloud-foundry.view'
     ])
-    .constant('cloud-foundry.basePath', env.plugins.cloudFoundry.basePath)
     .run(register);
 
   register.$inject = [
@@ -40,8 +39,8 @@
 
     registerNavigation: function () {
       this.modelManager.retrieve('app.model.navigation')
-        .addMenuItem('applications', 'applications', gettext('Applications'))
-        .addMenuItem('organizations', 'organizations', gettext('Organizations'));
+        .addMenuItem('cf.applications', 'cf.applications', gettext('Applications'))
+        .addMenuItem('cf.organizations', 'cf.organizations', gettext('Organizations'));
     }
   });
 

src/plugins/cloud-foundry/view/applications/applications.html

@@ -0,0 +1 @@
+<h2>Applications</h2>

src/plugins/cloud-foundry/view/applications/applications.module.js

@@ -0,0 +1,22 @@
+(function () {
+  'use strict';
+
+  angular
+    .module('cloud-foundry.view.applications', [])
+    .constant('cloud-foundry.view.applications.basePath',
+              env.plugins.cloudFoundry.basePath + 'view/applications/')
+    .config(registerRoute);
+
+  registerRoute.$inject = [
+    '$stateProvider',
+    'cloud-foundry.view.applications.basePath'
+  ];
+
+  function registerRoute($stateProvider, basePath) {
+    $stateProvider.state('cf.applications', {
+      url: '/applications',
+      templateUrl: basePath + 'applications.html'
+    });
+  }
+
+})();

src/plugins/cloud-foundry/view/organizations/organizations.html

@@ -0,0 +1 @@
+<h2>Organizations</h2>

src/plugins/cloud-foundry/view/organizations/organizations.module.js

@@ -0,0 +1,21 @@
+(function () {
+  'use strict';
+
+  angular
+    .module('cloud-foundry.view.organizations', [])
+    .constant('cloud-foundry.view.organizations.basePath',
+              env.plugins.cloudFoundry.basePath + 'view/organizations/')
+    .config(registerRoute);
+
+  registerRoute.$inject = [
+    '$stateProvider',
+    'cloud-foundry.view.organizations.basePath'
+  ];
+
+  function registerRoute($stateProvider, basePath) {
+    $stateProvider.state('cf.organizations', {
+      url: '/organizations',
+      templateUrl: basePath + 'organizations.html'
+    });
+  }
+})();

src/plugins/cloud-foundry/view/view.html

@@ -0,0 +1,2 @@
+<h1>Cloud Foundry</h1>
+<div ui-view></div>

src/plugins/cloud-foundry/view/view.module.js

@@ -0,0 +1,24 @@
+(function () {
+  'use strict';
+
+  angular
+    .module('cloud-foundry.view', [
+      'cloud-foundry.view.applications',
+      'cloud-foundry.view.organizations'
+    ])
+    .constant('cloud-foundry.view.basePath',
+              env.plugins.cloudFoundry.basePath + 'view/')
+    .config(registerRoute);
+
+  registerRoute.$inject = [
+    '$stateProvider',
+    'cloud-foundry.view.basePath'
+  ];
+
+  function registerRoute($stateProvider, basePath) {
+    $stateProvider.state('cf', {
+      url: 'cf',
+      templateUrl: basePath + 'view.html'
+    });
+  }
+})();

tools/gulp.config.js

@@ -32,6 +32,8 @@ module.exports = function () {
       paths.dist + 'index.module.js',
       paths.dist + 'app/**/*.module.js',
       paths.dist + 'app/**/*.js',
+      paths.dist + 'plugins/**/*.module.js',
+      paths.dist + 'plugins/**/*.js',
       '!' + paths.dist + '**/*.mock.js',
       '!' + paths.dist + '**/*.spec.js'
     ],
@@ -49,7 +51,8 @@ module.exports = function () {
     ],
 
     partials: [
-      paths.src + 'app/**/*.html'
+      paths.src + 'app/**/*.html',
+      paths.src + 'plugins/**/*.html'
     ]
   };