SZUT/EMS
5
0
Fork 0
Code Issues 1 Pull requests Projects 1 Activity Actions

dashboard created
Some checks failed
Quality Check / Linting (push) Failing after 25s
Details

Browse source
This commit is contained in:
Rajbir Singh 2025-01-10 17:51:41 +01:00
parent 3a528b0a01
commit 5e128db57f
3 changed files with 44 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/app/views/dashboard/dashboard.component.html
View file

@ -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>

15
src/app/views/dashboard/dashboard.component.scss
View file

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

12
src/app/views/dashboard/dashboard.component.ts
View file

@ -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);
}