Menu system changed to ABP's system for durandal.

Author: hikalkan

Templates/All-In-One-Template/MySpaProject/MySpaProject.WebSpaDurandal/App/Main/viewmodels/layout.js

@@ -9,10 +9,12 @@
             that.languages = abp.localization.languages;
             that.currentLanguage = abp.localization.currentLanguage;
 
+            that.menu = abp.nav.menus.MainMenu;
+
             that.activate = function () {
                 router.map([
-                    { route: '', title: abp.localization.localize('HomePage', 'MySpaProject'), moduleId: 'viewmodels/home', nav: true },
-                    { route: 'about', title: abp.localization.localize('About', 'MySpaProject'), moduleId: 'viewmodels/about', nav: true }
+                    { route: '', title: abp.localization.localize('HomePage', 'MySpaProject'), moduleId: 'viewmodels/home', nav: true, menuName: 'Home' },
+                    { route: 'about', title: abp.localization.localize('About', 'MySpaProject'), moduleId: 'viewmodels/about', nav: true, menuName: 'About' }
                 ]).buildNavigationModel();
 
                 return that.router.activate();

Templates/All-In-One-Template/MySpaProject/MySpaProject.WebSpaDurandal/App/Main/views/layout.cshtml

@@ -10,16 +10,16 @@
             <a class="navbar-brand" href="#">MySpaProject!</a>
         </div>
         <div class="collapse navbar-collapse">
-            <ul class="nav navbar-nav" data-bind="foreach: router.navigationModel">
-                <li data-bind="css: { active: isActive }">
-                    <a data-bind="attr: { href: hash }, html: title"></a>
+            <ul class="nav navbar-nav" data-bind="foreach: menu.items">
+                <li data-bind="css: { active: $root.router.activeInstruction().config.menuName == name }">
+                    <a href="{{url}}"><i class="{{icon}}"></i> {{displayName}}</a>
                 </li>
             </ul>
             <ul class="nav navbar-nav navbar-right">
                 <li class="dropdown">
                     <a href="" data-toggle="dropdown"><i class="{{currentLanguage.icon}}"></i> <span>{{currentLanguage.displayName}}</span> <b class="caret"></b></a>
                     <ul class="dropdown-menu" data-bind="foreach: languages">
-                        <li data-bind="visible: $parent.currentLanguage.name != name"><a href="{{'/AbpLocalization/ChangeCulture?cultureName=' +  name}}"><i class="{{icon}}"></i> {{displayName}}</a></li>
+                        <li data-bind="visible: $root.currentLanguage.name != name"><a href="{{'/AbpLocalization/ChangeCulture?cultureName=' +  name}}"><i class="{{icon}}"></i> {{displayName}}</a></li>
                     </ul>
                 </li>
             </ul>
@@ -29,5 +29,4 @@
 
 <div class="container">
     <div data-bind="router: { transition: 'entrance' }"></div>
-</div>
-
+</div>