Bind HeaderMenuController to HeaderMenu directive

I enabled some actions which are transit state, label activation, etc...

diff --git a/front-end/app/scripts/App.ts b/front-end/app/scripts/App.ts
index 1390c7b..d6a9d6a 100644 (file)
--- a/front-end/app/scripts/App.ts
+++ b/front-end/app/scripts/App.ts
@@ -52,6 +52,7 @@ namespace app {
     zephyr.controller('commandController', directives.CommandController);
     zephyr.controller('optionController', directives.OptionController);
     zephyr.controller('directoryController', directives.DirectoryController);
+    zephyr.controller('HeaderMenuController', directives.HeaderMenuController);
 
     zephyr.directive('headerMenu', directives.HeaderMenu.Factory());
     zephyr.directive('command', directives.Command.Factory());

diff --git a/front-end/app/scripts/directives/HeaderMenu.ts b/front-end/app/scripts/directives/HeaderMenu.ts
index 17b153b..f01abb2 100644 (file)
--- a/front-end/app/scripts/directives/HeaderMenu.ts
+++ b/front-end/app/scripts/directives/HeaderMenu.ts
@@ -5,6 +5,9 @@ namespace app.directives {
         public restrict: string;
         public replace: boolean;
         public templateUrl: string;
+        public controller: string;
+        public controllerAs: string;
+        public scope: boolean;
 
         /**
          * constructor
@@ -15,6 +18,9 @@ namespace app.directives {
             this.restrict = 'E';
             this.replace = true;
             this.templateUrl = 'templates/header-menu.html';
+            this.controller = 'HeaderMenuController';
+            this.controllerAs = 'hmc';
+            this.scope = true;
         }
 
         /**
@@ -24,9 +30,28 @@ namespace app.directives {
          */
         public static Factory(): ng.IDirectiveFactory {
             var directive = () => {
-            return new HeaderMenu();
+                return new HeaderMenu();
             };
             return directive;
         }
     }
+
+    export class HeaderMenuController {
+
+        public static $inject = ['$state'];
+
+        private isExecution: boolean;
+        private isWorkspace: boolean;
+        private isHistory: boolean;
+
+        constructor(private $state: ng.ui.IStateService) {
+            this.isExecution = this.$state.current.name === 'execution';
+            this.isWorkspace = this.$state.current.name === 'workspace';
+            this.isHistory = this.$state.current.name === 'history';
+        }
+
+        private transit(state:string) {
+            this.$state.go(state);
+        }
+    }
 }

diff --git a/front-end/app/templates/header-menu.html b/front-end/app/templates/header-menu.html
index 72db138..dc9fef1 100644 (file)
--- a/front-end/app/templates/header-menu.html
+++ b/front-end/app/templates/header-menu.html
@@ -1,13 +1,12 @@
-<nav class="nav navbar-default">
+<nav class="nav navbar navbar-static-top navbar-inverse">
     <div class="navbar-header">
         <a class="navbar-brand" href="">Zephyr</a>
     </div>
     <div class="navbar-collapse collapse navbar-responsive-collapse">
         <ul class="nav navbar-nav">
-            <li ng-class="{active: isBoard}"><a ng-href="{{boardRef}}">Execution</a></li>
-            <li ng-class="{active: isWorkspace}"><a ng-href="{{workspaceRef}}">Workspace</a></li>
-            <li ng-class="{active: isNotes}"><a ng-href="{{notesRef}}">History</a></li>
-            <li ng-class="{active: isAdmin}" ng-show="isAdminRole"><a ng-href="{{adminPath}}">Admin Page</a></li>
+            <li ng-class="{active: hmc.isExecution}"><a ng-click="hmc.transit('execution')" href="/execution">Execution</a></li>
+            <li ng-class="{active: hmc.isWorkspace}"><a ng-click="hmc.transit('workspace')" href="/workspace">Workspace</a></li>
+            <li ng-class="{active: hmc.isHistory}"><a ng-click="hmc.transit('history')" href="/history">History</a></li>
         </ul>
 
         <!--

