demo component and service page updates

This commit is contained in:
Sercan Yemen 2017-09-21 15:54:11 +03:00
parent 098dacf2a5
commit e5cf4fdafb
3 changed files with 17 additions and 9 deletions

View File

@ -49,7 +49,7 @@ export class FuseNavigationService
{ {
if ( !navigationItems ) if ( !navigationItems )
{ {
navigationItems = this.navigationModel; navigationItems = this.navigationModel.model;
} }
for ( const navItem of navigationItems ) for ( const navItem of navigationItems )

View File

@ -50,13 +50,20 @@
</div> </div>
<div class="my-48"> <div class="my-48">
<h3>Header</h3> <h3>Grouping</h3>
<p class="md-grey-200-bg py-8"> <p class="md-grey-200-bg py-8">
<fuse-hljs lang="json" class="source-code"> <fuse-hljs lang="json" class="source-code">
<textarea #source hidden="hidden"> <textarea #source hidden="hidden">
{ {
'title': 'COMPONENTS', 'title': 'COMPONENTS',
'type' : 'subheader' 'type' : 'group',
'children': [
{
'title': 'ngx-datatable',
'type' : 'item',
'url' : '/components/datatables/ngx-datatable'
}
]
}, },
</textarea> </textarea>
</fuse-hljs> </fuse-hljs>
@ -70,7 +77,7 @@
<textarea #source hidden="hidden"> <textarea #source hidden="hidden">
{ {
'title' : 'Datatables', 'title' : 'Datatables',
'type' : 'nav-collapse', 'type' : 'collapse',
'icon' : 'border_all', 'icon' : 'border_all',
'children': [ 'children': [
{ {
@ -92,7 +99,7 @@
<textarea #source hidden="hidden"> <textarea #source hidden="hidden">
{ {
'title': 'Countdown', 'title': 'Countdown',
'type' : 'nav-item', 'type' : 'item',
'icon' : 'settings_input_component', 'icon' : 'settings_input_component',
'url' : '/components/countdown' 'url' : '/components/countdown'
}, },

View File

@ -45,14 +45,15 @@
// Fully customizable surroundings for this particular component // Fully customizable surroundings for this particular component
this.fuseConfig.setSettings({ this.fuseConfig.setSettings({
layout : { layout : {
navigation: 'left', // 'right', 'left', 'top', none navigation: 'left', // 'right', 'left', 'top', none
toolbar : 'below', // 'above', 'below', none toolbar : 'below', // 'above', 'below', none
footer : 'none' // 'above', 'below', none footer : 'none' // 'above', 'below', none
mode : 'fullwidth' // 'boxed', 'fullwidth'
}, },
colorClasses : { colorClasses : {
toolbar: 'md-white-500-bg', toolbar: 'md-white-500-bg',
navbar : 'md-fuse-dark-500-bg', navbar : 'md-fuse-dark-500-bg',
footer : 'md-fuse-dark-800-bg' footer : 'md-fuse-dark-700-bg'
}, },
customScrollbars: true, customScrollbars: true,
routerAnimation : 'fadeIn' routerAnimation : 'fadeIn'