Update folder structure and refactor

src/app/components/button/button.component.ts

@@ -1,5 +1,5 @@
-import {Component, OnInit} from '@angular/core';
-import {MenuItem} from 'primeng/api';
+import { Component, OnInit } from '@angular/core';
+import { MenuItem } from 'primeng/api';
 
 @Component({
     templateUrl: './button.component.html'

src/app/components/charts/charts.component.ts

@@ -1,4 +1,4 @@
-import {Component, OnInit} from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 
 @Component({
     templateUrl: './charts.component.html'

src/app/components/crud/crud.component.ts

@@ -1,7 +1,7 @@
-import {Component, OnInit} from '@angular/core';
-import {Product} from '../../api/product';
-import {ProductService} from '../../service/productservice';
-import {ConfirmationService, MessageService} from 'primeng/api';
+import { Component, OnInit } from '@angular/core';
+import { Product } from '../../api/product';
+import { ProductService } from '../../service/productservice';
+import { ConfirmationService, MessageService } from 'primeng/api';
 
 @Component({
     templateUrl: './crud.component.html',

src/app/components/dashboard/dashboard.component.ts

@@ -1,8 +1,7 @@
-import {Component, OnInit} from '@angular/core';
-import {MenuModule} from 'primeng/menu';
-import {MenuItem} from 'primeng/api';
-import {Product} from '../../api/product';
-import {ProductService} from '../../service/productservice';
+import { Component, OnInit } from '@angular/core';
+import { MenuItem } from 'primeng/api';
+import { Product } from '../../api/product';
+import { ProductService } from '../../service/productservice';
  
 @Component({
     templateUrl: './dashboard.component.html',

src/app/components/documentation/documentation.component.ts

@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
     templateUrl: './documentation.component.html',

src/app/components/empty/empty.component.ts

@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
     templateUrl: './empty.component.html'

src/app/components/file/file.component.ts

@@ -1,5 +1,5 @@
-import {Component} from '@angular/core';
-import {MessageService} from 'primeng/api';
+import { Component } from '@angular/core';
+import { MessageService } from 'primeng/api';
 
 @Component({
     templateUrl: './file.component.html',

src/app/components/floatlabel/floatlabel.component.ts

@@ -1,5 +1,5 @@
-import {Component, OnInit} from '@angular/core';
-import {CountryService} from '../../service/countryservice';
+import { Component, OnInit } from '@angular/core';
+import { CountryService } from '../../service/countryservice';
 
 @Component({
     templateUrl: './floatlabel.component.html',

src/app/components/formlayout/formlayout.component.ts

@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
     templateUrl: './formlayout.component.html'

src/app/components/input/input.component.ts

@@ -1,7 +1,7 @@
-import {Component, OnInit} from '@angular/core';
-import {CountryService} from '../../service/countryservice';
-import {NodeService} from '../../service/nodeservice';
-import {SelectItem} from 'primeng/api';
+import { Component, OnInit } from '@angular/core';
+import { CountryService } from '../../service/countryservice';
+import { NodeService } from '../../service/nodeservice';
+import { SelectItem } from 'primeng/api';
 
 @Component({
     templateUrl: './input.component.html',

src/app/components/invalidstate/invalidstate.component.ts

@@ -1,12 +1,11 @@
-import {Component, OnInit} from '@angular/core';
-import {CountryService} from '../../service/countryservice';
+import { Component, OnInit } from '@angular/core';
+import { CountryService } from '../../service/countryservice';
 
 @Component({
     templateUrl: './invalidstate.component.html'
 })
 export class InvalidStateComponent implements OnInit {
 
-
     countries: any[];
 
     cities: any[];

src/app/components/list/list.component.ts

@@ -1,7 +1,7 @@
-import {Component, OnInit} from '@angular/core';
-import {SelectItem} from 'primeng/api';
-import {Product} from '../../api/product';
-import {ProductService} from '../../service/productservice';
+import { Component, OnInit } from '@angular/core';
+import { SelectItem } from 'primeng/api';
+import { Product } from '../../api/product';
+import { ProductService } from '../../service/productservice';
 
 @Component({
     templateUrl: './list.component.html',

src/app/components/media/media.component.ts

@@ -1,7 +1,7 @@
-import {Component, OnInit} from '@angular/core';
-import {ProductService} from '../../service/productservice';
-import {PhotoService} from '../../service/photoservice';
-import {Product} from '../../api/product';
+import { Component, OnInit } from '@angular/core';
+import { ProductService } from '../../service/productservice';
+import { PhotoService } from '../../service/photoservice';
+import { Product } from '../../api/product';
 
 @Component({
   selector: 'app-media',

src/app/components/menus/confirmation.component.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-confirmationdemo',
+  selector: 'app-confirmation',
   template: `
   <div class="flex flex-column align-items-center py-5 px-3">
     <i class="pi pi-fw pi-check mr-2 text-2xl"></i>
@@ -9,7 +9,7 @@ import { Component } from '@angular/core';
   </div>
   `
 })
-export class ConfirmationDemoComponent {
+export class ConfirmationComponent {
 
   constructor() { }
 }

src/app/components/menus/menus.component.ts

@@ -1,5 +1,5 @@
-import {Component, OnInit, ViewEncapsulation} from '@angular/core';
-import {MegaMenuItem, MenuItem} from 'primeng/api';
+import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { MegaMenuItem, MenuItem } from 'primeng/api';
 
 @Component({
     templateUrl: './menus.component.html',

src/app/components/menus/menus.module.ts

@@ -0,0 +1,27 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+
+import { PaymentComponent } from './payment.component';
+import { SeatComponent } from './seat.component';
+import { PersonalComponent } from './personal.component';
+import { ConfirmationComponent } from './confirmation.component';
+import { MenusComponent } from './menus.component';
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule,
+    RouterModule.forChild([
+        {path:'',component: MenusComponent, children:[
+				{path:'', redirectTo: 'personal', pathMatch: 'full'},
+				{path: 'personal', component: PersonalComponent},
+				{path: 'confirmation', component: ConfirmationComponent},
+				{path: 'seat', component: SeatComponent},
+				{path: 'payment', component: PaymentComponent}
+        ]}
+    ])
+  ],
+  exports: [RouterModule]
+})
+export class MenusModule { }

src/app/components/menus/payment.component.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-paymentdemo',
+  selector: 'app-payment',
   template: `
     <div class="flex flex-column align-items-center py-5 px-3">
       <i class="pi pi-fw pi-money-bill mr-2 text-2xl"></i>
@@ -9,7 +9,7 @@ import { Component } from '@angular/core';
     </div>
   `
 })
-export class PaymentDemoComponent{
+export class PaymentComponent{
 
   constructor() { }
 }

src/app/components/menus/personal.component.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-personaldemo',
+  selector: 'app-personal',
   template: `
   <div class="flex flex-column align-items-center py-5 px-3">
     <i class="pi pi-fw pi-user mr-2 text-2xl"></i>
@@ -9,7 +9,7 @@ import { Component } from '@angular/core';
   </div>
   `
 })
-export class PersonalDemoComponent{
+export class PersonalComponent{
 
   constructor() { }
 }

src/app/components/menus/seat.component.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-seatdemo',
+  selector: 'app-seat',
   template: `
     <div class="flex flex-column align-items-center py-5 px-3">
       <i class="pi pi-fw pi-ticket mr-2 text-2xl"></i>
@@ -9,7 +9,7 @@ import { Component } from '@angular/core';
     </div>
   `
 })
-export class SeatDemoComponent{
+export class SeatComponent{
 
   constructor() { }
 }

src/app/components/menus/stepsmenu/stepsmenu.module.ts

@@ -1,27 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterModule, Routes } from '@angular/router';
-
-import { PaymentDemoComponent } from './paymentdemo.component';
-import { SeatDemoComponent } from './seatdemo.component';
-import { PersonalDemoComponent } from './personaldemo.component';
-import { ConfirmationDemoComponent } from './confirmationdemo.component';
-// import { MenusDemoComponent } from '../menusdemo.component';
-
-@NgModule({
-  declarations: [],
-  imports: [
-    CommonModule,
-    RouterModule.forChild([
-        // {path:'',component: MenusDemoComponent, children:[
-				// {path:'', redirectTo: 'personal', pathMatch: 'full'},
-				// {path: 'personal', component: PersonalDemoComponent},
-				// {path: 'confirmation', component: ConfirmationDemoComponent},
-				// {path: 'seat', component: SeatDemoComponent},
-				// {path: 'payment', component: PaymentDemoComponent}
-        // ]}
-    ])
-  ],
-  exports: [RouterModule]
-})
-export class MenudemoModule { }

src/app/components/messages/messages.component.ts

@@ -1,5 +1,5 @@
-import {Component} from '@angular/core';
-import {Message, MessageService} from 'primeng/api';
+import { Component } from '@angular/core';
+import { Message, MessageService } from 'primeng/api';
 
 @Component({
     templateUrl: './messages.component.html',

src/app/components/misc/misc.component.ts

@@ -1,4 +1,4 @@
-import {Component, OnInit} from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 
 @Component({
     templateUrl: './misc.component.html',

src/app/components/overlays/overlays.component.ts

@@ -1,8 +1,8 @@
-import {Component, OnInit} from '@angular/core';
-import {ConfirmationService, MessageService} from 'primeng/api';
-import {Product} from '../../api/product';
-import {AppMainComponent} from 'src/app/app.main.component';
-import {ProductService} from '../../service/productservice';
+import { Component, OnInit } from '@angular/core';
+import { ConfirmationService, MessageService } from 'primeng/api';
+import { Product } from '../../api/product';
+import { AppMainComponent } from 'src/app/app.main.component';
+import { ProductService } from '../../service/productservice';
 
 @Component({
     templateUrl: './overlays.component.html',

src/app/components/panels/panels.component.ts

@@ -1,5 +1,5 @@
-import {Component, OnInit} from '@angular/core';
-import {MenuItem} from 'primeng/api';
+import { Component, OnInit } from '@angular/core';
+import { MenuItem } from 'primeng/api';
 
 @Component({
     templateUrl: './panels.component.html',

src/app/components/table/table.component.ts

@@ -1,9 +1,9 @@
-import {Component, OnInit, ViewChild, ChangeDetectorRef, ElementRef} from '@angular/core';
-import {Customer, Representative} from '../../api/customer';
-import {CustomerService} from '../../service/customerservice';
-import {Product} from '../../api/product';
-import {ProductService} from '../../service/productservice';
-import {Table} from 'primeng/table';
+import { Component, OnInit, ViewChild, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { Customer, Representative } from '../../api/customer';
+import { CustomerService } from '../../service/customerservice';
+import { Product } from '../../api/product';
+import { ProductService } from '../../service/productservice';
+import { Table } from 'primeng/table';
 import { MessageService, ConfirmationService } from 'primeng/api'
 
 @Component({

src/app/components/timeline/timeline.component.ts

@@ -1,5 +1,5 @@
-import {Component, OnInit} from '@angular/core';
-import {PrimeIcons} from 'primeng/api';
+import { Component, OnInit } from '@angular/core';
+import { PrimeIcons } from 'primeng/api';
 
 @Component({
     templateUrl: './timeline.component.html',

src/app/components/tree/tree.component.ts

@@ -1,6 +1,6 @@
-import {Component, OnInit} from '@angular/core';
-import {NodeService} from '../../service/nodeservice';
-import {TreeNode} from 'primeng/api';
+import { Component, OnInit } from '@angular/core';
+import { NodeService } from '../../service/nodeservice';
+import { TreeNode } from 'primeng/api';
 
 @Component({
     templateUrl: './tree.component.html'