diff --git a/front-end/app/templates/history.html b/front-end/app/templates/history.html
index 1f78aed..256ae4b 100644 (file)
--- a/front-end/app/templates/history.html
+++ b/front-end/app/templates/history.html
@@ -1 +1,3 @@
-{{page}}
+<header-menu></header-menu>
+<div class="container">
+</div>

diff --git a/front-end/dist/bundle.js b/front-end/dist/bundle.js
index 21edc3b..21375b2 100644 (file)
--- a/front-end/dist/bundle.js
+++ b/front-end/dist/bundle.js
@@ -41295,6 +41295,9 @@
                        this.restrict = 'E';
                        this.replace = true;
                        this.templateUrl = 'templates/header-menu.html';
+                       this.controller = 'HeaderMenuController';
+                       this.controllerAs = 'hmc';
+                       this.scope = true;
                    }
                    HeaderMenu.Factory = function () {
                        var directive = function () {
@@ -41305,6 +41308,20 @@
                    return HeaderMenu;
                })();
                directives.HeaderMenu = HeaderMenu;
+               var HeaderMenuController = (function () {
+                   function HeaderMenuController($state) {
+                       this.$state = $state;
+                       this.isExecution = this.$state.current.name === 'execution';
+                       this.isWorkspace = this.$state.current.name === 'workspace';
+                       this.isHistory = this.$state.current.name === 'history';
+                   }
+                   HeaderMenuController.prototype.transit = function (state) {
+                       this.$state.go(state);
+                   };
+                   HeaderMenuController.$inject = ['$state'];
+                   return HeaderMenuController;
+               })();
+               directives.HeaderMenuController = HeaderMenuController;
            })(directives = app.directives || (app.directives = {}));
        })(app || (app = {}));
        var app;
@@ -41612,6 +41629,7 @@
            app.zephyr.controller('commandController', app.directives.CommandController);
            app.zephyr.controller('optionController', app.directives.OptionController);
            app.zephyr.controller('directoryController', app.directives.DirectoryController);
+           app.zephyr.controller('HeaderMenuController', app.directives.HeaderMenuController);
            app.zephyr.directive('headerMenu', app.directives.HeaderMenu.Factory());
            app.zephyr.directive('command', app.directives.Command.Factory());
            app.zephyr.directive('option', app.directives.Option.Factory());
@@ -41917,6 +41935,9 @@
                        this.restrict = 'E';
                        this.replace = true;
                        this.templateUrl = 'templates/header-menu.html';
+                       this.controller = 'HeaderMenuController';
+                       this.controllerAs = 'hmc';
+                       this.scope = true;
                    }
                    HeaderMenu.Factory = function () {
                        var directive = function () {
@@ -41927,6 +41948,20 @@
                    return HeaderMenu;
                })();
                directives.HeaderMenu = HeaderMenu;
+               var HeaderMenuController = (function () {
+                   function HeaderMenuController($state) {
+                       this.$state = $state;
+                       this.isExecution = this.$state.current.name === 'execution';
+                       this.isWorkspace = this.$state.current.name === 'workspace';
+                       this.isHistory = this.$state.current.name === 'history';
+                   }
+                   HeaderMenuController.prototype.transit = function (state) {
+                       this.$state.go(state);
+                   };
+                   HeaderMenuController.$inject = ['$state'];
+                   return HeaderMenuController;
+               })();
+               directives.HeaderMenuController = HeaderMenuController;
            })(directives = app.directives || (app.directives = {}));
        })(app || (app = {}));
        var app;
@@ -42234,6 +42269,7 @@
            app.zephyr.controller('commandController', app.directives.CommandController);
            app.zephyr.controller('optionController', app.directives.OptionController);
            app.zephyr.controller('directoryController', app.directives.DirectoryController);
