From e5cf4fdafb536dbb902505833ecb078bfa8382dd Mon Sep 17 00:00:00 2001
From: Sercan Yemen <sercanyemen@gmail.com>
Date: Thu, 21 Sep 2017 15:54:11 +0300
Subject: [PATCH] demo component and service page updates

---
 .../components/navigation/navigation.service.ts   |  2 +-
 .../navigation/navigation.component.html          | 15 +++++++++++----
 .../content/services/config/config.component.html |  9 +++++----
 3 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/app/core/components/navigation/navigation.service.ts b/src/app/core/components/navigation/navigation.service.ts
index 8a8e06d0..b468ec37 100644
--- a/src/app/core/components/navigation/navigation.service.ts
+++ b/src/app/core/components/navigation/navigation.service.ts
@@ -49,7 +49,7 @@ export class FuseNavigationService
     {
         if ( !navigationItems )
         {
-            navigationItems = this.navigationModel;
+            navigationItems = this.navigationModel.model;
         }
 
         for ( const navItem of navigationItems )
diff --git a/src/app/main/content/components/navigation/navigation.component.html b/src/app/main/content/components/navigation/navigation.component.html
index 609ae677..a3cd935c 100644
--- a/src/app/main/content/components/navigation/navigation.component.html
+++ b/src/app/main/content/components/navigation/navigation.component.html
@@ -50,13 +50,20 @@
         </div>
 
         <div class="my-48">
-            <h3>Header</h3>
+            <h3>Grouping</h3>
             <p class="md-grey-200-bg py-8">
                 <fuse-hljs lang="json" class="source-code">
                     <textarea #source hidden="hidden">
                         {
                             'title': 'COMPONENTS',
-                            'type' : 'subheader'
+                            'type' : 'group',
+                            'children': [
+                                {
+                                    'title': 'ngx-datatable',
+                                    'type' : 'item',
+                                    'url'  : '/components/datatables/ngx-datatable'
+                                }
+                            ]
                         },
                     </textarea>
                 </fuse-hljs>
@@ -70,7 +77,7 @@
                     <textarea #source hidden="hidden">
                         {
                             'title'   : 'Datatables',
-                            'type'    : 'nav-collapse',
+                            'type'    : 'collapse',
                             'icon'    : 'border_all',
                             'children': [
                                 {
@@ -92,7 +99,7 @@
                     <textarea #source hidden="hidden">
                         {
                             'title': 'Countdown',
-                            'type' : 'nav-item',
+                            'type' : 'item',
                             'icon' : 'settings_input_component',
                             'url'  : '/components/countdown'
                         },
diff --git a/src/app/main/content/services/config/config.component.html b/src/app/main/content/services/config/config.component.html
index 485e9282..775cce06 100644
--- a/src/app/main/content/services/config/config.component.html
+++ b/src/app/main/content/services/config/config.component.html
@@ -45,14 +45,15 @@
                                 // Fully customizable surroundings for this particular component
                                 this.fuseConfig.setSettings({
                                     layout          : {
-                                        navigation: 'left',   // 'right', 'left', 'top', none
-                                        toolbar   : 'below',  // 'above', 'below', none
-                                        footer    : 'none'    // 'above', 'below', none
+                                        navigation: 'left',      // 'right', 'left', 'top', none
+                                        toolbar   : 'below',     // 'above', 'below', none
+                                        footer    : 'none'       // 'above', 'below', none
+                                        mode      : 'fullwidth'  // 'boxed', 'fullwidth'
                                     },
                                     colorClasses    : {
                                         toolbar: 'md-white-500-bg',
                                         navbar : 'md-fuse-dark-500-bg',
-                                        footer : 'md-fuse-dark-800-bg'
+                                        footer : 'md-fuse-dark-700-bg'
                                     },
                                     customScrollbars: true,
                                     routerAnimation : 'fadeIn'