refactor: moved to separate folders

Author: mrholek

src/app/_nav.ts

@@ -190,22 +190,22 @@ export const navItems = [
     children: [
       {
         name: 'Login',
-        url: '/pages/login',
+        url: '/login',
         icon: 'icon-star'
       },
       {
         name: 'Register',
-        url: '/pages/register',
+        url: '/register',
         icon: 'icon-star'
       },
       {
         name: 'Error 404',
-        url: '/pages/404',
+        url: '/404',
         icon: 'icon-star'
       },
       {
         name: 'Error 500',
-        url: '/pages/500',
+        url: '/500',
         icon: 'icon-star'
       }
     ]

src/app/app.module.ts

@@ -13,15 +13,16 @@ const DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
 import { AppComponent } from './app.component';
 
 // Import containers
-import {
-  FullLayoutComponent,
-  SimpleLayoutComponent
-} from './containers';
+import { DefaultLayoutComponent } from './containers';
+
+import { P404Component } from './views/error/404.component';
+import { P500Component } from './views/error/500.component';
+import { LoginComponent } from './views/login/login.component';
+import { RegisterComponent } from './views/register/register.component';
 
 const APP_CONTAINERS = [
-  FullLayoutComponent,
-  SimpleLayoutComponent
-]
+  DefaultLayoutComponent
+];
 
 import {
   AppAsideModule,
@@ -43,13 +44,11 @@ import { ChartsModule } from 'ng2-charts/ng2-charts';
   imports: [
     BrowserModule,
     AppRoutingModule,
-
     AppAsideModule,
     AppBreadcrumbModule.forRoot(),
     AppFooterModule,
     AppHeaderModule,
     AppSidebarModule,
-
     PerfectScrollbarModule,
     BsDropdownModule.forRoot(),
     TabsModule.forRoot(),
@@ -58,6 +57,10 @@ import { ChartsModule } from 'ng2-charts/ng2-charts';
   declarations: [
     AppComponent,
     ...APP_CONTAINERS,
+    P404Component,
+    P500Component,
+    LoginComponent,
+    RegisterComponent
   ],
   providers: [{
     provide: LocationStrategy,

src/app/app.routing.ts

@@ -2,20 +2,50 @@ import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
 // Import Containers
-import {
-  FullLayoutComponent,
-  SimpleLayoutComponent
-} from './containers';
+import { DefaultLayoutComponent } from './containers';
+
+import { P404Component } from './views/error/404.component';
+import { P500Component } from './views/error/500.component';
+import { LoginComponent } from './views/login/login.component';
+import { RegisterComponent } from './views/register/register.component';
 
 export const routes: Routes = [
   {
     path: '',
     redirectTo: 'dashboard',
     pathMatch: 'full',
   },
+  {
+    path: '404',
+    component: P404Component,
+    data: {
+      title: 'Page 404'
+    }
+  },
+  {
+    path: '500',
+    component: P500Component,
+    data: {
+      title: 'Page 500'
+    }
+  },
+  {
+    path: 'login',
+    component: LoginComponent,
+    data: {
+      title: 'Login Page'
+    }
+  },
+  {
+    path: 'register',
+    component: RegisterComponent,
+    data: {
+      title: 'Register Page'
+    }
+  },
   {
     path: '',
-    component: FullLayoutComponent,
+    component: DefaultLayoutComponent,
     data: {
       title: 'Home'
     },
@@ -53,19 +83,6 @@ export const routes: Routes = [
         loadChildren: './views/widgets/widgets.module#WidgetsModule'
       }
     ]
-  },
-  {
-    path: 'pages',
-    component: SimpleLayoutComponent,
-    data: {
-      title: 'Pages'
-    },
-    children: [
-      {
-        path: '',
-        loadChildren: './views/pages/pages.module#PagesModule',
-      }
-    ]
   }
 ];
 

src/app/views/pages/404.component.html renamed to src/app/views/error/404.component.html

@@ -1,10 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
+  selector: 'app-dashboard',
   templateUrl: 'login.component.html'
 })
-export class LoginComponent {
-
-  constructor() { }
-
-}
+export class LoginComponent { }