+           app.zephyr.controller('HeaderMenuController', app.directives.HeaderMenuController);
            app.zephyr.directive('headerMenu', app.directives.HeaderMenu.Factory());
            app.zephyr.directive('command', app.directives.Command.Factory());
            app.zephyr.directive('option', app.directives.Option.Factory());
@@ -42539,6 +42575,9 @@
                        this.restrict = 'E';
                        this.replace = true;
                        this.templateUrl = 'templates/header-menu.html';
+                       this.controller = 'HeaderMenuController';
+                       this.controllerAs = 'hmc';
+                       this.scope = true;
                    }
                    HeaderMenu.Factory = function () {
                        var directive = function () {
@@ -42549,6 +42588,20 @@
                    return HeaderMenu;
                })();
                directives.HeaderMenu = HeaderMenu;
+               var HeaderMenuController = (function () {
+                   function HeaderMenuController($state) {
+                       this.$state = $state;
+                       this.isExecution = this.$state.current.name === 'execution';
+                       this.isWorkspace = this.$state.current.name === 'workspace';
+                       this.isHistory = this.$state.current.name === 'history';
+                   }
+                   HeaderMenuController.prototype.transit = function (state) {
+                       this.$state.go(state);
+                   };
+                   HeaderMenuController.$inject = ['$state'];
+                   return HeaderMenuController;
+               })();
+               directives.HeaderMenuController = HeaderMenuController;
            })(directives = app.directives || (app.directives = {}));
        })(app || (app = {}));
        var app;
@@ -42856,6 +42909,7 @@
            app.zephyr.controller('commandController', app.directives.CommandController);
            app.zephyr.controller('optionController', app.directives.OptionController);
            app.zephyr.controller('directoryController', app.directives.DirectoryController);
+           app.zephyr.controller('HeaderMenuController', app.directives.HeaderMenuController);
            app.zephyr.directive('headerMenu', app.directives.HeaderMenu.Factory());
            app.zephyr.directive('command', app.directives.Command.Factory());
            app.zephyr.directive('option', app.directives.Option.Factory());
@@ -43161,6 +43215,9 @@
                        this.restrict = 'E';
                        this.replace = true;
                        this.templateUrl = 'templates/header-menu.html';
+                       this.controller = 'HeaderMenuController';
+                       this.controllerAs = 'hmc';
+                       this.scope = true;
                    }
                    HeaderMenu.Factory = function () {
                        var directive = function () {
@@ -43171,6 +43228,20 @@
                    return HeaderMenu;
                })();
                directives.HeaderMenu = HeaderMenu;
+               var HeaderMenuController = (function () {
+                   function HeaderMenuController($state) {
+                       this.$state = $state;
+                       this.isExecution = this.$state.current.name === 'execution';
+                       this.isWorkspace = this.$state.current.name === 'workspace';
+                       this.isHistory = this.$state.current.name === 'history';
+                   }
+                   HeaderMenuController.prototype.transit = function (state) {
+                       this.$state.go(state);
+                   };
+                   HeaderMenuController.$inject = ['$state'];
+                   return HeaderMenuController;
+               })();
+               directives.HeaderMenuController = HeaderMenuController;
            })(directives = app.directives || (app.directives = {}));
        })(app || (app = {}));
        var app;
@@ -43478,6 +43549,7 @@
            app.zephyr.controller('commandController', app.directives.CommandController);
            app.zephyr.controller('optionController', app.directives.OptionController);
            app.zephyr.controller('directoryController', app.directives.DirectoryController);
+           app.zephyr.controller('HeaderMenuController', app.directives.HeaderMenuController);
            app.zephyr.directive('headerMenu', app.directives.HeaderMenu.Factory());
            app.zephyr.directive('command', app.directives.Command.Factory());
            app.zephyr.directive('option', app.directives.Option.Factory());
