itenium-be · timbo-92 · May 31, 2024 · May 31, 2024 · May 31, 2024
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 ~$*.pptx
 node_modules
+.idea
diff --git a/itenium-socks/angular.json b/itenium-socks/angular.json
@@ -100,5 +100,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": false
   }
 }
diff --git a/itenium-socks/src/app/TemplatePageTitleStrategy.ts b/itenium-socks/src/app/TemplatePageTitleStrategy.ts
@@ -0,0 +1,21 @@
+import { Injectable } from "@angular/core";
+import { RouterStateSnapshot, TitleStrategy } from "@angular/router";
+import { Title } from "@angular/platform-browser";
+
+@Injectable({ providedIn: 'root' })
+export class TemplatePageTitleStrategy extends TitleStrategy {
+  constructor(private readonly title: Title) {
+    super();
+  }
+
+  private readonly default_title = "Toe-tally Amazing";
+
+  override updateTitle(routerState: RouterStateSnapshot) {
+    const title = this.buildTitle(routerState)
+    if (!title) {
+      this.title.setTitle(this.default_title);
+    } else {
+      this.title.setTitle(`${title} | ${this.default_title}`);
+    }
+  }
+}
diff --git a/itenium-socks/src/app/app.config.ts b/itenium-socks/src/app/app.config.ts
@@ -1,13 +1,15 @@
 import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
-import { provideRouter } from '@angular/router';
+import { provideRouter, TitleStrategy } from '@angular/router';
 import { provideHttpClient, withFetch } from '@angular/common/http';
 
 import { routes } from './app.routes';
+import { TemplatePageTitleStrategy } from "./TemplatePageTitleStrategy";
 
 export const appConfig: ApplicationConfig = {
   providers: [
     provideZoneChangeDetection({ eventCoalescing: true }),
     provideRouter(routes),
     provideHttpClient(withFetch()),
+    { provide: TitleStrategy, useClass: TemplatePageTitleStrategy },
   ]
 };
diff --git a/itenium-socks/src/app/app.routes.ts b/itenium-socks/src/app/app.routes.ts
@@ -12,7 +12,7 @@ export const routes: Routes = [
     path: '',
     component: LayoutComponent,
     children: [
-      { path: 'why-us', component: WhyUsComponent },
+      { path: 'why-us', component: WhyUsComponent, title: "Why Us" },
       { path: 'socks', component: ShopComponent },
       { path: 'socks/:id', component: SockComponent },
     ]

diff --git a/itenium-socks/src/index.html b/itenium-socks/src/index.html
@@ -2,7 +2,6 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>Toe-tally Amazing</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.png">
-Original file line number
+Diff line change
@@ Expand Up / @@ -100,5 +100,8 @@ @@
             }
           }
         }
+      },
+      "cli": {
+        "analytics": false
       }
     }