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

update recipe detail and recipe detail list

Browse source
This commit is contained in:
Kenta420 2023-11-24 17:47:44 +07:00
parent 8b45ed53ee
commit d52cad09fd
16 changed files with 947 additions and 458 deletions
Download patch file Download diff file Expand all files Collapse all files

25
client/src/app/features/recipes/recipes.component.html
View file

@ -2,14 +2,17 @@
class="relative overflow-auto max-h-[900px] shadow-md sm:rounded-lg"
#table
>
<table *ngIf="isLoaded" class="table">
<table class="table">
<caption class="p-5 text-lg font-semibold text-left text-gray-900">
<div class="divide-y divide-solid divide-gray-400">
<div
class="divide-y divide-solid divide-gray-400"
*ngIf="recipesDashboard$ | async as recipesDashboard; else loading"
>
<div class="flex flex-row py-3 justify-between items-center">
<div class="flex flex-col">
<span
>Recipe Version {{ recipes?.MachineSetting?.configNumber }} |
{{ currentFile }}</span
>Recipe Version {{ recipesDashboard.configNumber }} |
{{ recipesDashboard.filename }}</span
>
</div>
<div class="flex flex-col ml-5">
@ -106,7 +109,9 @@
<div class="flex flex-col ml-auto">
<span class=""
>Last Updated:
{{ recipes?.Timestamp | date : "dd-MMM-yyyy hh:mm:ss" }}</span
{{
recipesDashboard.configNumber | date : "dd-MMM-yyyy hh:mm:ss"
}}</span
>
</div>
</div>
@ -199,7 +204,7 @@
</thead>
<tbody>
<tr
*ngFor="let recipe of recipes01"
*ngFor="let recipe of recipeOverviewList"
class="bg-white la border-b hover:bg-secondary"
>
<th>
@ -219,9 +224,9 @@
{{ recipe.name }}
</td>
<td class="px-6 py-4">{{ recipe.otherName }}</td>
<td class="px-6 py-4 flex-wrap max-w-xs">{{ recipe.Description }}</td>
<td class="px-6 py-4 flex-wrap max-w-xs">{{ recipe.description }}</td>
<td class="px-6 py-4">
{{ recipe.LastChange | date : "dd-MMM-yyyy hh:mm:ss" }}
{{ recipe.lastUpdated | date : "dd-MMM-yyyy hh:mm:ss" }}
</td>
<td class="px-4 py-4 flex">
<!-- <recipe-modal productCode="{{ recipe.productCode }}"></recipe-modal> -->
@ -249,7 +254,7 @@
</tr>
</tbody>
</table>
<div *ngIf="!isLoaded">
<ng-template #loading>
<div
class="flex w-full items-center justify-center h-56 border border-gray-200 rounded-lg bg-gray-50"
>
@ -272,7 +277,7 @@
</svg>
</div>
</div>
</div>
</ng-template>
<button
class="btn btn-circle fixed z-100 bottom-5 right-1"