From 5e128db57f4a8b6d0d7160d340a54d70d4951ff2 Mon Sep 17 00:00:00 2001
From: Rajbir Singh <rajbir.singh@hmmh.de>
Date: Fri, 10 Jan 2025 17:51:41 +0100
Subject: [PATCH] dashboard created

---
 .../views/dashboard/dashboard.component.html  | 26 ++++++++++++++++---
 .../views/dashboard/dashboard.component.scss  | 15 +++++++++++
 .../views/dashboard/dashboard.component.ts    | 12 +++++----
 3 files changed, 44 insertions(+), 9 deletions(-)

diff --git a/src/app/views/dashboard/dashboard.component.html b/src/app/views/dashboard/dashboard.component.html
index cbd75c0..673a37d 100644
--- a/src/app/views/dashboard/dashboard.component.html
+++ b/src/app/views/dashboard/dashboard.component.html
@@ -1,4 +1,22 @@
-<a mat-flat-button routerLink="/employee/new">New Employee</a>
-<a mat-flat-button routerLink="/employee/1">Edit Employee 3</a>
-<button mat-flat-button (click)="testInfo()">Test Info</button>
-<button mat-flat-button (click)="testError()">Test Error</button>
+<div class="dashboard">
+
+    <div class="dashboard__action-row">
+        <mat-form-field>
+            <mat-label>Search</mat-label>
+            <input matInput>
+        </mat-form-field>
+        <mat-form-field>
+            <mat-label>Qualification</mat-label>
+            <mat-select>
+                <mat-option>Angular</mat-option>
+                <mat-option>Java</mat-option>
+            </mat-select>
+        </mat-form-field>
+
+        @if (true) {
+            <button mat-flat-button class="dashboard__action-row__button">Test</button>
+        }
+    </div>
+
+    <div class="dashboard__employee"></div>
+</div>
diff --git a/src/app/views/dashboard/dashboard.component.scss b/src/app/views/dashboard/dashboard.component.scss
index e69de29..1e33dc6 100644
--- a/src/app/views/dashboard/dashboard.component.scss
+++ b/src/app/views/dashboard/dashboard.component.scss
@@ -0,0 +1,15 @@
+.dashboard{
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  &__action-row{
+    display: flex;
+    :first-child{
+      flex-grow: 1;
+    }
+    &__button{
+      border-radius: var(--mat-sys-corner-extra-small);
+      height: 100%;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/app/views/dashboard/dashboard.component.ts b/src/app/views/dashboard/dashboard.component.ts
index a021d25..82f2af2 100644
--- a/src/app/views/dashboard/dashboard.component.ts
+++ b/src/app/views/dashboard/dashboard.component.ts
@@ -1,16 +1,18 @@
+import {AsyncPipe} from '@angular/common';
 import { Component } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { RouterLink } from '@angular/router';
+import {MatButton, MatFabButton} from '@angular/material/button';
+import {MatInput} from '@angular/material/input';
+import {MatFormField, MatLabel, MatOption, MatSelect} from '@angular/material/select';
+import {AuthService} from '@core/auth/auth.service';
 import { NotificationService, NotificationType } from '@core/notification/notification.service';
-
 @Component({
     selector: 'app-dashboard',
-    imports: [MatButtonModule, RouterLink],
+    imports: [MatButton, AsyncPipe, MatSelect, MatOption, MatInput, MatFormField, MatLabel, MatFabButton],
     templateUrl: './dashboard.component.html',
     styleUrl: './dashboard.component.scss'
 })
 export class DashboardComponent {
-    constructor(private notifications: NotificationService) { }
+    constructor(private notifications: NotificationService, protected auth : AuthService) { }
     testInfo() {
         this.notifications.publish('Cake', NotificationType.Information);
     }