@@ -43783,6 +43855,9 @@
                        this.restrict = 'E';
                        this.replace = true;
                        this.templateUrl = 'templates/header-menu.html';
+                       this.controller = 'HeaderMenuController';
+                       this.controllerAs = 'hmc';
+                       this.scope = true;
                    }
                    HeaderMenu.Factory = function () {
                        var directive = function () {
@@ -43793,6 +43868,20 @@
                    return HeaderMenu;
                })();
                directives.HeaderMenu = HeaderMenu;
+               var HeaderMenuController = (function () {
+                   function HeaderMenuController($state) {
+                       this.$state = $state;
+                       this.isExecution = this.$state.current.name === 'execution';
+                       this.isWorkspace = this.$state.current.name === 'workspace';
+                       this.isHistory = this.$state.current.name === 'history';
+                   }
+                   HeaderMenuController.prototype.transit = function (state) {
+                       this.$state.go(state);
+                   };
+                   HeaderMenuController.$inject = ['$state'];
+                   return HeaderMenuController;
+               })();
+               directives.HeaderMenuController = HeaderMenuController;
            })(directives = app.directives || (app.directives = {}));
        })(app || (app = {}));
        var app;
@@ -44100,6 +44189,7 @@
            app.zephyr.controller('commandController', app.directives.CommandController);
            app.zephyr.controller('optionController', app.directives.OptionController);
            app.zephyr.controller('directoryController', app.directives.DirectoryController);
+           app.zephyr.controller('HeaderMenuController', app.directives.HeaderMenuController);
            app.zephyr.directive('headerMenu', app.directives.HeaderMenu.Factory());
            app.zephyr.directive('command', app.directives.Command.Factory());
            app.zephyr.directive('option', app.directives.Option.Factory());
@@ -44405,6 +44495,9 @@
                        this.restrict = 'E';
                        this.replace = true;
                        this.templateUrl = 'templates/header-menu.html';
+                       this.controller = 'HeaderMenuController';
+                       this.controllerAs = 'hmc';
+                       this.scope = true;
                    }
                    HeaderMenu.Factory = function () {
                        var directive = function () {
@@ -44415,6 +44508,20 @@
                    return HeaderMenu;
                })();
                directives.HeaderMenu = HeaderMenu;
+               var HeaderMenuController = (function () {
+                   function HeaderMenuController($state) {
+                       this.$state = $state;
+                       this.isExecution = this.$state.current.name === 'execution';
+                       this.isWorkspace = this.$state.current.name === 'workspace';
+                       this.isHistory = this.$state.current.name === 'history';
+                   }
+                   HeaderMenuController.prototype.transit = function (state) {
+                       this.$state.go(state);
+                   };
+                   HeaderMenuController.$inject = ['$state'];
+                   return HeaderMenuController;
+               })();
+               directives.HeaderMenuController = HeaderMenuController;
            })(directives = app.directives || (app.directives = {}));
        })(app || (app = {}));
        var app;
@@ -44722,6 +44829,7 @@
            app.zephyr.controller('commandController', app.directives.CommandController);
            app.zephyr.controller('optionController', app.directives.OptionController);
            app.zephyr.controller('directoryController', app.directives.DirectoryController);
+           app.zephyr.controller('HeaderMenuController', app.directives.HeaderMenuController);
            app.zephyr.directive('headerMenu', app.directives.HeaderMenu.Factory());
            app.zephyr.directive('command', app.directives.Command.Factory());
            app.zephyr.directive('option', app.directives.Option.Factory());
@@ -45027,6 +45135,9 @@
                        this.restrict = 'E';
                        this.replace = true;
                        this.templateUrl = 'templates/header-menu.html';
+                       this.controller = 'HeaderMenuController';
+                       this.controllerAs = 'hmc';
+                       this.scope = true;
                    }
                    HeaderMenu.Factory = function () {
                        var directive = function () {
@@ -45037,6 +45148,20 @@
                    return HeaderMenu;
                })();
                directives.HeaderMenu = HeaderMenu;
