option to insert new tenant

ui/hv2-ui/src/app/app-routing.module.ts

@@ -18,6 +18,7 @@ const routes: Routes = [
   { path: 'parkings', component: MyParkingsComponent, canActivate: [ AuthGuardService ] },
   { path: 'commercialunits', component: MyCommercialUnitsComponent, canActivate: [ AuthGuardService ] },
   { path: 'tenant/:id', component: TenantDetailsComponent, canActivate: [ AuthGuardService ] },
+  { path: 'tenant', component: TenantDetailsComponent, canActivate: [ AuthGuardService ] },
   { path: 'logout', component: LogoutComponent },
   { path: 'login', component: LoginComponent }
 ]

ui/hv2-ui/src/app/my-tenants/my-tenants.component.css

@@ -1,3 +1,8 @@
 table {
     width: 75%;
 }
+
+.spacer {
+    flex: 1 1 auto;
+}
+  

ui/hv2-ui/src/app/my-tenants/my-tenants.component.html

@@ -2,7 +2,9 @@
     <mat-card class="defaultCard">
         <mat-card-header>
             <mat-card-title>
-                Meine Mieter/innen
+                <span>Meine Mieter/innen</span>
+                <span class="spacer"></span>
+                <a mat-button routerLink="/tenant">Neu anlegen</a>
             </mat-card-title>
         </mat-card-header>
         <mat-card-content>

ui/hv2-ui/src/app/tenant-details/tenant-details.component.html

@@ -10,7 +10,7 @@
         </mat-card-header>
         <mat-card-content>
             <div>
-                <form (ngSubmit)="updateTenant()">
+                <form (ngSubmit)="saveTenant()">
                     <div>
                         <mat-form-field appearance="outline">
                             <mat-label>Anrede</mat-label>

ui/hv2-ui/src/app/tenant-details/tenant-details.component.ts

@@ -39,15 +39,22 @@ export class TenantDetailsComponent implements OnInit {
   async getTenant(): Promise<void> {
     try {
       const id = +this.route.snapshot.paramMap.get('id')
+      if (id != 0) {
         this.tenant = await this.tenantService.getTenant(id)
+      }
     } catch (err) {
       this.messageService.add(JSON.stringify(err, undefined, 4))
     }
   }
 
-  updateTenant() {
+  saveTenant() {
-    this.messageService.add("updateTenant")
+    this.messageService.add("saveTenant")
     this.messageService.add(JSON.stringify(this.tenant, undefined, 4))
+    if (this.tenant.id == 0) {
+      this.messageService.add("about to insert new tenant")
+    } else {
+      this.messageService.add("about to update existing tenant")
+    }
   }
 
   ngOnInit(): void {