angular/ems-frontend
angular/ems-frontend
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add cancel button to create and edit qualification modals

Browse Source
This commit is contained in:
Phan Huy Tran 2025-01-15 10:03:39 +01:00
parent 17912451d6
commit 74bb0fa41c
4 changed files with 49 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/qualification/create/create.component.html
View File

@ -17,6 +17,7 @@
</mat-form-field> </mat-form-field>
<mat-dialog-actions align="end"> <mat-dialog-actions align="end">
<button mat-button mat-dialog-close>Cancel</button>
<button mat-flat-button color="primary" type="submit">Create</button> <button mat-flat-button color="primary" type="submit">Create</button>
</mat-dialog-actions> </mat-dialog-actions>
</div> </div>

11
src/app/qualification/create/create.component.ts
View File

@ -1,7 +1,13 @@
import {Component, inject} from '@angular/core'; import {Component, inject} from '@angular/core';
import {FormBuilder, ReactiveFormsModule, Validators} from "@angular/forms"; import {FormBuilder, ReactiveFormsModule, Validators} from "@angular/forms";
import QualificationService from "../../services/qualification.service"; import QualificationService from "../../services/qualification.service";
import {MatDialogActions, MatDialogContent, MatDialogRef, MatDialogTitle} from "@angular/material/dialog"; import {
MatDialogActions,
MatDialogClose,
MatDialogContent,
MatDialogRef,
MatDialogTitle
} from "@angular/material/dialog";
import {NgIf} from "@angular/common"; import {NgIf} from "@angular/common";
import {MatError, MatFormField, MatLabel} from "@angular/material/form-field"; import {MatError, MatFormField, MatLabel} from "@angular/material/form-field";
import {MatButton} from "@angular/material/button"; import {MatButton} from "@angular/material/button";
@ -20,7 +26,8 @@ import {filter} from "rxjs";
MatFormField, MatFormField,
MatDialogActions, MatDialogActions,
MatButton, MatButton,
MatInput MatInput,
MatDialogClose
], ],
templateUrl: './create.component.html', templateUrl: './create.component.html',
styleUrl: './create.component.css' styleUrl: './create.component.css'

1
src/app/qualification/edit/edit.component.html
View File

@ -17,6 +17,7 @@
</mat-form-field> </mat-form-field>
<mat-dialog-actions align="end"> <mat-dialog-actions align="end">
<button mat-button mat-dialog-close>Cancel</button>
<button mat-flat-button color="primary" type="submit">Edit</button> <button mat-flat-button color="primary" type="submit">Edit</button>
</mat-dialog-actions> </mat-dialog-actions>
</div> </div>

5
src/app/qualification/edit/edit.component.ts
View File

@ -3,7 +3,7 @@ import {FormBuilder, FormsModule, ReactiveFormsModule, Validators} from "@angula
import QualificationService from "../../services/qualification.service"; import QualificationService from "../../services/qualification.service";
import { import {
MAT_DIALOG_DATA, MAT_DIALOG_DATA,
MatDialogActions, MatDialogActions, MatDialogClose,
MatDialogContent, MatDialogContent,
MatDialogRef, MatDialogRef,
MatDialogTitle MatDialogTitle
@ -27,7 +27,8 @@ import {Qualification} from "../Qualification";
MatInput, MatInput,
MatLabel, MatLabel,
NgIf, NgIf,
ReactiveFormsModule ReactiveFormsModule,
MatDialogClose
], ],
templateUrl: './edit.component.html', templateUrl: './edit.component.html',
styleUrl: './edit.component.css' styleUrl: './edit.component.css'