Refactoring da estrutura do app.

Author: gnllucena

.vscode/settings.json

@@ -0,0 +1,2 @@
+{
+}

src/app/app.module.ts

@@ -5,35 +5,32 @@ import { HttpClientModule } from '@angular/common/http';
 
 import { AppComponent } from './app.component';
 
-import { CoreModule } from './core/core.module';
-import { UIModule } from './ui/ui.module';
+import { CoreModule } from './modules/core/.core.module';
+import { UIModule } from './modules/ui/.ui.module';
 
 import { AuthenticationService } from './services/authentication.service';
 import { LoadingService } from './services/loading.service';
+import { NotFoundComponent } from './modules/ui/not-found.component';
+import { HomePageComponent } from './routes/home/home-page.component';
 
 export const appRoutes: Routes = [
   {
-    path: '',
-    loadChildren: './routes/index/index.module#IndexModule'
+    path: 'identity',
+    loadChildren: './routes/identity/identity.module#IdentityModule'
   },
   {
-    path: 'login',
-    loadChildren: './routes/login/login.module#LoginModule'
-  },
-  {
-    path: 'users',
-    loadChildren: './routes/users/users.module#UsersModule'
-  },
-  {
-    path: 'not-found',
-    loadChildren: './routes/not-found/not-found.module#NotFoundModule'
+    path: 'dot',
+    loadChildren: './routes/dot/dot.module#DotModule'
   },
+  { path: '', component: HomePageComponent },
+  { path: 'not-found', component: NotFoundComponent },
   { path: '**', redirectTo: 'not-found' }
 ];
 
 @NgModule({
   declarations: [
-    AppComponent
+    AppComponent,
+    HomePageComponent
   ],
   imports: [
     BrowserModule,

src/app/core/core.module.ts renamed to src/app/modules/core/.core.module.ts

@@ -1,10 +1,11 @@
 import { NgModule, LOCALE_ID, Optional, SkipSelf, ModuleWithProviders } from '@angular/core';
 import { HTTP_INTERCEPTORS } from '@angular/common/http';
 
-import { AuthenticationGuardComponent } from './authentication-guard.component';
-import { HttpBackendInterceptorComponent } from './http-backend-interceptor.component';
-import { HttpBearerInterceptorComponent } from './http-bearer-interceptor.component';
-import { HttpLoaderInterceptorComponent } from './http-loader-interceptor.component';
+import { HttpBackendInterceptor } from './http-backend.interceptor';
+import { HttpBearerInterceptor } from './http-bearer.interceptor';
+import { HttpLoaderInterceptor } from './http-loader.interceptor';
+
+import { AuthenticationGuard } from './authentication.guard';
 
 @NgModule({})
 export class CoreModule {
@@ -21,10 +22,10 @@ export class CoreModule {
       // O SISTEMA VAI CARREGAR ISSO TUDO. EM TODOS OS MODULOS.
       providers: [
         { provide: LOCALE_ID, useValue: 'pt-BR' },
-        { provide: HTTP_INTERCEPTORS, useClass: HttpLoaderInterceptorComponent, multi: true },
-        { provide: HTTP_INTERCEPTORS, useClass: HttpBearerInterceptorComponent, multi: true },
-        { provide: HTTP_INTERCEPTORS, useClass: HttpBackendInterceptorComponent, multi: true },
-        AuthenticationGuardComponent,
+        { provide: HTTP_INTERCEPTORS, useClass: HttpLoaderInterceptor, multi: true },
+        { provide: HTTP_INTERCEPTORS, useClass: HttpBearerInterceptor, multi: true },
+        { provide: HTTP_INTERCEPTORS, useClass: HttpBackendInterceptor, multi: true },
+        AuthenticationGuard
       ]
     }
   }

src/app/core/authentication-guard.component.ts renamed to src/app/modules/core/authentication.guard.ts

@@ -1,9 +1,9 @@
 import { Injectable } from '@angular/core';
 import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
-import { AuthenticationService } from '../services/authentication.service';
+import { AuthenticationService } from '../../services/authentication.service';
 
 @Injectable()
-export class AuthenticationGuardComponent implements CanActivate {
+export class AuthenticationGuard implements CanActivate {
 
   constructor(
     private router: Router, 
@@ -21,7 +21,7 @@ export class AuthenticationGuardComponent implements CanActivate {
       }
     }
 
-    this.router.navigate(['/login'], {
+    this.router.navigate(['/identity'], {
       queryParams: {
         returnUrl: state.url
       }

src/app/core/error-handling.component.ts renamed to src/app/modules/core/error.handling.ts

@@ -2,19 +2,19 @@ import { Injectable } from '@angular/core';
 import { HttpRequest, HttpResponse, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
 import { Observable, of, throwError } from 'rxjs';
 import { delay, mergeMap, materialize, dematerialize } from 'rxjs/operators';
-import { Jwt } from '../domain/Jwt';
+import { Jwt } from '../../domain/jwt';
 
 @Injectable()
-export class HttpBackendInterceptorComponent implements HttpInterceptor {
+export class HttpBackendInterceptor implements HttpInterceptor {
   constructor() { }
 
   intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
-    if (req.url.endsWith('/login') || 
+    if (req.url.endsWith('/identity') || 
         req.url.endsWith('/users') || 
         req.url.endsWith('/error')) {
 
       return of(null).pipe(mergeMap(() => {
-        if (req.url.endsWith('/login') && req.method === 'POST') {
+        if (req.url.endsWith('/identity') && req.method === 'POST') {
           var data = new Date();
           data.setDate(data.getDate() + 1);
 
@@ -68,7 +68,7 @@ export class HttpBackendInterceptorComponent implements HttpInterceptor {
         return next.handle(req);      
       }))
       .pipe(materialize())
-      .pipe(delay(5000))
+      .pipe(delay(500))
       .pipe(dematerialize());
     }
   }

src/app/core/http-backend-interceptor.component.ts renamed to src/app/modules/core/http-backend.interceptor.ts

@@ -3,7 +3,7 @@ import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from '@angular/c
 import { Observable } from 'rxjs';
 
 @Injectable()
-export class HttpBearerInterceptorComponent implements HttpInterceptor {
+export class HttpBearerInterceptor implements HttpInterceptor {
   constructor() {}
 
   intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

src/app/core/http-bearer-interceptor.component.ts renamed to src/app/modules/core/http-bearer.interceptor.ts

@@ -2,10 +2,10 @@ import { Injectable } from '@angular/core';
 import { HttpRequest, HttpHandler, HttpInterceptor, HttpResponse } from '@angular/common/http';
 import { tap, catchError } from 'rxjs/operators';
 
-import { LoadingService } from '../services/loading.service';
+import { LoadingService } from '../../services/loading.service';
 
 @Injectable()
-export class HttpLoaderInterceptorComponent implements HttpInterceptor {
+export class HttpLoaderInterceptor implements HttpInterceptor {
   private requests = 0;
 
   constructor(private loadingService: LoadingService) { }

src/app/core/http-loader-interceptor.component.ts renamed to src/app/modules/core/http-loader.interceptor.ts

@@ -0,0 +1,31 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+
+import { LayoutComponent } from './layout.component';
+import { HeaderComponent } from './header.component';
+import { FooterComponent } from './footer.component';
+import { BreadcrumbComponent } from './breadcrumb.component';
+import { NotFoundComponent } from './not-found.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    RouterModule
+  ],
+  declarations: [
+    LayoutComponent, 
+    HeaderComponent, 
+    FooterComponent,
+    BreadcrumbComponent,
+    NotFoundComponent
+  ],
+  exports: [
+    LayoutComponent,
+    HeaderComponent,
+    FooterComponent,
+    BreadcrumbComponent,
+    NotFoundComponent
+  ]
+})
+export class UIModule { }

src/app/modules/ui/.ui.module.ts

@@ -0,0 +1,26 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-breadcrumb',
+  template: `
+    <div class="row">
+      <div class="col-12">
+        <div class="page-title-box">
+          <div class="page-title-right">
+            <ol class="breadcrumb m-0">
+              <li class="breadcrumb-item"><a href="javascript: void(0);">Hyper</a></li>
+              <li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
+              <li class="breadcrumb-item active">Form Elements</li>
+            </ol>
+          </div>
+          <h4 class="page-title">Form Elements</h4>
+        </div>
+      </div>
+    </div>
+  `,
+  styles: []
+})
+export class BreadcrumbComponent {
+
+  constructor() { }
+}