+               var HeaderMenuController = (function () {
+                   function HeaderMenuController($state) {
+                       this.$state = $state;
+                       this.isExecution = this.$state.current.name === 'execution';
+                       this.isWorkspace = this.$state.current.name === 'workspace';
+                       this.isHistory = this.$state.current.name === 'history';
+                   }
+                   HeaderMenuController.prototype.transit = function (state) {
+                       this.$state.go(state);
+                   };
+                   HeaderMenuController.$inject = ['$state'];
+                   return HeaderMenuController;
+               })();
+               directives.HeaderMenuController = HeaderMenuController;
            })(directives = app.directives || (app.directives = {}));
        })(app || (app = {}));
        var app;
@@ -45344,6 +45469,7 @@
            app.zephyr.controller('commandController', app.directives.CommandController);
            app.zephyr.controller('optionController', app.directives.OptionController);
            app.zephyr.controller('directoryController', app.directives.DirectoryController);
+           app.zephyr.controller('HeaderMenuController', app.directives.HeaderMenuController);
            app.zephyr.directive('headerMenu', app.directives.HeaderMenu.Factory());
            app.zephyr.directive('command', app.directives.Command.Factory());
            app.zephyr.directive('option', app.directives.Option.Factory());
@@ -45649,6 +45775,9 @@
                        this.restrict = 'E';
                        this.replace = true;
                        this.templateUrl = 'templates/header-menu.html';
+                       this.controller = 'HeaderMenuController';
+                       this.controllerAs = 'hmc';
+                       this.scope = true;
                    }
                    HeaderMenu.Factory = function () {
                        var directive = function () {
@@ -45659,6 +45788,20 @@
                    return HeaderMenu;
                })();
                directives.HeaderMenu = HeaderMenu;
+               var HeaderMenuController = (function () {
+                   function HeaderMenuController($state) {
+                       this.$state = $state;
+                       this.isExecution = this.$state.current.name === 'execution';
+                       this.isWorkspace = this.$state.current.name === 'workspace';
+                       this.isHistory = this.$state.current.name === 'history';
+                   }
+                   HeaderMenuController.prototype.transit = function (state) {
+                       this.$state.go(state);
+                   };
+                   HeaderMenuController.$inject = ['$state'];
+                   return HeaderMenuController;
+               })();
+               directives.HeaderMenuController = HeaderMenuController;
            })(directives = app.directives || (app.directives = {}));
        })(app || (app = {}));
        var app;
@@ -45966,6 +46109,7 @@
            app.zephyr.controller('commandController', app.directives.CommandController);
            app.zephyr.controller('optionController', app.directives.OptionController);
            app.zephyr.controller('directoryController', app.directives.DirectoryController);
+           app.zephyr.controller('HeaderMenuController', app.directives.HeaderMenuController);
            app.zephyr.directive('headerMenu', app.directives.HeaderMenu.Factory());
            app.zephyr.directive('command', app.directives.Command.Factory());
            app.zephyr.directive('option', app.directives.Option.Factory());
@@ -46271,6 +46415,9 @@
                        this.restrict = 'E';
                        this.replace = true;
                        this.templateUrl = 'templates/header-menu.html';
+                       this.controller = 'HeaderMenuController';
+                       this.controllerAs = 'hmc';
+                       this.scope = true;
                    }
                    HeaderMenu.Factory = function () {
                        var directive = function () {
@@ -46281,6 +46428,20 @@
                    return HeaderMenu;
                })();
                directives.HeaderMenu = HeaderMenu;
