Usersettings

client/src/app/core/layout/layout.component.html

@@ -19,6 +19,8 @@
     @if (isAdmin) {
       <button mat-button routerLink="/users" routerLinkActive="mat-elevation-z1">Alle User</button>
     }
+    <button mat-button (click)="openSidebar()">Einstellungen</button>
+    
   </mat-drawer>
 
   
@@ -30,4 +32,6 @@
     </button>
   </div> -->
 
-</mat-drawer-container>
+</mat-drawer-container>
+
+<app-settings #settings/>

client/src/app/core/layout/layout.component.ts

@@ -1,20 +1,27 @@
-import { Component, inject } from '@angular/core';
+import { Component, inject, ViewChild } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { RouterModule } from '@angular/router';
 import { AuthService } from '../auth/auth.service';
+import { SettingsComponent } from '../../modules/settings/settings.component';
 
 @Component({
   selector: 'app-layout',
   standalone: true,
-  imports: [MatButtonModule, MatIconModule, MatSidenavModule, RouterModule, MatToolbarModule],
+  imports: [MatButtonModule, MatIconModule, MatSidenavModule, RouterModule, MatToolbarModule, SettingsComponent],
   templateUrl: './layout.component.html',
   styleUrl: './layout.component.scss'
 })
 export class LayoutComponent {
   private authService: AuthService = inject(AuthService);
+  @ViewChild('settings') settings!: SettingsComponent;
+
+  openSidebar() {
+    console.log(this.settings)
+    this.settings.open();
+  }
 
   logout(){
     this.authService.logout();