login/logout

admin/src/app/app.html

@@ -1,3 +1,3 @@
-<rs-daisy-admin-layout-rs1 (clickEvent)="logout()" [loggedIn]="true">
+<rs-daisy-admin-layout-rs1 (clickEvent)="logout()" [loggedIn]="loggedIn()">
   <router-outlet />
 </rs-daisy-admin-layout-rs1>

admin/src/app/app.ts

@@ -1,4 +1,4 @@
-import { Component, signal } from '@angular/core';
+import { Component, inject, signal } from '@angular/core';
 import { Router, RouterOutlet } from '@angular/router';
 import { MainMenu } from './components/main-menu/main-menu';
 import { AuthService } from './auth/auth.service';
@@ -16,6 +16,7 @@ import { AdminLayoutRs1 } from '../../projects/rschneider/ng-daisyui/src/lib/lay
 export class App {
   protected readonly title = signal('admin');
 
+
   constructor(private authService: AuthService, private router: Router) {}
 
   logout(): void {
@@ -33,4 +34,8 @@ export class App {
     });
   }
 
+  loggedIn(){
+    return this.authService.isLoggedIn()
+  }
+
 }

admin/src/app/components/login/login.component.html

@@ -1,15 +1,17 @@
-<div>
-  <h2>Login</h2>
+<div class="bg-base-200 rounded-2xl p-4">
+  <h2 class="">Login</h2>
   <form [formGroup]="loginForm" (ngSubmit)="onSubmit()">
-    <div>
-      <label for="username">Username:</label>
-      <input id="username" formControlName="username" />
+    <div class="pt-4">
+      <label class="label  pe-2" for="username">Username:</label>
+      <input id="username" class="input " formControlName="username" />
     </div>
-    <div>
-      <label for="password">Password:</label>
-      <input id="password" type="password" formControlName="password" />
+    <div class="pt-4">
+      <label class="label  pe-2" for="password">Password:</label>
+      <input id="password" class="input "  type="password" formControlName="password" />
+    </div>
+    <div class="button-container pt-4">
+      <rs-daisy-button  type="submit" [disabled]="loginForm.invalid">Log In</rs-daisy-button>
     </div>
-    <button type="submit" [disabled]="loginForm.invalid">Log In</button>
   </form>
   <p *ngIf="errorMessage">{{ errorMessage }}</p>
 </div>

admin/src/app/components/login/login.component.ts

@@ -3,12 +3,14 @@ import { FormBuilder, FormGroup, Validators, ReactiveFormsModule } from '@angula
 import { Router } from '@angular/router';
 import { AuthService } from '../../auth/auth.service';
 import { CommonModule } from '@angular/common';
+import {Button} from '@rschneider/ng-daisyui';
+
 
 @Component({
   selector: 'app-login',
   templateUrl: './login.component.html',
   standalone: true,
-  imports: [ReactiveFormsModule, CommonModule],
+  imports: [ReactiveFormsModule, CommonModule,  Button],
 })
 export class LoginComponent {
   loginForm: FormGroup;