Links und Css auf der Hauptseite bearbeitet.

EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.component.html

@@ -1,4 +1,4 @@
-<app-navbar class=""></app-navbar>
+<app-navbar></app-navbar>
 <main class="main">
   <div class="content">
     <div class="left-side">
@@ -8,8 +8,8 @@
     <div class="right-side">
       <div class="pill-group">
         @for (item of [
-          { title: 'Explore signFlow', link: '/' },
+          { title: 'Explore Digital Data', link: 'https://digitaldata.works/' },
-          { title: 'Learn with Tutorials', link: '/' },
+          { title: 'Learn signFlow', link: '/' },
           { title: 'API Docs', link: '/' },
         ]; track item.title) {
           <a

EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.component.scss

@@ -49,7 +49,7 @@
 
   main {
       width: 100%;
-      min-height: 100%;
+      min-height: calc(100% - 4rem);
       display: flex;
       justify-content: center;
       align-items: center;

EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.routes.ts

@@ -1,3 +1,17 @@
-import { Routes } from '@angular/router';
+// src/app/app-routing.module.ts
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { LoginComponent } from './login/login.component';
+import { FooComponent } from './foo/foo.component';
+import { authGuard } from './guards/auth.guard';
 
-export const routes: Routes = [];
+export const routes: Routes = [
+  { path: 'login', component: LoginComponent },
+  { path: 'foo', component: FooComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule]
+})
+export class AppRoutingModule {}

EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/navbar/navbar.component.html

@@ -2,5 +2,5 @@
   <button mat-icon-button>
     <mat-icon>menu</mat-icon>
   </button>
-  <span>SignFlow</span>
+  <span>signFlow</span>
 </mat-toolbar>

EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/navbar/navbar.component.scss

@@ -0,0 +1,3 @@
+mat-toolbar{
+    height: 4rem
+}

EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/services/auth.service.ts

@@ -1,4 +1,4 @@
-import { Injectable, Inject } from '@angular/core';
+import { Injectable, Inject, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { APP_BASE_HREF } from '@angular/common';
@@ -9,7 +9,8 @@ import { APP_BASE_HREF } from '@angular/common';
 export class AuthService {
   private baseUrl: string;
 
-  constructor(private http: HttpClient, @Inject(APP_BASE_HREF) baseHref: string) {
+  constructor(private http: HttpClient) {
+    const baseHref = inject(APP_BASE_HREF);
     this.baseUrl = `${baseHref}api/auth`;
   }
 

EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/tsconfig.json

@@ -27,6 +27,7 @@
     "enableI18nLegacyMessageIdFormat": false,
     "strictInjectionParameters": true,
     "strictInputAccessModifiers": true,
-    "strictTemplates": true
+    "strictTemplates": true,
+    "js/ts.implicitProjectConfig.experimentalDecorators": true
   }
-}
+}