Jan-Marlon Leibl
0be39d98ec
Reviewed-on: http://git.simonis.lol/angular/ems-frontend/pulls/47 Co-authored-by: Jan-Marlon Leibl <jleibl@proton.me> Co-committed-by: Jan-Marlon Leibl <jleibl@proton.me>
51 lines
1.5 KiB
HTML
51 lines
1.5 KiB
HTML
<h2
|
|
mat-dialog-title
|
|
class="text-xl md:text-2xl font-semibold text-gray-800 mb-3 md:mb-4"
|
|
>
|
|
Delete Employee
|
|
</h2>
|
|
|
|
<mat-dialog-content class="!px-3 md:!px-6">
|
|
<div class="w-full min-w-[280px] md:min-w-[400px] space-y-4 md:space-y-6">
|
|
<div class="bg-amber-50 p-3 md:p-4 rounded-lg border border-amber-200">
|
|
<div class="flex items-start space-x-2 md:space-x-3">
|
|
<mat-icon class="text-amber-600 text-xl md:text-2xl !w-8 !h-8"
|
|
>warning</mat-icon
|
|
>
|
|
<div>
|
|
<p class="text-gray-800 font-medium text-sm md:text-base">
|
|
Are you sure you want to delete {{ employee.firstName }}
|
|
{{ employee.lastName }}?
|
|
</p>
|
|
<p class="text-gray-600 mt-1 text-xs md:text-sm">
|
|
This action cannot be undone.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<mat-dialog-actions
|
|
align="end"
|
|
class="!px-0 !mb-0 flex flex-col sm:flex-row w-full gap-3"
|
|
>
|
|
<button
|
|
mat-button
|
|
[mat-dialog-close]="false"
|
|
class="text-sm md:text-base hover:bg-gray-100 py-2 px-6 rounded-md w-full sm:flex-1"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<button
|
|
mat-flat-button
|
|
color="warn"
|
|
(click)="deleteEmployee(employee.id ?? 0)"
|
|
mat-dialog-close
|
|
class="!ml-0 text-sm md:text-base py-2 px-6 rounded-md w-full sm:flex-1"
|
|
cdkFocusInitial
|
|
>
|
|
Delete
|
|
</button>
|
|
</mat-dialog-actions>
|
|
</div>
|
|
</mat-dialog-content>
|