diff --git a/src/app/app.module.ts b/src/app/app.module.ts index d3f945a5..e10095b1 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -30,7 +30,7 @@ const appRoutes: Routes = [ BrowserModule, BrowserAnimationsModule, HttpClientModule, - RouterModule.forRoot(appRoutes), SharedModule, + RouterModule.forRoot(appRoutes), TranslateModule.forRoot(), // Fuse Main and Shared modules diff --git a/src/app/main/content/sample/sample.component.ts b/src/app/main/content/sample/sample.component.ts index 5b58f994..f074a7be 100644 --- a/src/app/main/content/sample/sample.component.ts +++ b/src/app/main/content/sample/sample.component.ts @@ -1,5 +1,6 @@ import { Component } from '@angular/core'; -import { FuseTranslationLoaderService } from '../../../core/services/translation-loader.service'; + +import { FuseTranslationLoaderService } from '@fuse/services/translation-loader.service'; import { locale as english } from './i18n/en'; import { locale as turkish } from './i18n/tr'; @@ -11,8 +12,8 @@ import { locale as turkish } from './i18n/tr'; }) export class FuseSampleComponent { - constructor(private translationLoader: FuseTranslationLoaderService) + constructor(private fuseTranslationLoader: FuseTranslationLoaderService) { - this.translationLoader.loadTranslations(english, turkish); + this.fuseTranslationLoader.loadTranslations(english, turkish); } } diff --git a/src/app/main/content/sample/sample.module.ts b/src/app/main/content/sample/sample.module.ts index 107e5aac..bbebbc28 100644 --- a/src/app/main/content/sample/sample.module.ts +++ b/src/app/main/content/sample/sample.module.ts @@ -1,7 +1,9 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; -import { SharedModule } from '../../../core/modules/shared.module'; +import { TranslateModule } from '@ngx-translate/core'; + +import { FuseSharedModule } from '@fuse/shared.module'; import { FuseSampleComponent } from './sample.component'; @@ -17,8 +19,11 @@ const routes = [ FuseSampleComponent ], imports : [ - SharedModule, - RouterModule.forChild(routes) + RouterModule.forChild(routes), + + TranslateModule, + + FuseSharedModule ], exports : [ FuseSampleComponent diff --git a/src/app/navigation/navigation.ts b/src/app/navigation/navigation.ts index f7bfd636..5c5740db 100644 --- a/src/app/navigation/navigation.ts +++ b/src/app/navigation/navigation.ts @@ -1,915 +1,23 @@ export const navigation = [ { - 'id' : 'applications', - 'title' : 'Applications', + 'id' : 'applications', + 'title' : 'Applications', 'translate': 'NAV.APPLICATIONS', - 'type' : 'group', - 'icon' : 'apps', - 'children' : [ + 'type' : 'group', + 'children': [ { - 'id' : 'dashboards', - 'title' : 'Dashboards', - 'translate': 'NAV.DASHBOARDS', - 'type' : 'collapse', - 'icon' : 'dashboard', - 'children' : [ - { - 'id' : 'analytics', - 'title': 'Analytics', - 'type' : 'item', - 'url' : '/apps/dashboards/analytics' - }, - { - 'id' : 'project', - 'title': 'Project', - 'type' : 'item', - 'url' : '/apps/dashboards/project' - } - ] - }, - { - 'id' : 'calendar', - 'title' : 'Calendar', - 'translate': 'NAV.CALENDAR', - 'type' : 'item', - 'icon' : 'today', - 'url' : '/apps/calendar' - }, - { - 'id' : 'e-commerce', - 'title' : 'E-Commerce', - 'translate': 'NAV.ECOMMERCE', - 'type' : 'collapse', - 'icon' : 'shopping_cart', - 'children' : [ - { - 'id' : 'dashboard', - 'title': 'Dashboard', - 'type' : 'item', - 'url' : '/apps/e-commerce/dashboard' - }, - { - 'id' : 'products', - 'title' : 'Products', - 'type' : 'item', - 'url' : '/apps/e-commerce/products', - 'exactMatch': true - }, - { - 'id' : 'productDetail', - 'title' : 'Product Detail', - 'type' : 'item', - 'url' : '/apps/e-commerce/products/1/printed-dress', - 'exactMatch': true - }, - { - 'id' : 'orders', - 'title' : 'Orders', - 'type' : 'item', - 'url' : '/apps/e-commerce/orders', - 'exactMatch': true - }, - { - 'id' : 'orderDetail', - 'title' : 'Order Detail', - 'type' : 'item', - 'url' : '/apps/e-commerce/orders/1', - 'exactMatch': true - } - ] - }, - { - 'id' : 'academy', - 'title' : 'Academy', - 'translate': 'NAV.ACADEMY', - 'type' : 'item', - 'icon' : 'school', - 'url' : '/apps/academy' - }, - { - 'id' : 'mail', - 'title' : 'Mail', - 'translate': 'NAV.MAIL.TITLE', - 'type' : 'item', - 'icon' : 'email', - 'url' : '/apps/mail', - 'badge' : { - 'title' : 25, - 'translate': 'NAV.MAIL.BADGE', - 'bg' : '#F44336', - 'fg' : '#FFFFFF' - } - }, - { - 'id' : 'mail-ngrx', - 'title' : 'Mail Ngrx', - 'translate': 'NAV.MAIL_NGRX.TITLE', - 'type' : 'item', - 'icon' : 'email', - 'url' : '/apps/mail-ngrx', - 'badge' : { - 'title' : 13, - 'translate': 'NAV.MAIL_NGRX.BADGE', - 'bg' : '#EC0C8E', - 'fg' : '#FFFFFF' - } - }, - { - 'id' : 'chat', - 'title' : 'Chat', - 'translate': 'NAV.CHAT', - 'type' : 'item', - 'icon' : 'chat', - 'url' : '/apps/chat', - 'badge' : { - 'title': 13, - 'bg' : '#09d261', + 'id' : 'sample', + 'title': 'Sample', + 'translate': 'NAV.SAMPLE.TITLE', + 'type' : 'item', + 'icon' : 'email', + 'url' : '/sample', + 'badge': { + 'title': 25, + 'translate': 'NAV.SAMPLE.BADGE', + 'bg' : '#F44336', 'fg' : '#FFFFFF' } - }, - { - 'id' : 'file-manager', - 'title' : 'File Manager', - 'translate': 'NAV.FILE_MANAGER', - 'type' : 'item', - 'icon' : 'folder', - 'url' : '/apps/file-manager' - }, - { - 'id' : 'contacts', - 'title' : 'Contacts', - 'translate': 'NAV.CONTACTS', - 'type' : 'item', - 'icon' : 'account_box', - 'url' : '/apps/contacts' - }, - { - 'id' : 'to-do', - 'title' : 'To-Do', - 'translate': 'NAV.TODO', - 'type' : 'item', - 'icon' : 'check_box', - 'url' : '/apps/todo', - 'badge' : { - 'title': 3, - 'bg' : '#FF6F00', - 'fg' : '#FFFFFF' - } - }, - { - 'id' : 'scrumboard', - 'title' : 'Scrumboard', - 'translate': 'NAV.SCRUMBOARD', - 'type' : 'item', - 'icon' : 'assessment', - 'url' : '/apps/scrumboard' - } - ] - }, - { - 'id' : 'pages', - 'title' : 'Pages', - 'type' : 'group', - 'icon' : 'pages', - 'children': [ - { - 'id' : 'authentication', - 'title' : 'Authentication', - 'type' : 'collapse', - 'icon' : 'lock', - 'badge' : { - 'title': 10, - 'bg' : '#525e8a', - 'fg' : '#FFFFFF' - }, - 'children': [ - { - 'id' : 'login', - 'title': 'Login', - 'type' : 'item', - 'url' : '/pages/auth/login' - }, - { - 'id' : 'login-v2', - 'title': 'Login v2', - 'type' : 'item', - 'url' : '/pages/auth/login-2' - }, - { - 'id' : 'register', - 'title': 'Register', - 'type' : 'item', - 'url' : '/pages/auth/register' - }, - { - 'id' : 'register-v2', - 'title': 'Register v2', - 'type' : 'item', - 'url' : '/pages/auth/register-2' - }, - { - 'id' : 'forgot-password', - 'title': 'Forgot Password', - 'type' : 'item', - 'url' : '/pages/auth/forgot-password' - }, - { - 'id' : 'forgot-password-v2', - 'title': 'Forgot Password v2', - 'type' : 'item', - 'url' : '/pages/auth/forgot-password-2' - }, - { - 'id' : 'reset-password', - 'title': 'Reset Password', - 'type' : 'item', - 'url' : '/pages/auth/reset-password' - }, - { - 'id' : 'reset-password-v2', - 'title': 'Reset Password v2', - 'type' : 'item', - 'url' : '/pages/auth/reset-password-2' - }, - { - 'id' : 'lock-screen', - 'title': 'Lock Screen', - 'type' : 'item', - 'url' : '/pages/auth/lock' - }, - { - 'id' : 'mail-confirmation', - 'title': 'Mail Confirmation', - 'type' : 'item', - 'url' : '/pages/auth/mail-confirm' - } - ] - }, - { - 'id' : 'coming-soon', - 'title': 'Coming Soon', - 'type' : 'item', - 'icon' : 'alarm', - 'url' : '/pages/coming-soon' - }, - { - 'id' : 'errors', - 'title' : 'Errors', - 'type' : 'collapse', - 'icon' : 'error', - 'children': [ - { - 'id' : '404', - 'title': '404', - 'type' : 'item', - 'url' : '/pages/errors/error-404' - }, - { - 'id' : '500', - 'title': '500', - 'type' : 'item', - 'url' : '/pages/errors/error-500' - } - ] - }, - { - 'id' : 'invoice', - 'title' : 'Invoice', - 'type' : 'collapse', - 'icon' : 'receipt', - 'children': [ - { - 'id' : 'modern', - 'title': 'Modern', - 'type' : 'item', - 'url' : '/pages/invoices/modern' - }, - { - 'id' : 'compact', - 'title': 'Compact', - 'type' : 'item', - 'url' : '/pages/invoices/compact' - } - ] - }, - { - 'id' : 'maintenance', - 'title': 'Maintenance', - 'type' : 'item', - 'icon' : 'build', - 'url' : '/pages/maintenance' - }, - { - 'id' : 'pricing', - 'title' : 'Pricing', - 'type' : 'collapse', - 'icon' : 'attach_money', - 'children': [ - { - 'id' : 'style-1', - 'title': 'Style 1', - 'type' : 'item', - 'url' : '/pages/pricing/style-1' - }, - { - 'id' : 'style-2', - 'title': 'Style 2', - 'type' : 'item', - 'url' : '/pages/pricing/style-2' - }, - { - 'id' : 'style-3', - 'title': 'Style 3', - 'type' : 'item', - 'url' : '/pages/pricing/style-3' - } - ] - }, - { - 'id' : 'profile', - 'title': 'Profile', - 'type' : 'item', - 'icon' : 'person', - 'url' : '/pages/profile' - }, - { - 'id' : 'search', - 'title': 'Search', - 'type' : 'item', - 'icon' : 'search', - 'url' : '/pages/search' - }, - { - 'title': 'Faq', - 'type' : 'item', - 'icon' : 'help', - 'url' : '/pages/faq' - }, - { - 'title': 'Knowledge Base', - 'type' : 'item', - 'icon' : 'import_contacts', - 'url' : '/pages/knowledge-base' - } - ] - }, - { - 'id' : 'user-interface', - 'title' : 'User Interface', - 'type' : 'group', - 'icon' : 'web', - 'children': [ - { - 'id' : 'forms', - 'title': 'Forms', - 'type' : 'item', - 'icon' : 'web_asset', - 'url' : '/ui/forms' - }, - { - 'id' : 'icons', - 'title': 'Icons', - 'type' : 'item', - 'icon' : 'photo', - 'url' : '/ui/icons' - }, - { - 'id' : 'typography', - 'title': 'Typography', - 'type' : 'item', - 'icon' : 'text_fields', - 'url' : '/ui/typography' - }, - { - 'id' : 'helper-classes', - 'title': 'Helper Classes', - 'type' : 'item', - 'icon' : 'help', - 'url' : '/ui/helper-classes' - }, - { - 'id' : 'page-layouts', - 'title' : 'Page Layouts', - 'type' : 'collapse', - 'icon' : 'view_quilt', - 'children': [ - { - 'id' : 'carded', - 'title' : 'Carded', - 'type' : 'collapse', - 'badge' : { - 'title': 10, - 'bg' : '#525e8a', - 'fg' : '#FFFFFF' - }, - 'children': [ - { - 'id' : 'full-width', - 'title': 'Full Width', - 'type' : 'item', - 'url' : '/ui/page-layouts/carded/full-width' - }, - { - 'id' : 'full-width-2', - 'title': 'Full Width 2', - 'type' : 'item', - 'url' : '/ui/page-layouts/carded/full-width-2' - }, - { - 'id' : 'left-sidenav', - 'title': 'Left Sidenav', - 'type' : 'item', - 'url' : '/ui/page-layouts/carded/left-sidenav' - }, - { - 'id' : 'left-sidenav-tabbed', - 'title': 'Left Sidenav Tabbed', - 'type' : 'item', - 'url' : '/ui/page-layouts/carded/left-sidenav-tabbed' - }, - { - 'id' : 'left-sidenav-2', - 'title': 'Left Sidenav 2', - 'type' : 'item', - 'url' : '/ui/page-layouts/carded/left-sidenav-2' - }, - { - 'id' : 'left-sidenav-2-tabbed', - 'title': 'Left Sidenav 2 Tabbed', - 'type' : 'item', - 'url' : '/ui/page-layouts/carded/left-sidenav-2-tabbed' - }, - { - 'id' : 'right-sidenav', - 'title': 'Right Sidenav', - 'type' : 'item', - 'url' : '/ui/page-layouts/carded/right-sidenav' - }, - { - 'id' : 'right-sidenav-tabbed', - 'title': 'Right Sidenav Tabbed', - 'type' : 'item', - 'url' : '/ui/page-layouts/carded/right-sidenav-tabbed' - }, - { - 'id' : 'right-sidenav-2', - 'title': 'Right Sidenav 2', - 'type' : 'item', - 'url' : '/ui/page-layouts/carded/right-sidenav-2' - }, - { - 'id' : 'right-sidenav-2-tabbed', - 'title': 'Right Sidenav 2 Tabbed', - 'type' : 'item', - 'url' : '/ui/page-layouts/carded/right-sidenav-2-tabbed' - } - ] - }, - { - 'id' : 'simple', - 'title' : 'Simple', - 'type' : 'collapse', - 'badge' : { - 'title': 8, - 'bg' : '#525e8a', - 'fg' : '#FFFFFF' - }, - 'children': [ - { - 'id' : 'full-width', - 'title': 'Full Width', - 'type' : 'item', - 'url' : '/ui/page-layouts/simple/full-width' - }, - { - 'id' : 'left-sidenav', - 'title': 'Left Sidenav', - 'type' : 'item', - 'url' : '/ui/page-layouts/simple/left-sidenav' - }, - { - 'id' : 'left-sidenav-2', - 'title': 'Left Sidenav 2', - 'type' : 'item', - 'url' : '/ui/page-layouts/simple/left-sidenav-2' - }, - { - 'id' : 'left-sidenav-3', - 'title': 'Left Sidenav 3', - 'type' : 'item', - 'url' : '/ui/page-layouts/simple/left-sidenav-3' - }, - { - 'id' : 'right-sidenav', - 'title': 'Right Sidenav', - 'type' : 'item', - 'url' : '/ui/page-layouts/simple/right-sidenav' - }, - { - 'id' : 'right-sidenav-2', - 'title': 'Right Sidenav 2', - 'type' : 'item', - 'url' : '/ui/page-layouts/simple/right-sidenav-2' - }, - { - 'id' : 'right-sidenav-3', - 'title': 'Right Sidenav 3', - 'type' : 'item', - 'url' : '/ui/page-layouts/simple/right-sidenav-3' - }, - { - 'id' : 'tabbed', - 'title': 'Tabbed', - 'type' : 'item', - 'url' : '/ui/page-layouts/simple/tabbed' - } - ] - }, - { - 'id' : 'blank', - 'title': 'Blank', - 'type' : 'item', - 'url' : '/ui/page-layouts/blank' - } - ] - }, - { - 'id' : 'colors', - 'title': 'Colors', - 'type' : 'item', - 'icon' : 'color_lens', - 'url' : '/ui/colors' - } - ] - }, - { - 'id' : 'services', - 'title' : 'Services', - 'type' : 'group', - 'icon' : 'settings', - 'children': [ - { - 'id' : 'config', - 'title': 'Config', - 'type' : 'item', - 'icon' : 'settings', - 'url' : '/services/config' - }, - { - 'id' : 'splash-screen', - 'title': 'Splash Screen', - 'type' : 'item', - 'icon' : 'settings', - 'url' : '/services/splash-screen' - } - ] - }, - { - 'id' : 'components', - 'title' : 'Components', - 'type' : 'group', - 'icon' : 'settings_input_component', - 'children': [ - { - 'id' : 'angular-material-elements', - 'title' : 'Angular Material Elements', - 'type' : 'collapse', - 'icon' : 'layers', - 'children': [ - { - 'id' : 'form-controls', - 'title' : 'Form Controls', - 'type' : 'group', - 'children': [ - { - 'id' : 'autocomplete', - 'title': 'Autocomplete', - 'type' : 'item', - 'url' : '/components/angular-material/autocomplete' - }, - { - 'id' : 'checkbox', - 'title': 'Checkbox', - 'type' : 'item', - 'url' : '/components/angular-material/checkbox' - }, - { - 'id' : 'datepicker', - 'title': 'Datepicker', - 'type' : 'item', - 'url' : '/components/angular-material/datepicker' - }, - { - 'id' : 'form-field', - 'title': 'Form field', - 'type' : 'item', - 'url' : '/components/angular-material/form-field' - }, - { - 'id' : 'input', - 'title': 'Input', - 'type' : 'item', - 'url' : '/components/angular-material/input' - }, - { - 'id' : 'radio-button', - 'title': 'Radio button', - 'type' : 'item', - 'url' : '/components/angular-material/radio-button' - }, - { - 'id' : 'select', - 'title': 'Select', - 'type' : 'item', - 'url' : '/components/angular-material/select' - }, - { - 'id' : 'slider', - 'title': 'Slider', - 'type' : 'item', - 'url' : '/components/angular-material/slider' - }, - { - 'id' : 'slide-toggle', - 'title': 'Slide toggle', - 'type' : 'item', - 'url' : '/components/angular-material/slide-toggle' - } - ] - }, - { - 'id' : 'navigation', - 'title' : 'Navigation', - 'type' : 'group', - 'children': [ - { - 'id' : 'menu', - 'title': 'Menu', - 'type' : 'item', - 'url' : '/components/angular-material/menu' - }, - { - 'id' : 'sidenav', - 'title': 'Sidenav', - 'type' : 'item', - 'url' : '/components/angular-material/sidenav' - }, - { - 'id' : 'toolbar', - 'title': 'Toolbar', - 'type' : 'item', - 'url' : '/components/angular-material/toolbar' - } - ] - }, - { - 'id' : 'layout', - 'title' : 'Layout', - 'type' : 'group', - 'children': [ - { - 'id' : 'list', - 'title': 'List', - 'type' : 'item', - 'url' : '/components/angular-material/list' - }, - { - 'id' : 'grid-list', - 'title': 'Grid list', - 'type' : 'item', - 'url' : '/components/angular-material/grid-list' - }, - { - 'id' : 'card', - 'title': 'Card', - 'type' : 'item', - 'url' : '/components/angular-material/card' - }, - { - 'id' : 'divider', - 'title': 'Divider', - 'type' : 'item', - 'url' : '/components/angular-material/divider' - }, - { - 'id' : 'stepper', - 'title': 'Stepper', - 'type' : 'item', - 'url' : '/components/angular-material/stepper' - }, - { - 'id' : 'tabs', - 'title': 'Tabs', - 'type' : 'item', - 'url' : '/components/angular-material/tabs' - }, - { - 'id' : 'elevation', - 'title': 'Elevation', - 'type' : 'item', - 'url' : '/components/angular-material/elevation' - }, - { - 'id' : 'expansion-panel', - 'title': 'Expansion Panel', - 'type' : 'item', - 'url' : '/components/angular-material/expansion-panel' - } - ] - }, - { - 'id' : 'buttons-indicators', - 'title' : 'Buttons & Indicators', - 'type' : 'group', - 'children': [ - { - 'id' : 'button', - 'title': 'Button', - 'type' : 'item', - 'url' : '/components/angular-material/button' - }, - { - 'id' : 'button-toggle', - 'title': 'Button toggle', - 'type' : 'item', - 'url' : '/components/angular-material/button-toggle' - }, - { - 'id' : 'chips', - 'title': 'Chips', - 'type' : 'item', - 'url' : '/components/angular-material/chips' - }, - { - 'id' : 'icon', - 'title': 'Icon', - 'type' : 'item', - 'url' : '/components/angular-material/icon' - }, - { - 'id' : 'progress-spinner', - 'title': 'Progress spinner', - 'type' : 'item', - 'url' : '/components/angular-material/progress-spinner' - }, - { - 'id' : 'progress-bar', - 'title': 'Progress bar', - 'type' : 'item', - 'url' : '/components/angular-material/progress-bar' - } - ] - }, - { - 'id' : 'popups-modals', - 'title' : 'Popups & Modals', - 'type' : 'group', - 'children': [ - { - 'id' : 'dialog', - 'title': 'Dialog', - 'type' : 'item', - 'url' : '/components/angular-material/dialog' - }, - { - 'id' : 'tooltip', - 'title': 'Tooltip', - 'type' : 'item', - 'url' : '/components/angular-material/tooltip' - }, - { - 'id' : 'snackbar', - 'title': 'Snackbar', - 'type' : 'item', - 'url' : '/components/angular-material/snackbar' - } - ] - }, - { - 'id' : 'data-table', - 'title' : 'Data table', - 'type' : 'group', - 'children': [ - { - 'id' : 'table', - 'title': 'Table', - 'type' : 'item', - 'url' : '/components/angular-material/data-table' - }, - { - 'id' : 'sort-header', - 'title': 'Sort header', - 'type' : 'item', - 'url' : '/components/angular-material/sort-header' - }, - { - 'id' : 'paginator', - 'title': 'Paginator', - 'type' : 'item', - 'url' : '/components/angular-material/paginator' - } - ] - } - ] - }, - { - 'id' : 'cards', - 'title': 'Cards', - 'type' : 'item', - 'icon' : 'settings_input_component', - 'url' : '/components/cards' - }, - { - 'id' : 'countdown', - 'title': 'Countdown', - 'type' : 'item', - 'icon' : 'settings_input_component', - 'url' : '/components/countdown' - }, - { - 'id' : 'highlight', - 'title': 'Highlight', - 'type' : 'item', - 'icon' : 'settings_input_component', - 'url' : '/components/highlight' - }, - { - 'id' : 'material-color-picker', - 'title': 'Material Color Picker', - 'type' : 'item', - 'icon' : 'settings_input_component', - 'url' : '/components/material-color-picker' - }, - { - 'id' : 'multi-language', - 'title': 'Multi Language', - 'type' : 'item', - 'icon' : 'settings_input_component', - 'url' : '/components/multi-language' - }, - { - 'id' : 'navigation', - 'title': 'Navigation', - 'type' : 'item', - 'icon' : 'settings_input_component', - 'url' : '/components/navigation' - }, - { - 'id' : 'search-bar', - 'title': 'Search Bar', - 'type' : 'item', - 'icon' : 'settings_input_component', - 'url' : '/components/search-bar' - }, - { - 'id' : 'sidebar', - 'title': 'Sidebar', - 'type' : 'item', - 'icon' : 'settings_input_component', - 'url' : '/components/sidebar' - }, - { - 'id' : 'shortcuts', - 'title': 'Shortcuts', - 'type' : 'item', - 'icon' : 'settings_input_component', - 'url' : '/components/shortcuts' - }, - { - 'id' : 'widget', - 'title': 'Widget', - 'type' : 'item', - 'icon' : 'settings_input_component', - 'url' : '/components/widget' - } - ] - }, - { - 'id' : '3rd-party-components', - 'title' : '3rd Party components', - 'type' : 'group', - 'icon' : 'settings_input_component', - 'children': [ - { - 'id' : 'datatables', - 'title' : 'Datatables', - 'type' : 'collapse', - 'icon' : 'border_all', - 'children': [ - { - 'id' : 'ngxdatatable', - 'title': 'ngx-datatable', - 'type' : 'item', - 'url' : '/components-third-party/datatables/ngx-datatable' - } - ] - }, - { - 'id' : 'google-maps', - 'title': 'Google Maps', - 'type' : 'item', - 'icon' : 'place', - 'url' : '/components-third-party/google-maps' } ] }