pakin/Taobin-Recipe-Manager
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update recipe modal

Browse source
This commit is contained in:
Kenta420-Poom 2023-09-28 14:12:09 +07:00
parent ac45ca47d5
commit 2328da0ce8
11 changed files with 238 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

27
client/src/app/shared/modal/recipe-modal.component.html
View file

@ -19,11 +19,7 @@
<dialog class="modal" #detailModal>
<div class="modal-box w-11/12 max-w-5xl">
<h3 class="font-bold text-lg mb-3">{{ title }}</h3>
<form
class="flex flex-col gap-2"
[formGroup]="recipeDetail"
(ngSubmit)="save()"
>
<form class="flex flex-col gap-2" [formGroup]="recipeDetail">
<div class="flex flex-col gap-1">
<label>
<span class="text-base label-text">Product Code: </span>
@ -59,12 +55,23 @@
/>
</div>
<div class="modal-action">
<button type="submit" class="btn">Save</button>
<form method="dialog">
<!-- if there is a button, it will close the modal -->
<button class="btn">Close</button>
</form>
<a class="btn px-10" (click)="save()">Save</a>
<a class="btn" (click)="close()">Close</a>
</div>
</form>
</div>
</dialog>
<dialog class="modal" #confirmModal>
<div class="modal-box w-11/12 max-w-5xl">
<h3 class="font-bold text-lg mb-3">Confirm Dialog</h3>
<p>Are you sure you want to delete this recipe?</p>
<div class="modal-action">
<button type="submit" class="btn btn-success">Confirm</button>
<form method="dialog">
<!-- if there is a button, it will close the modal -->
<button class="btn btn-error">Close</button>
</form>
</div>
</div>
</dialog>