update directory

Author: valerisuleo

advanced-topic/drag_and_drop/list renamed to advanced-topic/drag_and_drop/sorting-items-by-selected-order

@@ -1,17 +1,17 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-import { IndexComponent } from './components/index/index.component';
-import { LoginComponent } from './components/login/login.component';
-import { AuthGuard } from '../services/auth-guard.service';
-
+import { NgModule } from "@angular/core";
+import { Routes, RouterModule } from "@angular/router";
+import { IndexComponent } from "./components/index/index.component";
+import { LoginComponent } from "./components/login/login.component";
+import { AuthGuard } from "../services/auth-guard.service";
 
 const routes: Routes = [
-    { path: 'login', component: LoginComponent },
-    { path: 'home', component: IndexComponent, canActivate:[AuthGuard] },
+	{ path: "login", component: LoginComponent },
+	{ path: "home", component: IndexComponent },
+	// { path: "home", component: IndexComponent, canActivate: [AuthGuard] },
 ];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes)],
-  exports: [RouterModule]
+	imports: [RouterModule.forRoot(routes)],
+	exports: [RouterModule],
 })
-export class AppRoutingModule { }
+export class AppRoutingModule {}

advanced-topic/formsArray

@@ -12,6 +12,7 @@ import { LoginComponent } from './components/login/login.component';
 import { AuthService } from '../services/auth.service';
 import { AuthGuard } from '../services/auth-guard.service';
 import { HeaderInterceptor } from '../services/interceptor';
+import { CacheInterceptorService } from 'src/services/cache-interceptor.service';
 
 @NgModule({
     declarations: [
@@ -33,6 +34,11 @@ import { HeaderInterceptor } from '../services/interceptor';
             provide: HTTP_INTERCEPTORS,
             useClass: HeaderInterceptor,
             multi: true
+        },
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: CacheInterceptorService,
+            multi: true
         }
     ],
     bootstrap: [AppComponent]

advanced-topic/import-excel-file

@@ -1,5 +1,5 @@
 <ul>
     <li *ngFor="let donut of donut$ | async">
-        {{ donut.name }}
+        {{ donut.style }}
     </li>
 </ul>

advanced-topic/interceptor/prevent-call-second-time/Screenshot 2021-02-19 at 15.12.04.png

@@ -14,9 +14,7 @@ export class IndexComponent implements OnInit {
     constructor(private service: DonutService) { }
 
     donutsIndex() {
-        this.donut$ = this.service.getCollection();
-        console.log(this.donut$);
-        
+        this.donut$ = this.service.getCollection();        
     }
 
     // donutShow() {

advanced-topic/interceptor/src/app/app-routing.module.ts

@@ -0,0 +1,45 @@
+import {
+	HttpEvent,
+	HttpHandler,
+	HttpInterceptor,
+	HttpRequest,
+	HttpResponse,
+} from "@angular/common/http";
+import { Injectable } from "@angular/core";
+import { Observable, of } from "rxjs";
+import { share, tap } from "rxjs/operators";
+
+@Injectable()
+export class CacheInterceptorService implements HttpInterceptor {
+	private cache: Map<string, HttpResponse<any>> = new Map();
+	constructor() {}
+
+	intercept(
+		req: HttpRequest<any>,
+		next: HttpHandler
+	): Observable<HttpEvent<any>> {
+		if (req.method !== "GET") {
+			// this.cache.clear();
+			return next.handle(req);
+		}
+
+		const cachedResponse = this.cache.get(req.url);
+		console.log("req.url", req.url);
+		console.log("cachedResponse", cachedResponse);
+
+		if (cachedResponse) {
+			console.log("cachedResponse PRESENT");
+			return of(cachedResponse.clone());
+		} else {
+			console.log("cachedResponse NOT PRESENT");
+			return next.handle(req).pipe(
+				tap((stateEvent) => {
+					if (stateEvent instanceof HttpResponse) {
+						this.cache.set(req.url, stateEvent.clone());
+					}
+				}),
+				share()
+			);
+		}
+	}
+}

advanced-topic/interceptor/src/app/app.module.ts

@@ -4,7 +4,10 @@ import { HttpClient } from '@angular/common/http';
 @Injectable()
 export class DonutService {
 
-    url: string = 'http://localhost:4000/students';
+    url: string = 'https://ga-doughnuts.herokuapp.com/doughnuts';
+    // url: string = 'http://localhost:4000/students';
+
+
 
     constructor(private httpClient: HttpClient) { }
 
@@ -21,3 +24,6 @@ export class DonutService {
     }
 
 }
+
+
+