put Fuse prefix to all components

src/app/core/components/navigation/nav-collapse/nav-collapse.component.ts

@@ -41,7 +41,7 @@ export class FuseNavCollapseComponent implements OnInit
         );
 
         /**
-         * Whenever a navigaiton collapse item toggled
+         * Whenever a navigation collapse item toggled
          */
         this.navigationService.onNavCollapseToggled.subscribe(
             (clickedItem) => {

src/app/core/fuseUtils.ts

@@ -81,7 +81,7 @@ export class FuseUtils
         return value.toLowerCase().includes(searchText);
     }
 
-    public static genearateGUID()
+    public static generateGUID()
     {
         function S4()
         {

src/app/main/content/apps/calendar/calendar.component.ts

@@ -2,7 +2,7 @@ import { startOfDay, endOfDay, subDays, addDays, endOfMonth, isSameDay, isSameMo
 import { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { Subject } from 'rxjs/Subject';
 import { MdDialog, MdDialogRef } from '@angular/material';
-import { EventFormDialogComponent } from './event-form/event-form.component';
+import { FuseCalendarEventFormDialogComponent } from './event-form/event-form.component';
 import { FormGroup } from '@angular/forms';
 import { CalendarEventModel } from './event.model';
 import { CalendarService } from './calendar.service';
@@ -21,7 +21,7 @@ import { FuseConfirmDialogComponent } from '../../../../core/components/confirm-
     styleUrls      : ['./calendar.component.scss'],
     encapsulation  : ViewEncapsulation.None
 })
-export class CalendarComponent implements OnInit
+export class FuseCalendarComponent implements OnInit
 {
     view: string;
 
@@ -199,7 +199,7 @@ export class CalendarComponent implements OnInit
     {
         const eventIndex = this.events.indexOf(event);
 
-        this.dialogRef = this.dialog.open(EventFormDialogComponent, {
+        this.dialogRef = this.dialog.open(FuseCalendarEventFormDialogComponent, {
             panelClass: 'event-form-dialog',
             data      : {
                 event : event,
@@ -243,7 +243,7 @@ export class CalendarComponent implements OnInit
      */
     addEvent(): void
     {
-        this.dialogRef = this.dialog.open(EventFormDialogComponent, {
+        this.dialogRef = this.dialog.open(FuseCalendarEventFormDialogComponent, {
             panelClass: 'event-form-dialog',
             data      : {
                 action: 'new',

src/app/main/content/apps/calendar/calendar.module.ts

@@ -1,15 +1,15 @@
 import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../core/modules/shared.module';
 import { RouterModule, Routes } from '@angular/router';
-import { CalendarComponent } from './calendar.component';
+import { FuseCalendarComponent } from './calendar.component';
 import { CalendarService } from './calendar.service';
 import { CalendarModule } from 'angular-calendar';
-import { EventFormDialogComponent } from './event-form/event-form.component';
+import { FuseCalendarEventFormDialogComponent } from './event-form/event-form.component';
 
 const routes: Routes = [
     {
         path     : '**',
-        component: CalendarComponent,
+        component: FuseCalendarComponent,
         children : [],
         resolve  : {
             chat: CalendarService
@@ -24,13 +24,13 @@ const routes: Routes = [
         CalendarModule.forRoot()
     ],
     declarations   : [
-        CalendarComponent,
+        FuseCalendarComponent,
-        EventFormDialogComponent
+        FuseCalendarEventFormDialogComponent
     ],
     providers      : [
         CalendarService
     ],
-    entryComponents: [EventFormDialogComponent]
+    entryComponents: [FuseCalendarEventFormDialogComponent]
 })
 export class FuseCalendarModule
 {

src/app/main/content/apps/calendar/event-form/event-form.component.ts

@@ -13,7 +13,7 @@ import 'rxjs/Rx';
     encapsulation: ViewEncapsulation.None
 })
 
-export class EventFormDialogComponent implements OnInit
+export class FuseCalendarEventFormDialogComponent implements OnInit
 {
     event: CalendarEvent;
     dialogTitle: string;
@@ -22,7 +22,7 @@ export class EventFormDialogComponent implements OnInit
     presetColors = MatColors.presets;
 
     constructor(
-        public dialogRef: MdDialogRef<EventFormDialogComponent>,
+        public dialogRef: MdDialogRef<FuseCalendarEventFormDialogComponent>,
         @Inject(MD_DIALOG_DATA) private data: any,
         private formBuilder: FormBuilder
     )

src/app/main/content/apps/chat/chat-start/chat-start.component.ts

@@ -5,7 +5,7 @@ import { Component, OnInit } from '@angular/core';
     templateUrl: './chat-start.component.html',
     styleUrls  : ['./chat-start.component.scss']
 })
-export class ChatStartComponent implements OnInit
+export class FuseChatStartComponent implements OnInit
 {
 
     constructor()

src/app/main/content/apps/chat/chat-view/chat-view.component.ts

@@ -8,7 +8,7 @@ import { PerfectScrollbarDirective } from 'ngx-perfect-scrollbar';
     templateUrl: './chat-view.component.html',
     styleUrls  : ['./chat-view.component.scss']
 })
-export class ChatViewComponent implements OnInit, AfterViewInit
+export class FuseChatViewComponent implements OnInit, AfterViewInit
 {
     user: any;
     chat: any;

src/app/main/content/apps/chat/chat.component.ts

@@ -7,7 +7,7 @@ import { ChatService } from './chat.service';
     styleUrls    : ['./chat.component.scss'],
     encapsulation: ViewEncapsulation.None
 })
-export class ChatComponent implements OnInit
+export class FuseChatComponent implements OnInit
 {
     selectedChat: any;
 

src/app/main/content/apps/chat/chat.module.ts

@@ -1,20 +1,20 @@
 import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../core/modules/shared.module';
 import { RouterModule, Routes } from '@angular/router';
-import { ChatComponent } from './chat.component';
+import { FuseChatComponent } from './chat.component';
 import { ChatService } from './chat.service';
-import { ChatViewComponent } from './chat-view/chat-view.component';
+import { FuseChatViewComponent } from './chat-view/chat-view.component';
-import { ChatStartComponent } from './chat-start/chat-start.component';
+import { FuseChatStartComponent } from './chat-start/chat-start.component';
-import { ChatsSidenavComponent } from './sidenavs/left/chats/chats.component';
+import { FuseChatChatsSidenavComponent } from './sidenavs/left/chats/chats.component';
-import { UserSidenavComponent } from './sidenavs/left/user/user.component';
+import { FuseChatUserSidenavComponent } from './sidenavs/left/user/user.component';
-import { LeftSidenavComponent } from './sidenavs/left/left.component';
+import { FuseChatLeftSidenavComponent } from './sidenavs/left/left.component';
-import { RightSidenavComponent } from './sidenavs/right/right.component';
+import { FuseChatRightSidenavComponent } from './sidenavs/right/right.component';
-import { ContactSidenavComponent } from './sidenavs/right/contact/contact.component';
+import { FuseChatContactSidenavComponent } from './sidenavs/right/contact/contact.component';
 
 const routes: Routes = [
     {
         path     : '**',
-        component: ChatComponent,
+        component: FuseChatComponent,
         children : [],
         resolve  : {
             chat: ChatService
@@ -28,14 +28,14 @@ const routes: Routes = [
         RouterModule.forChild(routes)
     ],
     declarations: [
-        ChatComponent,
+        FuseChatComponent,
-        ChatViewComponent,
+        FuseChatViewComponent,
-        ChatStartComponent,
+        FuseChatStartComponent,
-        ChatsSidenavComponent,
+        FuseChatChatsSidenavComponent,
-        UserSidenavComponent,
+        FuseChatUserSidenavComponent,
-        LeftSidenavComponent,
+        FuseChatLeftSidenavComponent,
-        RightSidenavComponent,
+        FuseChatRightSidenavComponent,
-        ContactSidenavComponent
+        FuseChatContactSidenavComponent
     ],
     providers   : [
         ChatService

src/app/main/content/apps/chat/chat.service.ts

@@ -81,7 +81,7 @@ export class ChatService implements Resolve<any>
                 return item.id === contactId;
             });
 
-            const chatId = FuseUtils.genearateGUID();
+            const chatId = FuseUtils.generateGUID();
 
             const chat = {
                 id    : chatId,

src/app/main/content/apps/chat/sidenavs/left/chats/chats.component.ts

@@ -8,7 +8,7 @@ import { ObservableMedia } from '@angular/flex-layout';
     templateUrl: './chats.component.html',
     styleUrls  : ['./chats.component.scss']
 })
-export class ChatsSidenavComponent implements OnInit
+export class FuseChatChatsSidenavComponent implements OnInit
 {
     user: any;
     chats: any[];
@@ -64,6 +64,6 @@ export class ChatsSidenavComponent implements OnInit
 
     logout()
     {
-        console.info('logout triggered');
+        console.log('logout triggered');
     }
 }

src/app/main/content/apps/chat/sidenavs/left/left.component.ts

@@ -8,7 +8,7 @@ import { ChatService } from '../../chat.service';
     styleUrls  : ['./left.component.scss'],
     animations : [Animations.slideInLeft, Animations.slideInRight]
 })
-export class LeftSidenavComponent implements OnInit
+export class FuseChatLeftSidenavComponent implements OnInit
 {
     view: string;
 

src/app/main/content/apps/chat/sidenavs/left/user/user.component.ts

@@ -8,7 +8,7 @@ import 'rxjs/Rx';
     templateUrl: './user.component.html',
     styleUrls  : ['./user.component.scss']
 })
-export class UserSidenavComponent implements OnInit, OnDestroy
+export class FuseChatUserSidenavComponent implements OnInit, OnDestroy
 {
     user: any;
     onFormChange: any;

src/app/main/content/apps/chat/sidenavs/right/contact/contact.component.ts

@@ -6,7 +6,7 @@ import { ChatService } from '../../../chat.service';
     templateUrl: './contact.component.html',
     styleUrls  : ['./contact.component.scss']
 })
-export class ContactSidenavComponent implements OnInit
+export class FuseChatContactSidenavComponent implements OnInit
 {
     contact: any;
 

src/app/main/content/apps/chat/sidenavs/right/right.component.ts

@@ -8,7 +8,7 @@ import { ChatService } from '../../chat.service';
     styleUrls  : ['./right.component.scss'],
     animations : [Animations.slideInLeft, Animations.slideInRight]
 })
-export class RightSidenavComponent implements OnInit
+export class FuseChatRightSidenavComponent implements OnInit
 {
     view: string;
 

src/app/main/content/apps/contacts/contact-form/contact-form.component.ts

@@ -12,7 +12,7 @@ import { Contact } from '../contact.model';
     encapsulation: ViewEncapsulation.None
 })
 
-export class ContactFormDialogComponent implements OnInit
+export class FuseContactsContactFormDialogComponent implements OnInit
 {
     event: CalendarEvent;
     dialogTitle: string;
@@ -21,7 +21,7 @@ export class ContactFormDialogComponent implements OnInit
     contact: Contact;
 
     constructor(
-        public dialogRef: MdDialogRef<ContactFormDialogComponent>,
+        public dialogRef: MdDialogRef<FuseContactsContactFormDialogComponent>,
         @Inject(MD_DIALOG_DATA) private data: any,
         private formBuilder: FormBuilder
     )

src/app/main/content/apps/contacts/contact-list/contact-list.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit, TemplateRef, ViewChild } from '@angular/core';
 import { ContactsService } from '../contacts.service';
 import { DataSource } from '@angular/cdk';
 import { Observable } from 'rxjs/Observable';
-import { ContactFormDialogComponent } from '../contact-form/contact-form.component';
+import { FuseContactsContactFormDialogComponent } from '../contact-form/contact-form.component';
 import { MdDialog, MdDialogRef } from '@angular/material';
 import { FuseConfirmDialogComponent } from '../../../../../core/components/confirm-dialog/confirm-dialog.component';
 import { FormGroup } from '@angular/forms';
@@ -12,7 +12,7 @@ import { FormGroup } from '@angular/forms';
     templateUrl: './contact-list.component.html',
     styleUrls  : ['./contact-list.component.scss']
 })
-export class ContactListComponent implements OnInit
+export class FuseContactsContactListComponent implements OnInit
 {
     @ViewChild('dialogContent') dialogContent: TemplateRef<any>;
 
@@ -63,7 +63,7 @@ export class ContactListComponent implements OnInit
 
     newContact()
     {
-        this.dialogRef = this.dialog.open(ContactFormDialogComponent, {
+        this.dialogRef = this.dialog.open(FuseContactsContactFormDialogComponent, {
             panelClass: 'contact-form-dialog',
             data      : {
                 action: 'new'
@@ -85,7 +85,7 @@ export class ContactListComponent implements OnInit
 
     editContact(contact)
     {
-        this.dialogRef = this.dialog.open(ContactFormDialogComponent, {
+        this.dialogRef = this.dialog.open(FuseContactsContactFormDialogComponent, {
             panelClass: 'contact-form-dialog',
             data      : {
                 contact: contact,

src/app/main/content/apps/contacts/contact.model.ts

@@ -18,7 +18,7 @@ export class Contact
     constructor(contact)
     {
         {
-            this.id = contact.id || FuseUtils.genearateGUID();
+            this.id = contact.id || FuseUtils.generateGUID();
             this.name = contact.name || '';
             this.lastName = contact.lastName || '';
             this.avatar = contact.avatar || 'assets/images/avatars/profile.jpg';

src/app/main/content/apps/contacts/contacts.component.ts

@@ -10,7 +10,7 @@ import { FormControl } from '@angular/forms';
     encapsulation: ViewEncapsulation.None,
     animations   : [Animations.slideInTop]
 })
-export class ContactsComponent implements OnInit
+export class FuseContactsComponent implements OnInit
 {
     hasSelectedContacts: boolean;
     searchInput: FormControl;

src/app/main/content/apps/contacts/contacts.module.ts

@@ -1,17 +1,17 @@
 import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../core/modules/shared.module';
 import { RouterModule, Routes } from '@angular/router';
-import { MainSidenavComponent } from './sidenavs/main/main.component';
+import { FuseContactsMainSidenavComponent } from './sidenavs/main/main.component';
-import { ContactsComponent } from './contacts.component';
+import { FuseContactsComponent } from './contacts.component';
 import { ContactsService } from './contacts.service';
-import { ContactListComponent } from './contact-list/contact-list.component';
+import { FuseContactsContactListComponent } from './contact-list/contact-list.component';
-import { SelectedBarComponent } from './selected-bar/selected-bar.component';
+import { FuseContactsSelectedBarComponent } from './selected-bar/selected-bar.component';
-import { ContactFormDialogComponent } from './contact-form/contact-form.component';
+import { FuseContactsContactFormDialogComponent } from './contact-form/contact-form.component';
 
 const routes: Routes = [
     {
         path     : '**',
-        component: ContactsComponent,
+        component: FuseContactsComponent,
         children : [],
         resolve  : {
             contacts: ContactsService
@@ -25,16 +25,16 @@ const routes: Routes = [
         RouterModule.forChild(routes)
     ],
     declarations   : [
-        ContactsComponent,
+        FuseContactsComponent,
-        ContactListComponent,
+        FuseContactsContactListComponent,
-        SelectedBarComponent,
+        FuseContactsSelectedBarComponent,
-        MainSidenavComponent,
+        FuseContactsMainSidenavComponent,
-        ContactFormDialogComponent
+        FuseContactsContactFormDialogComponent
     ],
     providers      : [
         ContactsService
     ],
-    entryComponents: [ContactFormDialogComponent]
+    entryComponents: [FuseContactsContactFormDialogComponent]
 })
 export class FuseContactsModule
 {

src/app/main/content/apps/contacts/selected-bar/selected-bar.component.ts

@@ -8,7 +8,7 @@ import { FuseConfirmDialogComponent } from '../../../../../core/components/confi
     templateUrl: './selected-bar.component.html',
     styleUrls  : ['./selected-bar.component.scss']
 })
-export class SelectedBarComponent implements OnInit
+export class FuseContactsSelectedBarComponent implements OnInit
 {
     selectedContacts: string[];
     hasSelectedContacts: boolean;

src/app/main/content/apps/contacts/sidenavs/main/main.component.ts

@@ -6,7 +6,7 @@ import { ContactsService } from '../../contacts.service';
     templateUrl: './main.component.html',
     styleUrls  : ['./main.component.scss']
 })
-export class MainSidenavComponent implements OnInit
+export class FuseContactsMainSidenavComponent implements OnInit
 {
     user: any;
     filterBy: string;

src/app/main/content/apps/dashboards/project/project.component.ts

@@ -11,7 +11,7 @@ import { DataSource } from '@angular/cdk';
     styleUrls    : ['./project.component.scss'],
     encapsulation: ViewEncapsulation.None
 })
-export class ProjectComponent implements OnInit, OnDestroy
+export class FuseProjectComponent implements OnInit, OnDestroy
 {
     projects: any[];
     selectedProject: any;

src/app/main/content/apps/dashboards/project/project.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { ProjectComponent } from './project.component';
+import { FuseProjectComponent } from './project.component';
 import { SharedModule } from '../../../../../core/modules/shared.module';
 import { ProjectsDashboardService } from './projects.service';
 import { FuseWidgetModule } from '../../../../../core/components/widget/widget.module';
@@ -9,7 +9,7 @@ import { NgxChartsModule } from '@swimlane/ngx-charts';
 const routes: Routes = [
     {
         path     : 'apps/dashboards/project',
-        component: ProjectComponent,
+        component: FuseProjectComponent,
         resolve  : {
             data: ProjectsDashboardService
         }
@@ -24,7 +24,7 @@ const routes: Routes = [
         NgxChartsModule
     ],
     declarations: [
-        ProjectComponent
+        FuseProjectComponent
     ],
     providers   : [
         ProjectsDashboardService

src/app/main/content/apps/file-manager/file-list/file-list.component.ts

@@ -8,7 +8,7 @@ import { Observable } from 'rxjs/Observable';
     templateUrl: './file-list.component.html',
     styleUrls  : ['./file-list.component.scss']
 })
-export class FileListComponent implements OnInit
+export class FuseFileManagerFileListComponent implements OnInit
 {
     files: any;
     dataSource: FilesDataSource | null;

src/app/main/content/apps/file-manager/file-manager.component.ts

@@ -7,7 +7,7 @@ import { FileManagerService } from './file-manager.service';
     styleUrls    : ['./file-manager.component.scss'],
     encapsulation: ViewEncapsulation.None
 })
-export class FileManagerComponent implements OnInit
+export class FuseFileManagerComponent implements OnInit
 {
 
     selected: any;

src/app/main/content/apps/file-manager/file-manager.module.ts

@@ -1,16 +1,16 @@
 import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../core/modules/shared.module';
 import { RouterModule, Routes } from '@angular/router';
-import { FileManagerComponent } from './file-manager.component';
+import { FuseFileManagerComponent } from './file-manager.component';
 import { FileManagerService } from './file-manager.service';
-import { FileListComponent } from './file-list/file-list.component';
+import { FuseFileManagerFileListComponent } from './file-list/file-list.component';
-import { MainSidenavComponent } from './sidenavs/main/main.component';
+import { FuseFileManagerMainSidenavComponent } from './sidenavs/main/main.component';
-import { DetailsSidenavComponent } from './sidenavs/details/details.component';
+import { FuseFileManagerDetailsSidenavComponent } from './sidenavs/details/details.component';
 
 const routes: Routes = [
     {
         path     : '**',
-        component: FileManagerComponent,
+        component: FuseFileManagerComponent,
         children : [],
         resolve  : {
             files: FileManagerService
@@ -24,10 +24,10 @@ const routes: Routes = [
         RouterModule.forChild(routes)
     ],
     declarations: [
-        FileManagerComponent,
+        FuseFileManagerComponent,
-        FileListComponent,
+        FuseFileManagerFileListComponent,
-        MainSidenavComponent,
+        FuseFileManagerMainSidenavComponent,
-        DetailsSidenavComponent
+        FuseFileManagerDetailsSidenavComponent
     ],
     providers   : [
         FileManagerService

src/app/main/content/apps/file-manager/sidenavs/details/details.component.ts

@@ -6,7 +6,7 @@ import { FileManagerService } from '../../file-manager.service';
     templateUrl: './details.component.html',
     styleUrls  : ['./details.component.scss']
 })
-export class DetailsSidenavComponent implements OnInit
+export class FuseFileManagerDetailsSidenavComponent implements OnInit
 {
 
     selected: any;

src/app/main/content/apps/file-manager/sidenavs/main/main.component.ts

@@ -5,7 +5,7 @@ import { Component, OnInit } from '@angular/core';
     templateUrl: './main.component.html',
     styleUrls  : ['./main.component.scss']
 })
-export class MainSidenavComponent implements OnInit
+export class FuseFileManagerMainSidenavComponent implements OnInit
 {
     selected: any;
 

src/app/main/content/apps/mail/dialogs/compose/compose.component.ts

@@ -8,12 +8,12 @@ import { FormControl, FormGroup } from '@angular/forms';
     styleUrls    : ['./compose.component.scss'],
     encapsulation: ViewEncapsulation.None
 })
-export class MailComposeDialogComponent implements OnInit
+export class FuseMailComposeDialogComponent implements OnInit
 {
     composeForm: FormGroup;
 
     constructor(
-        public dialogRef: MdDialogRef<MailComposeDialogComponent>,
+        public dialogRef: MdDialogRef<FuseMailComposeDialogComponent>,
         @Inject(MD_DIALOG_DATA) private data: any
     )
     {

src/app/main/content/apps/mail/mail-details/mail-details.component.ts

@@ -8,7 +8,7 @@ import { Subscription } from 'rxjs/Subscription';
     templateUrl: './mail-details.component.html',
     styleUrls  : ['./mail-details.component.scss']
 })
-export class MailDetailsComponent implements OnInit, OnDestroy
+export class FuseMailDetailsComponent implements OnInit, OnDestroy
 {
     mail: Mail;
     labels: any[];

src/app/main/content/apps/mail/mail-list/mail-list-item/mail-list-item.component.ts

@@ -8,7 +8,7 @@ import { Subscription } from 'rxjs/Subscription';
     templateUrl: './mail-list-item.component.html',
     styleUrls  : ['./mail-list-item.component.scss']
 })
-export class MailListItemComponent implements OnInit, OnDestroy
+export class FuseMailListItemComponent implements OnInit, OnDestroy
 {
     @Input() mail: Mail;
     labels: any[];

src/app/main/content/apps/mail/mail-list/mail-list.component.ts

@@ -10,7 +10,7 @@ import { Subscription } from 'rxjs/Subscription';
     templateUrl: './mail-list.component.html',
     styleUrls  : ['./mail-list.component.scss']
 })
-export class MailListComponent implements OnInit, OnDestroy
+export class FuseMailListComponent implements OnInit, OnDestroy
 {
     mails: Mail[];
     currentMail: Mail;

src/app/main/content/apps/mail/mail.component.ts

@@ -9,7 +9,7 @@ import { Mail } from './mail.model';
     templateUrl: './mail.component.html',
     styleUrls  : ['./mail.component.scss']
 })
-export class MailComponent implements OnInit, OnDestroy
+export class FuseMailComponent implements OnInit, OnDestroy
 {
     hasSelectedMails: boolean;
     isIndeterminate: boolean;

src/app/main/content/apps/mail/mail.module.ts

@@ -1,53 +1,53 @@
 import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../core/modules/shared.module';
 import { RouterModule, Routes } from '@angular/router';
-import { MailComponent } from './mail.component';
+import { FuseMailComponent } from './mail.component';
-import { MainSidenavComponent } from './sidenavs/main/main-sidenav.component';
+import { FuseMailMainSidenavComponent } from './sidenavs/main/main-sidenav.component';
-import { MailListItemComponent } from './mail-list/mail-list-item/mail-list-item.component';
+import { FuseMailListItemComponent } from './mail-list/mail-list-item/mail-list-item.component';
-import { MailListComponent } from './mail-list/mail-list.component';
+import { FuseMailListComponent } from './mail-list/mail-list.component';
-import { MailDetailsComponent } from './mail-details/mail-details.component';
+import { FuseMailDetailsComponent } from './mail-details/mail-details.component';
 import { MailService } from './mail.service';
-import { MailComposeDialogComponent } from './dialogs/compose/compose.component';
+import { FuseMailComposeDialogComponent } from './dialogs/compose/compose.component';
 
 const routes: Routes = [
     {
         path     : 'label/:labelHandle',
-        component: MailComponent,
+        component: FuseMailComponent,
         resolve  : {
             mail: MailService
         }
     },
     {
         path     : 'label/:labelHandle/:mailId',
-        component: MailComponent,
+        component: FuseMailComponent,
         resolve  : {
             mail: MailService
         }
     },
     {
         path     : 'filter/:filterHandle',
-        component: MailComponent,
+        component: FuseMailComponent,
         resolve  : {
             mail: MailService
         }
     },
     {
         path     : 'filter/:filterHandle/:mailId',
-        component: MailComponent,
+        component: FuseMailComponent,
         resolve  : {
             mail: MailService
         }
     },
     {
         path     : ':folderHandle',
-        component: MailComponent,
+        component: FuseMailComponent,
         resolve  : {
             mail: MailService
         }
     },
     {
         path     : ':folderHandle/:mailId',
-        component: MailComponent,
+        component: FuseMailComponent,
         resolve  : {
             mail: MailService
         }
@@ -60,12 +60,12 @@ const routes: Routes = [
 
 @NgModule({
     declarations   : [
-        MailComponent,
+        FuseMailComponent,
-        MailListComponent,
+        FuseMailListComponent,
-        MailListItemComponent,
+        FuseMailListItemComponent,
-        MailDetailsComponent,
+        FuseMailDetailsComponent,
-        MainSidenavComponent,
+        FuseMailMainSidenavComponent,
-        MailComposeDialogComponent
+        FuseMailComposeDialogComponent
     ],
     imports        : [
         SharedModule,
@@ -74,7 +74,7 @@ const routes: Routes = [
     providers      : [
         MailService
     ],
-    entryComponents: [MailComposeDialogComponent]
+    entryComponents: [FuseMailComposeDialogComponent]
 })
 export class FuseMailModule
 {

src/app/main/content/apps/mail/sidenavs/main/main-sidenav.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
 import { MailService } from '../../mail.service';
 import { Subscription } from 'rxjs/Subscription';
-import { MailComposeDialogComponent } from '../../dialogs/compose/compose.component';
+import { FuseMailComposeDialogComponent } from '../../dialogs/compose/compose.component';
 import { MdDialog } from '@angular/material';
 import { FormGroup } from '@angular/forms';
 
@@ -10,7 +10,7 @@ import { FormGroup } from '@angular/forms';
     templateUrl: './main-sidenav.component.html',
     styleUrls  : ['./main-sidenav.component.scss']
 })
-export class MainSidenavComponent implements OnInit, OnDestroy
+export class FuseMailMainSidenavComponent implements OnInit, OnDestroy
 {
     folders: any[];
     filters: any[];
@@ -60,7 +60,7 @@ export class MainSidenavComponent implements OnInit, OnDestroy
 
     composeDialog()
     {
-        this.dialogRef = this.dialog.open(MailComposeDialogComponent, {
+        this.dialogRef = this.dialog.open(FuseMailComposeDialogComponent, {
             panelClass: 'mail-compose-dialog'
         });
         this.dialogRef.afterClosed()

src/app/main/content/apps/todo/sidenavs/main/main-sidenav.component.ts

@@ -8,7 +8,7 @@ import { Router } from '@angular/router';
     templateUrl: './main-sidenav.component.html',
     styleUrls  : ['./main-sidenav.component.scss']
 })
-export class MainSidenavComponent implements OnInit, OnDestroy
+export class FuseTodoMainSidenavComponent implements OnInit, OnDestroy
 {
     folders: any[];
     filters: any[];

src/app/main/content/apps/todo/todo-details/todo-details.component.ts

@@ -10,7 +10,7 @@ import { FuseUtils } from '../../../../../core/fuseUtils';
     templateUrl: './todo-details.component.html',
     styleUrls  : ['./todo-details.component.scss']
 })
-export class TodoDetailsComponent implements OnInit, OnDestroy
+export class FuseTodoDetailsComponent implements OnInit, OnDestroy
 {
     todo: Todo;
     tags: any[];
@@ -66,7 +66,7 @@ export class TodoDetailsComponent implements OnInit, OnDestroy
         this.onNewTodoClicked = this.todoService.onNewTodoClicked
                                     .subscribe(() => {
                                         this.todo = new Todo({});
-                                        this.todo.id = FuseUtils.genearateGUID();
+                                        this.todo.id = FuseUtils.generateGUID();
                                         this.formType = 'new';
                                         this.todoForm = this.createTodoForm();
                                         this.focusTitleField();

src/app/main/content/apps/todo/todo-list/todo-list-item/todo-list-item.component.ts

@@ -10,7 +10,7 @@ import { ActivatedRoute } from '@angular/router';
     styleUrls    : ['./todo-list-item.component.scss'],
     encapsulation: ViewEncapsulation.None
 })
-export class TodoListItemComponent implements OnInit, OnDestroy
+export class FuseTodoListItemComponent implements OnInit, OnDestroy
 {
     @Input() todo: Todo;
     tags: any[];

src/app/main/content/apps/todo/todo-list/todo-list.component.ts

@@ -10,7 +10,7 @@ import { Subscription } from 'rxjs/Subscription';
     templateUrl: './todo-list.component.html',
     styleUrls  : ['./todo-list.component.scss']
 })
-export class TodoListComponent implements OnInit, OnDestroy
+export class FuseTodoListComponent implements OnInit, OnDestroy
 {
     todos: Todo[];
     currentTodo: Todo;

src/app/main/content/apps/todo/todo.component.ts

@@ -9,7 +9,7 @@ import { Todo } from './todo.model';
     templateUrl: './todo.component.html',
     styleUrls  : ['./todo.component.scss']
 })
-export class TodoComponent implements OnInit, OnDestroy
+export class FuseTodoComponent implements OnInit, OnDestroy
 {
     hasSelectedTodos: boolean;
     isIndeterminate: boolean;

src/app/main/content/apps/todo/todo.module.ts

@@ -1,52 +1,52 @@
 import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../core/modules/shared.module';
 import { RouterModule, Routes } from '@angular/router';
-import { TodoComponent } from './todo.component';
+import { FuseTodoComponent } from './todo.component';
 import { TodoService } from './todo.service';
-import { MainSidenavComponent } from './sidenavs/main/main-sidenav.component';
+import { FuseTodoMainSidenavComponent } from './sidenavs/main/main-sidenav.component';
-import { TodoListItemComponent } from './todo-list/todo-list-item/todo-list-item.component';
+import { FuseTodoListItemComponent } from './todo-list/todo-list-item/todo-list-item.component';
-import { TodoListComponent } from './todo-list/todo-list.component';
+import { FuseTodoListComponent } from './todo-list/todo-list.component';
-import { TodoDetailsComponent } from './todo-details/todo-details.component';
+import { FuseTodoDetailsComponent } from './todo-details/todo-details.component';
 
 const routes: Routes = [
     {
         path     : 'all',
-        component: TodoComponent,
+        component: FuseTodoComponent,
         resolve  : {
             todo: TodoService
         }
     },
     {
         path     : 'all/:todoId',
-        component: TodoComponent,
+        component: FuseTodoComponent,
         resolve  : {
             todo: TodoService
         }
     },
     {
         path     : 'tag/:tagHandle',
-        component: TodoComponent,
+        component: FuseTodoComponent,
         resolve  : {
             todo: TodoService
         }
     },
     {
         path     : 'tag/:tagHandle/:todoId',
-        component: TodoComponent,
+        component: FuseTodoComponent,
         resolve  : {
             todo: TodoService
         }
     },
     {
         path     : 'filter/:filterHandle',
-        component: TodoComponent,
+        component: FuseTodoComponent,
         resolve  : {
             todo: TodoService
         }
     },
     {
         path     : 'filter/:filterHandle/:todoId',
-        component: TodoComponent,
+        component: FuseTodoComponent,
         resolve  : {
             todo: TodoService
         }
@@ -59,11 +59,11 @@ const routes: Routes = [
 
 @NgModule({
     declarations: [
-        TodoComponent,
+        FuseTodoComponent,
-        MainSidenavComponent,
+        FuseTodoMainSidenavComponent,
-        TodoListItemComponent,
+        FuseTodoListItemComponent,
-        TodoListComponent,
+        FuseTodoListComponent,
-        TodoDetailsComponent
+        FuseTodoDetailsComponent
     ],
     imports     : [
         SharedModule,

src/app/main/content/components/components.module.ts

@@ -1,13 +1,13 @@
 import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
-import { NgxDatatableComponent } from './datatable/ngx-datatable.component';
+import { FuseNgxDatatableComponent } from './datatable/ngx-datatable.component';
 import { FusePriceTablesComponent } from './price-tables/price-tables.component';
 
 const routes = [
     {
         path     : 'components/datatables/ngx-datatable',
-        component: NgxDatatableComponent
+        component: FuseNgxDatatableComponent
     },
     {
         path     : 'components/price-tables',
@@ -21,7 +21,7 @@ const routes = [
         RouterModule.forChild(routes)
     ],
     declarations: [
-        NgxDatatableComponent,
+        FuseNgxDatatableComponent,
         FusePriceTablesComponent
     ]
 })

src/app/main/content/components/datatable/ngx-datatable.component.ts

@@ -6,7 +6,7 @@ import { Http } from '@angular/http';
     templateUrl: './ngx-datatable.component.html',
     styleUrls  : ['./ngx-datatable.component.scss']
 })
-export class NgxDatatableComponent implements OnInit
+export class FuseNgxDatatableComponent implements OnInit
 {
     rows: any[];
     loadingIndicator = true;

src/app/main/content/pages/authentication/forgot-password/forgot-password.component.ts

@@ -8,7 +8,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
     templateUrl: './forgot-password.component.html',
     styleUrls  : ['./forgot-password.component.scss']
 })
-export class ForgotPasswordComponent implements OnInit
+export class FuseForgotPasswordComponent implements OnInit
 {
     forgotPasswordForm: FormGroup;
     forgotPasswordFormErrors: any;

src/app/main/content/pages/authentication/forgot-password/forgot-password.module.ts

@@ -2,18 +2,18 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { ForgotPasswordComponent } from './forgot-password.component';
+import { FuseForgotPasswordComponent } from './forgot-password.component';
 
 const routes = [
     {
         path     : 'pages/auth/forgot-password',
-        component: ForgotPasswordComponent
+        component: FuseForgotPasswordComponent
     }
 ];
 
 @NgModule({
     declarations: [
-        ForgotPasswordComponent
+        FuseForgotPasswordComponent
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/authentication/lock/lock.component.ts

@@ -8,7 +8,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
     templateUrl: './lock.component.html',
     styleUrls: ['./lock.component.scss']
 })
-export class LockComponent implements OnInit
+export class FuseLockComponent implements OnInit
 {
     lockForm: FormGroup;
     lockFormErrors: any;

src/app/main/content/pages/authentication/lock/lock.module.ts

@@ -2,18 +2,18 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { LockComponent } from './lock.component';
+import { FuseLockComponent } from './lock.component';
 
 const routes = [
     {
         path     : 'pages/auth/lock',
-        component: LockComponent
+        component: FuseLockComponent
     }
 ];
 
 @NgModule({
     declarations: [
-        LockComponent
+        FuseLockComponent
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/authentication/login-2/login-2.component.ts

@@ -8,7 +8,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
     templateUrl: './login-2.component.html',
     styleUrls  : ['./login-2.component.scss']
 })
-export class Login2Component implements OnInit
+export class FuseLogin2Component implements OnInit
 {
     loginForm: FormGroup;
     loginFormErrors: any;

src/app/main/content/pages/authentication/login-2/login-2.module.ts

@@ -2,18 +2,18 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { Login2Component } from './login-2.component';
+import { FuseLogin2Component } from './login-2.component';
 
 const routes = [
     {
         path     : 'pages/auth/login-2',
-        component: Login2Component
+        component: FuseLogin2Component
     }
 ];
 
 @NgModule({
     declarations: [
-        Login2Component
+        FuseLogin2Component
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/authentication/login/login.component.ts

@@ -8,7 +8,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
     templateUrl: './login.component.html',
     styleUrls  : ['./login.component.scss']
 })
-export class LoginComponent implements OnInit
+export class FuseLoginComponent implements OnInit
 {
     loginForm: FormGroup;
     loginFormErrors: any;

src/app/main/content/pages/authentication/login/login.module.ts

@@ -2,18 +2,18 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { LoginComponent } from './login.component';
+import { FuseLoginComponent } from './login.component';
 
 const routes = [
     {
         path     : 'pages/auth/login',
-        component: LoginComponent
+        component: FuseLoginComponent
     }
 ];
 
 @NgModule({
     declarations: [
-        LoginComponent
+        FuseLoginComponent
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/authentication/register-2/register-2.component.ts

@@ -8,7 +8,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
     templateUrl: './register-2.component.html',
     styleUrls  : ['./register-2.component.scss']
 })
-export class Register2Component implements OnInit
+export class FuseRegister2Component implements OnInit
 {
     registerForm: FormGroup;
     registerFormErrors: any;

src/app/main/content/pages/authentication/register-2/register-2.module.ts

@@ -1,19 +1,19 @@
 import { NgModule } from '@angular/core';
-import { SharedModule } from "app/core/modules/shared.module";
+import { SharedModule } from 'app/core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { Register2Component } from './register-2.component';
+import { FuseRegister2Component } from './register-2.component';
 
 const routes = [
     {
         path     : 'pages/auth/register-2',
-        component: Register2Component
+        component: FuseRegister2Component
     }
 ];
 
 @NgModule({
     declarations: [
-        Register2Component
+        FuseRegister2Component
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/authentication/register/register.component.ts

@@ -8,7 +8,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
     templateUrl: './register.component.html',
     styleUrls  : ['./register.component.scss']
 })
-export class RegisterComponent implements OnInit
+export class FuseRegisterComponent implements OnInit
 {
     registerForm: FormGroup;
     registerFormErrors: any;

src/app/main/content/pages/authentication/register/register.module.ts

@@ -2,18 +2,18 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { RegisterComponent } from './register.component';
+import { FuseRegisterComponent } from './register.component';
 
 const routes = [
     {
         path     : 'pages/auth/register',
-        component: RegisterComponent
+        component: FuseRegisterComponent
     }
 ];
 
 @NgModule({
     declarations: [
-        RegisterComponent
+        FuseRegisterComponent
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/authentication/reset-password/reset-password.component.ts

@@ -8,7 +8,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
     templateUrl: './reset-password.component.html',
     styleUrls  : ['./reset-password.component.scss']
 })
-export class ResetPasswordComponent implements OnInit
+export class FuseResetPasswordComponent implements OnInit
 {
     resetPasswordForm: FormGroup;
     resetPasswordFormErrors: any;

src/app/main/content/pages/authentication/reset-password/reset-password.module.ts

@@ -2,18 +2,18 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { ResetPasswordComponent } from './reset-password.component';
+import { FuseResetPasswordComponent } from './reset-password.component';
 
 const routes = [
     {
         path     : 'pages/auth/reset-password',
-        component: ResetPasswordComponent
+        component: FuseResetPasswordComponent
     }
 ];
 
 @NgModule({
     declarations: [
-        ResetPasswordComponent
+        FuseResetPasswordComponent
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/coming-soon/coming-soon.component.ts

@@ -8,7 +8,7 @@ import { FuseLayoutService } from '../../../../core/services/layout.service';
     templateUrl: './coming-soon.component.html',
     styleUrls  : ['./coming-soon.component.scss']
 })
-export class ComingSoonComponent implements OnInit
+export class FuseComingSoonComponent implements OnInit
 {
     comingSoonForm: FormGroup;
     comingSoonFormErrors: any;

src/app/main/content/pages/coming-soon/coming-soon.module.ts

@@ -2,18 +2,18 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { ComingSoonComponent } from './coming-soon.component';
+import { FuseComingSoonComponent } from './coming-soon.component';
 
 const routes = [
     {
         path     : 'pages/coming-soon',
-        component: ComingSoonComponent
+        component: FuseComingSoonComponent
     }
 ];
 
 @NgModule({
     declarations: [
-        ComingSoonComponent
+        FuseComingSoonComponent
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/errors/404/error-404.component.ts

@@ -7,7 +7,7 @@ import { FuseLayoutService } from '../../../../../core/services/layout.service';
     templateUrl: './error-404.component.html',
     styleUrls  : ['./error-404.component.scss']
 })
-export class Error404Component implements OnInit
+export class FuseError404Component implements OnInit
 {
     constructor(private layoutService: FuseLayoutService)
     {

src/app/main/content/pages/errors/404/error-404.module.ts

@@ -2,18 +2,18 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { Error404Component } from './error-404.component';
+import { FuseError404Component } from './error-404.component';
 
 const routes = [
     {
         path     : 'pages/errors/error-404',
-        component: Error404Component
+        component: FuseError404Component
     }
 ];
 
 @NgModule({
     declarations: [
-        Error404Component
+        FuseError404Component
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/errors/500/error-500.component.ts

@@ -7,7 +7,7 @@ import { FuseLayoutService } from '../../../../../core/services/layout.service';
     templateUrl: './error-500.component.html',
     styleUrls  : ['./error-500.component.scss']
 })
-export class Error500Component implements OnInit
+export class FuseError500Component implements OnInit
 {
     constructor(private layoutService: FuseLayoutService)
     {

src/app/main/content/pages/errors/500/error-500.module.ts

@@ -2,18 +2,18 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { Error500Component } from './error-500.component';
+import { FuseError500Component } from './error-500.component';
 
 const routes = [
     {
         path     : 'pages/errors/error-500',
-        component: Error500Component
+        component: FuseError500Component
     }
 ];
 
 @NgModule({
     declarations: [
-        Error500Component
+        FuseError500Component
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/invoices/compact/compact.component.ts

@@ -6,7 +6,7 @@ import { InvoiceService } from '../invoice.service';
     templateUrl: './compact.component.html',
     styleUrls  : ['./compact.component.scss']
 })
-export class InvoiceCompactComponent
+export class FuseInvoiceCompactComponent
 {
     invoice: any;
 

src/app/main/content/pages/invoices/compact/compact.module.ts

@@ -2,13 +2,13 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { InvoiceCompactComponent } from './compact.component';
+import { FuseInvoiceCompactComponent } from './compact.component';
 import { InvoiceService } from '../invoice.service';
 
 const routes = [
     {
         path     : 'pages/invoices/compact',
-        component: InvoiceCompactComponent,
+        component: FuseInvoiceCompactComponent,
         resolve  : {
             search: InvoiceService
         }
@@ -17,7 +17,7 @@ const routes = [
 
 @NgModule({
     declarations: [
-        InvoiceCompactComponent
+        FuseInvoiceCompactComponent
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/invoices/modern/modern.component.ts

@@ -6,7 +6,7 @@ import { InvoiceService } from '../invoice.service';
     templateUrl: './modern.component.html',
     styleUrls  : ['./modern.component.scss']
 })
-export class InvoiceModernComponent
+export class FuseInvoiceModernComponent
 {
     invoice: any;
 

src/app/main/content/pages/invoices/modern/modern.module.ts

@@ -2,13 +2,13 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { InvoiceModernComponent } from './modern.component';
+import { FuseInvoiceModernComponent } from './modern.component';
 import { InvoiceService } from '../invoice.service';
 
 const routes = [
     {
         path     : 'pages/invoices/modern',
-        component: InvoiceModernComponent,
+        component: FuseInvoiceModernComponent,
         resolve  : {
             search: InvoiceService
         }
@@ -17,7 +17,7 @@ const routes = [
 
 @NgModule({
     declarations: [
-        InvoiceModernComponent
+        FuseInvoiceModernComponent
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/maintenance/maintenance.component.ts

@@ -7,7 +7,7 @@ import { FuseLayoutService } from '../../../../core/services/layout.service';
     templateUrl: './maintenance.component.html',
     styleUrls  : ['./maintenance.component.scss']
 })
-export class MaintenanceComponent implements OnInit
+export class FuseMaintenanceComponent implements OnInit
 {
     constructor(private layoutService: FuseLayoutService)
     {

src/app/main/content/pages/maintenance/maintenence.module.ts

@@ -2,18 +2,18 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { MaintenanceComponent } from './maintenance.component';
+import { FuseMaintenanceComponent } from './maintenance.component';
 
 const routes = [
     {
         path     : 'pages/maintenance',
-        component: MaintenanceComponent
+        component: FuseMaintenanceComponent
     }
 ];
 
 @NgModule({
     declarations: [
-        MaintenanceComponent
+        FuseMaintenanceComponent
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/profile/profile.component.ts

@@ -5,7 +5,7 @@ import { Component, OnInit } from '@angular/core';
     templateUrl: './profile.component.html',
     styleUrls  : ['./profile.component.scss']
 })
-export class ProfileComponent implements OnInit
+export class FuseProfileComponent implements OnInit
 {
 
     constructor()

src/app/main/content/pages/profile/profile.module.ts

@@ -2,16 +2,16 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { ProfileComponent } from './profile.component';
+import { FuseProfileComponent } from './profile.component';
-import { ProfileTimelineComponent } from './tabs/timeline/timeline.component';
+import { FuseProfileTimelineComponent } from './tabs/timeline/timeline.component';
-import { ProfileAboutComponent } from './tabs/about/about.component';
+import { FuseProfileAboutComponent } from './tabs/about/about.component';
-import { ProfilePhotosVideosComponent } from './tabs/photos-videos/photos-videos.component';
+import { FuseProfilePhotosVideosComponent } from './tabs/photos-videos/photos-videos.component';
 import { ProfileService } from './profile.service';
 
 const routes = [
     {
         path     : 'pages/profile',
-        component: ProfileComponent,
+        component: FuseProfileComponent,
         resolve  : {
             profile: ProfileService
         }
@@ -20,10 +20,10 @@ const routes = [
 
 @NgModule({
     declarations: [
-        ProfileComponent,
+        FuseProfileComponent,
-        ProfileTimelineComponent,
+        FuseProfileTimelineComponent,
-        ProfileAboutComponent,
+        FuseProfileAboutComponent,
-        ProfilePhotosVideosComponent
+        FuseProfilePhotosVideosComponent
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/profile/tabs/about/about.component.ts

@@ -6,7 +6,7 @@ import { ProfileService } from '../../profile.service';
     templateUrl: './about.component.html',
     styleUrls  : ['./about.component.scss']
 })
-export class ProfileAboutComponent implements OnInit
+export class FuseProfileAboutComponent implements OnInit
 {
     about: any;
 

src/app/main/content/pages/profile/tabs/photos-videos/photos-videos.component.ts

@@ -7,7 +7,7 @@ import { ProfileService } from '../../profile.service';
     templateUrl: './photos-videos.component.html',
     styleUrls  : ['./photos-videos.component.scss']
 })
-export class ProfilePhotosVideosComponent implements OnInit
+export class FuseProfilePhotosVideosComponent implements OnInit
 {
     photosVideos: any;
 

src/app/main/content/pages/profile/tabs/timeline/timeline.component.ts

@@ -6,7 +6,7 @@ import { ProfileService } from '../../profile.service';
     templateUrl: './timeline.component.html',
     styleUrls  : ['./timeline.component.scss']
 })
-export class ProfileTimelineComponent implements OnInit
+export class FuseProfileTimelineComponent implements OnInit
 {
     timeline: any;
 

src/app/main/content/pages/search/search.component.ts

@@ -5,7 +5,7 @@ import { Component, OnInit } from '@angular/core';
     templateUrl: './search.component.html',
     styleUrls  : ['./search.component.scss']
 })
-export class SearchComponent implements OnInit
+export class FuseSearchComponent implements OnInit
 {
 
     constructor()

src/app/main/content/pages/search/search.module.ts

@@ -2,15 +2,15 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 
-import { SearchClassicComponent } from './tabs/classic/classic.component';
+import { FuseSearchClassicComponent } from './tabs/classic/classic.component';
-import { SearchTableComponent } from './tabs/table/table.component';
+import { FuseSearchTableComponent } from './tabs/table/table.component';
-import { SearchComponent } from './search.component';
+import { FuseSearchComponent } from './search.component';
 import { SearchService } from './search.service';
 
 const routes = [
     {
         path     : 'pages/search',
-        component: SearchComponent,
+        component: FuseSearchComponent,
         resolve  : {
             search: SearchService
         }
@@ -19,9 +19,9 @@ const routes = [
 
 @NgModule({
     declarations: [
-        SearchComponent,
+        FuseSearchComponent,
-        SearchClassicComponent,
+        FuseSearchClassicComponent,
-        SearchTableComponent
+        FuseSearchTableComponent
     ],
     imports     : [
         SharedModule,

src/app/main/content/pages/search/tabs/classic/classic.component.ts

@@ -6,7 +6,7 @@ import { SearchService } from '../../search.service';
     templateUrl: './classic.component.html',
     styleUrls  : ['./classic.component.scss']
 })
-export class SearchClassicComponent implements OnInit
+export class FuseSearchClassicComponent implements OnInit
 {
     classic: any;
 

src/app/main/content/pages/search/tabs/table/table.component.ts

@@ -7,7 +7,7 @@ import { DataSource } from '@angular/cdk';
     templateUrl: './table.component.html',
     styleUrls  : ['./table.component.scss']
 })
-export class SearchTableComponent implements OnInit
+export class FuseSearchTableComponent implements OnInit
 {
     table: any;
     dataSource: SearchTableDataSource;

src/app/main/content/ui/colors/colors.component.ts

@@ -6,7 +6,7 @@ import { MatColors } from '../../../../core/matColors';
     templateUrl: './colors.component.html',
     styleUrls  : ['./colors.component.scss']
 })
-export class ColorsComponent implements OnInit
+export class FuseColorsComponent implements OnInit
 {
     colors: {};
     selectedColor: string;

src/app/main/content/ui/colors/colors.module.ts

@@ -2,12 +2,12 @@ import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { SharedModule } from '../../../../core/modules/shared.module';
 import { FuseDemoModule } from '../../../../core/components/demo/demo.module';
-import { ColorsComponent } from './colors.component';
+import { FuseColorsComponent } from './colors.component';
 
 const routes: Routes = [
     {
         path     : 'ui/colors',
-        component: ColorsComponent
+        component: FuseColorsComponent
     }
 ];
 
@@ -18,7 +18,7 @@ const routes: Routes = [
         FuseDemoModule
     ],
     declarations: [
-        ColorsComponent
+        FuseColorsComponent
     ]
 })
 export class UIColorsModule

src/app/main/content/ui/helper-classes/helper-classes.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './helper-classes.component.html',
     styleUrls  : ['./helper-classes.component.scss']
 })
-export class HelperClassesComponent
+export class FuseHelperClassesComponent
 {
     constructor()
     {

src/app/main/content/ui/helper-classes/helper-classes.module.ts

@@ -2,14 +2,14 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../core/modules/shared.module';
 import { RouterModule, Routes } from '@angular/router';
 
-import { HelperClassesComponent } from './helper-classes.component';
+import { FuseHelperClassesComponent } from './helper-classes.component';
-import { HelperClassesPaddingMarginComponent } from './tabs/padding-margin/padding-margin.component';
+import { FuseHelperClassesPaddingMarginComponent } from './tabs/padding-margin/padding-margin.component';
-import { HelperClassesWidthHeightComponent } from './tabs/width-height/width-height.component';
+import { FuseHelperClassesWidthHeightComponent } from './tabs/width-height/width-height.component';
 
 const routes: Routes = [
     {
         path     : 'ui/helper-classes',
-        component: HelperClassesComponent
+        component: FuseHelperClassesComponent
     }
 ];
 
@@ -19,9 +19,9 @@ const routes: Routes = [
         RouterModule.forChild(routes)
     ],
     declarations: [
-        HelperClassesComponent,
+        FuseHelperClassesComponent,
-        HelperClassesPaddingMarginComponent,
+        FuseHelperClassesPaddingMarginComponent,
-        HelperClassesWidthHeightComponent
+        FuseHelperClassesWidthHeightComponent
     ]
 })
 export class UIHelperClassesModule

src/app/main/content/ui/helper-classes/tabs/padding-margin/padding-margin.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './padding-margin.component.html',
     styleUrls  : ['./padding-margin.component.scss']
 })
-export class HelperClassesPaddingMarginComponent
+export class FuseHelperClassesPaddingMarginComponent
 {
 
     constructor()

src/app/main/content/ui/helper-classes/tabs/width-height/width-height.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './width-height.component.html',
     styleUrls  : ['./width-height.component.scss']
 })
-export class HelperClassesWidthHeightComponent
+export class FuseHelperClassesWidthHeightComponent
 {
 
     constructor()

src/app/main/content/ui/icons/icons.component.ts

@@ -6,7 +6,7 @@ import { Http } from '@angular/http';
     templateUrl: './icons.component.html',
     styleUrls  : ['./icons.component.scss']
 })
-export class IconsComponent implements OnInit
+export class FuseIconsComponent implements OnInit
 {
     icons: string[];
     filteredIcons: string[];

src/app/main/content/ui/icons/icons.module.ts

@@ -1,12 +1,12 @@
 import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../../core/modules/shared.module';
 import { RouterModule, Routes } from '@angular/router';
-import { IconsComponent } from './icons.component';
+import { FuseIconsComponent } from './icons.component';
 
 const routes: Routes = [
     {
         path     : 'ui/icons',
-        component: IconsComponent
+        component: FuseIconsComponent
     }
 ];
 
@@ -16,7 +16,7 @@ const routes: Routes = [
         RouterModule.forChild(routes)
     ],
     declarations: [
-        IconsComponent
+        FuseIconsComponent
     ]
 })
 export class UIIconsModule

src/app/main/content/ui/page-layouts/blank/blank.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './blank.component.html',
     styleUrls  : ['./blank.component.scss']
 })
-export class BlankComponent
+export class FuseBlankComponent
 {
     constructor()
     {

src/app/main/content/ui/page-layouts/carded/fullwidth-2/fullwidth-2.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './fullwidth-2.component.html',
     styleUrls  : ['./fullwidth-2.component.scss']
 })
-export class CardedFullWidth2Component
+export class FuseCardedFullWidth2Component
 {
     constructor()
     {

src/app/main/content/ui/page-layouts/carded/fullwidth/fullwidth.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './fullwidth.component.html',
     styleUrls  : ['./fullwidth.component.scss']
 })
-export class CardedFullWidthComponent
+export class FuseCardedFullWidthComponent
 {
     constructor()
     {

src/app/main/content/ui/page-layouts/carded/left-sidenav-2/left-sidenav-2.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './left-sidenav-2.component.html',
     styleUrls  : ['./left-sidenav-2.component.scss']
 })
-export class CardedLeftSidenav2Component
+export class FuseCardedLeftSidenav2Component
 {
     constructor()
     {

src/app/main/content/ui/page-layouts/carded/left-sidenav/left-sidenav.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './left-sidenav.component.html',
     styleUrls  : ['./left-sidenav.component.scss']
 })
-export class CardedLeftSidenavComponent
+export class FuseCardedLeftSidenavComponent
 {
     constructor()
     {

src/app/main/content/ui/page-layouts/carded/right-sidenav-2/right-sidenav-2.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './right-sidenav-2.component.html',
     styleUrls  : ['./right-sidenav-2.component.scss']
 })
-export class CardedRightSidenav2Component
+export class FuseCardedRightSidenav2Component
 {
     constructor()
     {

src/app/main/content/ui/page-layouts/carded/right-sidenav/right-sidenav.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './right-sidenav.component.html',
     styleUrls  : ['./right-sidenav.component.scss']
 })
-export class CardedRightSidenavComponent
+export class FuseCardedRightSidenavComponent
 {
     constructor()
     {

src/app/main/content/ui/page-layouts/page-layouts.module.ts

@@ -2,82 +2,82 @@ import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { SharedModule } from '../../../../core/modules/shared.module';
 import { FuseDemoModule } from '../../../../core/components/demo/demo.module';
-import { CardedFullWidthComponent } from './carded/fullwidth/fullwidth.component';
+import { FuseCardedFullWidthComponent } from './carded/fullwidth/fullwidth.component';
-import { CardedFullWidth2Component } from './carded/fullwidth-2/fullwidth-2.component';
+import { FuseCardedFullWidth2Component } from './carded/fullwidth-2/fullwidth-2.component';
-import { CardedLeftSidenavComponent } from './carded/left-sidenav/left-sidenav.component';
+import { FuseCardedLeftSidenavComponent } from './carded/left-sidenav/left-sidenav.component';
-import { CardedLeftSidenav2Component } from './carded/left-sidenav-2/left-sidenav-2.component';
+import { FuseCardedLeftSidenav2Component } from './carded/left-sidenav-2/left-sidenav-2.component';
-import { CardedRightSidenavComponent } from './carded/right-sidenav/right-sidenav.component';
+import { FuseCardedRightSidenavComponent } from './carded/right-sidenav/right-sidenav.component';
-import { CardedRightSidenav2Component } from './carded/right-sidenav-2/right-sidenav-2.component';
+import { FuseCardedRightSidenav2Component } from './carded/right-sidenav-2/right-sidenav-2.component';
-import { SimpleFullWidthComponent } from './simple/fullwidth/fullwidth.component';
+import { FuseSimpleFullWidthComponent } from './simple/fullwidth/fullwidth.component';
-import { SimpleLeftSidenavComponent } from './simple/left-sidenav/left-sidenav.component';
+import { FuseSimpleLeftSidenavComponent } from './simple/left-sidenav/left-sidenav.component';
-import { SimpleLeftSidenav2Component } from './simple/left-sidenav-2/left-sidenav-2.component';
+import { FuseSimpleLeftSidenav2Component } from './simple/left-sidenav-2/left-sidenav-2.component';
-import { SimpleLeftSidenav3Component } from './simple/left-sidenav-3/left-sidenav-3.component';
+import { FuseSimpleLeftSidenav3Component } from './simple/left-sidenav-3/left-sidenav-3.component';
-import { SimpleRightSidenavComponent } from './simple/right-sidenav/right-sidenav.component';
+import { FuseSimpleRightSidenavComponent } from './simple/right-sidenav/right-sidenav.component';
-import { SimpleRightSidenav2Component } from './simple/right-sidenav-2/right-sidenav-2.component';
+import { FuseSimpleRightSidenav2Component } from './simple/right-sidenav-2/right-sidenav-2.component';
-import { SimpleRightSidenav3Component } from './simple/right-sidenav-3/right-sidenav-3.component';
+import { FuseSimpleRightSidenav3Component } from './simple/right-sidenav-3/right-sidenav-3.component';
-import { TabbedComponent } from './simple/tabbed/tabbed.component';
+import { FuseTabbedComponent } from './simple/tabbed/tabbed.component';
-import { BlankComponent } from './blank/blank.component';
+import { FuseBlankComponent } from './blank/blank.component';
 
 const routes: Routes = [
     {
         path     : 'ui/page-layouts/carded/full-width',
-        component: CardedFullWidthComponent
+        component: FuseCardedFullWidthComponent
     },
     {
         path     : 'ui/page-layouts/carded/full-width-2',
-        component: CardedFullWidth2Component
+        component: FuseCardedFullWidth2Component
     },
     {
         path     : 'ui/page-layouts/carded/left-sidenav',
-        component: CardedLeftSidenavComponent
+        component: FuseCardedLeftSidenavComponent
     },
     {
         path     : 'ui/page-layouts/carded/left-sidenav-2',
-        component: CardedLeftSidenav2Component
+        component: FuseCardedLeftSidenav2Component
     },
     {
         path     : 'ui/page-layouts/carded/right-sidenav',
-        component: CardedRightSidenavComponent
+        component: FuseCardedRightSidenavComponent
     },
     {
         path     : 'ui/page-layouts/carded/right-sidenav-2',
-        component: CardedRightSidenav2Component
+        component: FuseCardedRightSidenav2Component
     },
     {
         path     : 'ui/page-layouts/simple/full-width',
-        component: SimpleFullWidthComponent
+        component: FuseSimpleFullWidthComponent
     },
     {
         path     : 'ui/page-layouts/simple/left-sidenav',
-        component: SimpleLeftSidenavComponent
+        component: FuseSimpleLeftSidenavComponent
     },
     {
         path     : 'ui/page-layouts/simple/left-sidenav-2',
-        component: SimpleLeftSidenav2Component
+        component: FuseSimpleLeftSidenav2Component
     },
     {
         path     : 'ui/page-layouts/simple/left-sidenav-3',
-        component: SimpleLeftSidenav3Component
+        component: FuseSimpleLeftSidenav3Component
     },
     {
         path     : 'ui/page-layouts/simple/right-sidenav',
-        component: SimpleRightSidenavComponent
+        component: FuseSimpleRightSidenavComponent
     },
     {
         path     : 'ui/page-layouts/simple/right-sidenav-2',
-        component: SimpleRightSidenav2Component
+        component: FuseSimpleRightSidenav2Component
     },
     {
         path     : 'ui/page-layouts/simple/right-sidenav-3',
-        component: SimpleRightSidenav3Component
+        component: FuseSimpleRightSidenav3Component
     },
     {
         path     : 'ui/page-layouts/simple/tabbed',
-        component: TabbedComponent
+        component: FuseTabbedComponent
     },
     {
         path     : 'ui/page-layouts/blank',
-        component: BlankComponent
+        component: FuseBlankComponent
     }
 ];
 
@@ -88,21 +88,21 @@ const routes: Routes = [
         FuseDemoModule
     ],
     declarations: [
-        CardedFullWidthComponent,
+        FuseCardedFullWidthComponent,
-        CardedFullWidth2Component,
+        FuseCardedFullWidth2Component,
-        CardedLeftSidenavComponent,
+        FuseCardedLeftSidenavComponent,
-        CardedLeftSidenav2Component,
+        FuseCardedLeftSidenav2Component,
-        CardedRightSidenavComponent,
+        FuseCardedRightSidenavComponent,
-        CardedRightSidenav2Component,
+        FuseCardedRightSidenav2Component,
-        SimpleFullWidthComponent,
+        FuseSimpleFullWidthComponent,
-        SimpleLeftSidenavComponent,
+        FuseSimpleLeftSidenavComponent,
-        SimpleLeftSidenav2Component,
+        FuseSimpleLeftSidenav2Component,
-        SimpleLeftSidenav3Component,
+        FuseSimpleLeftSidenav3Component,
-        SimpleRightSidenavComponent,
+        FuseSimpleRightSidenavComponent,
-        SimpleRightSidenav2Component,
+        FuseSimpleRightSidenav2Component,
-        SimpleRightSidenav3Component,
+        FuseSimpleRightSidenav3Component,
-        TabbedComponent,
+        FuseTabbedComponent,
-        BlankComponent
+        FuseBlankComponent
     ]
 })
 export class UIPageLayoutsModule

src/app/main/content/ui/page-layouts/simple/fullwidth/fullwidth.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './fullwidth.component.html',
     styleUrls  : ['./fullwidth.component.scss']
 })
-export class SimpleFullWidthComponent
+export class FuseSimpleFullWidthComponent
 {
     constructor()
     {

src/app/main/content/ui/page-layouts/simple/left-sidenav-2/left-sidenav-2.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './left-sidenav-2.component.html',
     styleUrls  : ['./left-sidenav-2.component.scss']
 })
-export class SimpleLeftSidenav2Component
+export class FuseSimpleLeftSidenav2Component
 {
     constructor()
     {

src/app/main/content/ui/page-layouts/simple/left-sidenav-3/left-sidenav-3.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './left-sidenav-3.component.html',
     styleUrls  : ['./left-sidenav-3.component.scss']
 })
-export class SimpleLeftSidenav3Component
+export class FuseSimpleLeftSidenav3Component
 {
     constructor()
     {

src/app/main/content/ui/page-layouts/simple/left-sidenav/left-sidenav.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './left-sidenav.component.html',
     styleUrls  : ['./left-sidenav.component.scss']
 })
-export class SimpleLeftSidenavComponent
+export class FuseSimpleLeftSidenavComponent
 {
     constructor()
     {

src/app/main/content/ui/page-layouts/simple/right-sidenav-2/right-sidenav-2.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
     templateUrl: './right-sidenav-2.component.html',
     styleUrls  : ['./right-sidenav-2.component.scss']
 })
-export class SimpleRightSidenav2Component
+export class FuseSimpleRightSidenav2Component
 {
     constructor()
     {