dashboard created

src/app/views/dashboard/dashboard.component.html

@@ -1,4 +1,22 @@
-<a mat-flat-button routerLink="/employee/new">New Employee</a>
+<div class="dashboard">
-<a mat-flat-button routerLink="/employee/1">Edit Employee 3</a>
+
-<button mat-flat-button (click)="testInfo()">Test Info</button>
+    <div class="dashboard__action-row">
-<button mat-flat-button (click)="testError()">Test Error</button>
+        <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>

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%;
+    }
+  }
+}

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 {MatButton, MatFabButton} from '@angular/material/button';
-import { RouterLink } from '@angular/router';
+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);
     }