+               var HeaderMenuController = (function () {
+                   function HeaderMenuController($state) {
+                       this.$state = $state;
+                       this.isExecution = this.$state.current.name === 'execution';
+                       this.isWorkspace = this.$state.current.name === 'workspace';
+                       this.isHistory = this.$state.current.name === 'history';
+                   }
+                   HeaderMenuController.prototype.transit = function (state) {
+                       this.$state.go(state);
+                   };
+                   HeaderMenuController.$inject = ['$state'];
+                   return HeaderMenuController;
+               })();
+               directives.HeaderMenuController = HeaderMenuController;
            })(directives = app.directives || (app.directives = {}));
        })(app || (app = {}));
        var app;
@@ -46588,6 +46749,7 @@
            app.zephyr.controller('commandController', app.directives.CommandController);
            app.zephyr.controller('optionController', app.directives.OptionController);
            app.zephyr.controller('directoryController', app.directives.DirectoryController);
+           app.zephyr.controller('HeaderMenuController', app.directives.HeaderMenuController);
            app.zephyr.directive('headerMenu', app.directives.HeaderMenu.Factory());
            app.zephyr.directive('command', app.directives.Command.Factory());
            app.zephyr.directive('option', app.directives.Option.Factory());
@@ -46893,6 +47055,9 @@
                        this.restrict = 'E';
                        this.replace = true;
                        this.templateUrl = 'templates/header-menu.html';
+                       this.controller = 'HeaderMenuController';
+                       this.controllerAs = 'hmc';
+                       this.scope = true;
                    }
                    HeaderMenu.Factory = function () {
                        var directive = function () {
@@ -46903,6 +47068,20 @@
                    return HeaderMenu;
                })();
                directives.HeaderMenu = HeaderMenu;
+               var HeaderMenuController = (function () {
+                   function HeaderMenuController($state) {
+                       this.$state = $state;
+                       this.isExecution = this.$state.current.name === 'execution';
+                       this.isWorkspace = this.$state.current.name === 'workspace';
+                       this.isHistory = this.$state.current.name === 'history';
+                   }
+                   HeaderMenuController.prototype.transit = function (state) {
+                       this.$state.go(state);
+                   };
+                   HeaderMenuController.$inject = ['$state'];
+                   return HeaderMenuController;
+               })();
+               directives.HeaderMenuController = HeaderMenuController;
            })(directives = app.directives || (app.directives = {}));
        })(app || (app = {}));
        var app;
@@ -47210,6 +47389,7 @@
            app.zephyr.controller('commandController', app.directives.CommandController);
            app.zephyr.controller('optionController', app.directives.OptionController);
            app.zephyr.controller('directoryController', app.directives.DirectoryController);
+           app.zephyr.controller('HeaderMenuController', app.directives.HeaderMenuController);
            app.zephyr.directive('headerMenu', app.directives.HeaderMenu.Factory());
            app.zephyr.directive('command', app.directives.Command.Factory());
            app.zephyr.directive('option', app.directives.Option.Factory());
@@ -47515,6 +47695,9 @@
                        this.restrict = 'E';
                        this.replace = true;
                        this.templateUrl = 'templates/header-menu.html';
+                       this.controller = 'HeaderMenuController';
+                       this.controllerAs = 'hmc';
+                       this.scope = true;
                    }
                    HeaderMenu.Factory = function () {
                        var directive = function () {
@@ -47525,6 +47708,20 @@
                    return HeaderMenu;
                })();
                directives.HeaderMenu = HeaderMenu;
+               var HeaderMenuController = (function () {
+                   function HeaderMenuController($state) {
+                       this.$state = $state;
+                       this.isExecution = this.$state.current.name === 'execution';
+                       this.isWorkspace = this.$state.current.name === 'workspace';
+                       this.isHistory = this.$state.current.name === 'history';
+                   }
+                   HeaderMenuController.prototype.transit = function (state) {
+                       this.$state.go(state);
+                   };
+                   HeaderMenuController.$inject = ['$state'];
+                   return HeaderMenuController;
+               })();
+               directives.HeaderMenuController = HeaderMenuController;
            })(directives = app.directives || (app.directives = {}));
        })(app || (app = {}));
        var app;
