diff options
Diffstat (limited to 'app/core/navigation')
4 files changed, 86 insertions, 0 deletions
diff --git a/app/core/navigation/layouts/horizontal-navigation/navigation.html b/app/core/navigation/layouts/horizontal-navigation/navigation.html new file mode 100644 index 0000000..4958ba4 --- /dev/null +++ b/app/core/navigation/layouts/horizontal-navigation/navigation.html @@ -0,0 +1,4 @@ +<ul class="navigation-top-menu"> + <li><a ui-sref="dcae.app.home">Home</a></li> + <li><a ui-sref="dcae.app.about">About</a></li> +</ul> diff --git a/app/core/navigation/layouts/horizontal-navigation/navigation.less b/app/core/navigation/layouts/horizontal-navigation/navigation.less new file mode 100644 index 0000000..e558311 --- /dev/null +++ b/app/core/navigation/layouts/horizontal-navigation/navigation.less @@ -0,0 +1,26 @@ +#navigation { + + background-color: #dddddd; + height: 40px; + display: flex; + flex-direction: row; + align-items: center; + + ul.navigation-top-menu { + display: flex; + flex-direction: row; + justify-content: center; + margin: 0; + + li { + list-style: none; + margin: 0 20px; + + a { + .m_16_m; + text-decoration: none; + } + } + } + +} diff --git a/app/core/navigation/navigation.controller.js b/app/core/navigation/navigation.controller.js new file mode 100644 index 0000000..a270e05 --- /dev/null +++ b/app/core/navigation/navigation.controller.js @@ -0,0 +1,41 @@ +(function () +{ + 'use strict'; + + angular + .module('dcaeApp.navigation') + .controller('NavigationController', NavigationController); + + /** @ngInject */ + function NavigationController($scope) + { + var vm = this; + + // Data + vm.bodyEl = angular.element('body'); + vm.folded = false; + vm.msScrollOptions = { + suppressScrollX: true + }; + + // Methods + vm.toggleMsNavigationFolded = toggleMsNavigationFolded; + + ////////// + + /** + * Toggle folded status + */ + function toggleMsNavigationFolded() + { + vm.folded = !vm.folded; + } + + // Close the mobile menu on $stateChangeSuccess + $scope.$on('$stateChangeSuccess', function () + { + vm.bodyEl.removeClass('ms-navigation-horizontal-mobile-menu-active'); + }); + } + +})(); diff --git a/app/core/navigation/navigation.module.js b/app/core/navigation/navigation.module.js new file mode 100644 index 0000000..f5ae2be --- /dev/null +++ b/app/core/navigation/navigation.module.js @@ -0,0 +1,15 @@ +(function () +{ + 'use strict'; + + angular + .module('dcaeApp.navigation', []) + .config(config); + + /** @ngInject */ + function config() + { + + } + +})(); |