adding the dcae dt code

Adding DCAE-dt code

Change-Id: Id6b779db9d24e10825fb97ad5fd46f41e65e6738
Issue-ID: SDC-1614
Signed-off-by: Eran (ev672n), Vosk <ev672n@att.com>

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()
+    {
+
+    }
+
+})();