@@ -47832,6 +48029,7 @@
            app.zephyr.controller('commandController', app.directives.CommandController);
            app.zephyr.controller('optionController', app.directives.OptionController);
            app.zephyr.controller('directoryController', app.directives.DirectoryController);
+           app.zephyr.controller('HeaderMenuController', app.directives.HeaderMenuController);
            app.zephyr.directive('headerMenu', app.directives.HeaderMenu.Factory());
            app.zephyr.directive('command', app.directives.Command.Factory());
            app.zephyr.directive('option', app.directives.Option.Factory());
@@ -48137,6 +48335,9 @@
                        this.restrict = 'E';
                        this.replace = true;
                        this.templateUrl = 'templates/header-menu.html';
+                       this.controller = 'HeaderMenuController';
+                       this.controllerAs = 'hmc';
+                       this.scope = true;
                    }
                    HeaderMenu.Factory = function () {
                        var directive = function () {
@@ -48147,6 +48348,20 @@
                    return HeaderMenu;
                })();
                directives.HeaderMenu = HeaderMenu;
+               var HeaderMenuController = (function () {
+                   function HeaderMenuController($state) {
+                       this.$state = $state;
+                       this.isExecution = this.$state.current.name === 'execution';
+                       this.isWorkspace = this.$state.current.name === 'workspace';
+                       this.isHistory = this.$state.current.name === 'history';
+                   }
+                   HeaderMenuController.prototype.transit = function (state) {
+                       this.$state.go(state);
+                   };
+                   HeaderMenuController.$inject = ['$state'];
+                   return HeaderMenuController;
+               })();
+               directives.HeaderMenuController = HeaderMenuController;
            })(directives = app.directives || (app.directives = {}));
        })(app || (app = {}));
        var app;
@@ -48454,6 +48669,7 @@
            app.zephyr.controller('commandController', app.directives.CommandController);
            app.zephyr.controller('optionController', app.directives.OptionController);
            app.zephyr.controller('directoryController', app.directives.DirectoryController);
+           app.zephyr.controller('HeaderMenuController', app.directives.HeaderMenuController);
            app.zephyr.directive('headerMenu', app.directives.HeaderMenu.Factory());
            app.zephyr.directive('command', app.directives.Command.Factory());
            app.zephyr.directive('option', app.directives.Option.Factory());
@@ -48759,6 +48975,9 @@
                        this.restrict = 'E';
                        this.replace = true;
                        this.templateUrl = 'templates/header-menu.html';
+                       this.controller = 'HeaderMenuController';
+                       this.controllerAs = 'hmc';
+                       this.scope = true;
                    }
                    HeaderMenu.Factory = function () {
                        var directive = function () {
@@ -48769,6 +48988,20 @@
                    return HeaderMenu;
                })();
                directives.HeaderMenu = HeaderMenu;
+               var HeaderMenuController = (function () {
+                   function HeaderMenuController($state) {
+                       this.$state = $state;
+                       this.isExecution = this.$state.current.name === 'execution';
+                       this.isWorkspace = this.$state.current.name === 'workspace';
+                       this.isHistory = this.$state.current.name === 'history';
+                   }
+                   HeaderMenuController.prototype.transit = function (state) {
+                       this.$state.go(state);
+                   };
+                   HeaderMenuController.$inject = ['$state'];
+                   return HeaderMenuController;
+               })();
+               directives.HeaderMenuController = HeaderMenuController;
            })(directives = app.directives || (app.directives = {}));
        })(app || (app = {}));
        var app;
@@ -49076,6 +49309,7 @@
            app.zephyr.controller('commandController', app.directives.CommandController);
            app.zephyr.controller('optionController', app.directives.OptionController);
            app.zephyr.controller('directoryController', app.directives.DirectoryController);
