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

update git module

Browse source
This commit is contained in:
Kenta420 2023-10-03 17:00:35 +07:00
parent b5cb469a30
commit b529a5eaa2
7 changed files with 62 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -18,47 +18,57 @@
<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">
<div class="flex flex-col gap-1">
<label>
<span class="text-base label-text">Product Code: </span>
</label>
<input
type="text"
class="w-full input input-sm input-bordered input-ghost"
formControlName="productCode"
/>
</div>
<div class="flex flex-col gap-1">
<label><span class="text-base label-text">Name: </span> </label>
<input
type="text"
class="w-full input input-sm input-bordered input-ghost"
formControlName="name"
/>
</div>
<div class="flex flex-col gap-1">
<label><span class="text-base label-text"> Other Name:</span> </label>
<input
type="text"
class="w-full input input-sm input-bordered input-ghost"
formControlName="otherName"
/>
</div>
<div class="flex flex-col gap-1">
<label><span class="text-base label-text"> Description:</span> </label>
<input
type="text"
class="w-full input input-sm input-bordered input-ghost"
formControlName="description"
/>
</div>
<div class="modal-action">
<a class="btn px-10" (click)="save()">Save</a>
<a class="btn" (click)="close()">Close</a>
</div>
</form>
<div>
<h3 class="font-bold text-lg mb-3">{{ title }}</h3>
</div>
<div class="modal-scroll">
<form class="flex flex-col gap-2" [formGroup]="recipeDetail">
<div class="flex flex-wrap">
<div class="flex flex-col gap-1">
<label><span class="text-base label-text">Name: </span> </label>
<input
type="text"
class="w-full input input-sm input-bordered input-ghost"
formControlName="name"
/>
</div>
<div class="flex flex-col gap-1">
<label
><span class="text-base label-text"> Other Name:</span>
</label>
<input
type="text"
class="w-full input input-sm input-bordered input-ghost"
formControlName="otherName"
/>
</div>
<div class="flex flex-row items-center justify-between gap-2">
<div class="flex flex-col gap-1 w-1/2">
<label
><span class="text-base label-text"> Description:</span>
</label>
<input
type="text"
class="w-full input input-sm input-bordered input-ghost"
formControlName="description"
/>
</div>
<div class="flex flex-col gap-1 w-1/2">
<label><span class="text-baase label-text">Price:</span></label>
<input
type="number"
class="w-full input input-sm input-bordered input-ghost"
formControlName="price"
/>
</div>
</div>
</div>
<div class="modal-action">
<a class="btn px-10" (click)="save()">Save</a>
<a class="btn" (click)="close()">Close</a>
</div>
</form>
</div>
</div>
</dialog>