+           app.zephyr.controller('HeaderMenuController', app.directives.HeaderMenuController);
            app.zephyr.directive('headerMenu', app.directives.HeaderMenu.Factory());
            app.zephyr.directive('command', app.directives.Command.Factory());
            app.zephyr.directive('option', app.directives.Option.Factory());
@@ -49381,6 +49615,9 @@
                        this.restrict = 'E';
                        this.replace = true;
                        this.templateUrl = 'templates/header-menu.html';
+                       this.controller = 'HeaderMenuController';
+                       this.controllerAs = 'hmc';
+                       this.scope = true;
                    }
                    HeaderMenu.Factory = function () {
                        var directive = function () {
@@ -49391,6 +49628,20 @@
                    return HeaderMenu;
                })();
                directives.HeaderMenu = HeaderMenu;
+               var HeaderMenuController = (function () {
+                   function HeaderMenuController($state) {
+                       this.$state = $state;
+                       this.isExecution = this.$state.current.name === 'execution';
+                       this.isWorkspace = this.$state.current.name === 'workspace';
+                       this.isHistory = this.$state.current.name === 'history';
+                   }
+                   HeaderMenuController.prototype.transit = function (state) {
+                       this.$state.go(state);
+                   };
+                   HeaderMenuController.$inject = ['$state'];
+                   return HeaderMenuController;
+               })();
+               directives.HeaderMenuController = HeaderMenuController;
            })(directives = app.directives || (app.directives = {}));
        })(app || (app = {}));
        var app;
@@ -49698,6 +49949,7 @@
            app.zephyr.controller('commandController', app.directives.CommandController);
            app.zephyr.controller('optionController', app.directives.OptionController);
            app.zephyr.controller('directoryController', app.directives.DirectoryController);
+           app.zephyr.controller('HeaderMenuController', app.directives.HeaderMenuController);
            app.zephyr.directive('headerMenu', app.directives.HeaderMenu.Factory());
            app.zephyr.directive('command', app.directives.Command.Factory());
            app.zephyr.directive('option', app.directives.Option.Factory());

diff --git a/front-end/dist/templates/header-menu.html b/front-end/dist/templates/header-menu.html
index 72db138..dc9fef1 100644 (file)
--- a/front-end/dist/templates/header-menu.html
+++ b/front-end/dist/templates/header-menu.html
@@ -1,13 +1,12 @@
-<nav class="nav navbar-default">
+<nav class="nav navbar navbar-static-top navbar-inverse">
     <div class="navbar-header">
         <a class="navbar-brand" href="">Zephyr</a>
     </div>
     <div class="navbar-collapse collapse navbar-responsive-collapse">
         <ul class="nav navbar-nav">
-            <li ng-class="{active: isBoard}"><a ng-href="{{boardRef}}">Execution</a></li>
-            <li ng-class="{active: isWorkspace}"><a ng-href="{{workspaceRef}}">Workspace</a></li>
-            <li ng-class="{active: isNotes}"><a ng-href="{{notesRef}}">History</a></li>
-            <li ng-class="{active: isAdmin}" ng-show="isAdminRole"><a ng-href="{{adminPath}}">Admin Page</a></li>
+            <li ng-class="{active: hmc.isExecution}"><a ng-click="hmc.transit('execution')" href="/execution">Execution</a></li>
+            <li ng-class="{active: hmc.isWorkspace}"><a ng-click="hmc.transit('workspace')" href="/workspace">Workspace</a></li>
+            <li ng-class="{active: hmc.isHistory}"><a ng-click="hmc.transit('history')" href="/history">History</a></li>
         </ul>
 
         <!--

diff --git a/front-end/dist/templates/history.html b/front-end/dist/templates/history.html
index 1f78aed..256ae4b 100644 (file)
--- a/front-end/dist/templates/history.html
+++ b/front-end/dist/templates/history.html
@@ -1 +1,3 @@
-{{page}}
+<header-menu></header-menu>
+<div class="container">
+</div>