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

add material setting show sample

Browse source
This commit is contained in:
pakintada@gmail.com 2024-01-25 13:39:49 +07:00
parent 68bf963d05
commit 5cf0a8b761
4 changed files with 107 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

98
client/src/app/features/material-settings/material-settings.component.html
View file

@ -1,25 +1,87 @@
<div class="overflow-auto h-[100vh] w-[85vw]">
<div class="overflow-auto h-[90vh] w-[85vw]">
<div class="m-4 w-[90%]" *ngFor="let cat of getCategories()">
<details class="bg-stone-300 p-4 collapse collapse-arrow">
<summary class="font-bold text-lg collapse-title">{{ cat }}</summary>
<div class="m-4 w-[90%]" *ngFor="let cat of getCategories()">
<details class="bg-stone-300 p-4 collapse collapse-arrow">
<summary class="font-bold text-lg collapse-title">{{ cat }}</summary>
<div class="collapse-content">
<div class="grid grid-flow-row grid-cols-7 gap-4">
<div class="m-1" *ngFor="let material of allMaterialsGroupedByTypes[cat]">
<button class="bg-slate-100 p-2 rounded-md w-44">
<p>{{ material.name }} ({{ material.id }})</p>
</button>
<div class="collapse-content">
<div class="grid grid-flow-row grid-cols-7 gap-4">
<div
class="m-1"
*ngFor="let material of allMaterialsGroupedByTypes[cat]"
>
<button
class="bg-slate-100 p-2 rounded-md w-44"
(click)="getMaterialSettingsById(material.id)"
>
<p>{{ material.name }} ({{ material.id }})</p>
</button>
</div>
</div>
</div>
</div>
</details>
</details>
</div>
</div>
</div>
<!-- 0: "StringParam"1: "AlarmIDWhenOffline"2: "BeanChannel"3: "CanisterType"4: "DrainTimer"5: "IceScreamBingsuChannel"6: "IsEquipment"7: "LeavesChannel"8: "LowToOffline"9: "MaterialStatus"10: "PowderChannel"11: "RefillUnitGram"12: "RefillUnitMilliliters"13: "RefillUnitPCS"14: "ScheduleDrainType"15: "SodaChannel"16: "StockAdjust"17: "SyrupChannel"18: "id"19: "idAlternate"20: "isUse"21: "pay_rettry_max_count"22: "feed_mode"23: "MaterialParameter"24: "materialName"25: "materialOtherName"26: "RawMaterialUnit" -->
<!-- open material settings modal -->
<div *ngIf="currentMaterialSettings != null">
<input
type="checkbox"
id="material_settings_modal"
class="modal-toggle"
#checkBox="ngModel"
[(ngModel)]="showMaterialSettingModal"
(close)="currentMaterialSettings = null"
/>
<label for="material_settings_modal" class="modal">
<div class="modal-box max-w-5xl">
<p>Material Settings</p>
<input type="checkbox" [value]="currentMaterialSettings.isUse == 'true' ? true : false">
<p>{{ currentMaterialSettings.materialName }}</p>
<p>{{ currentMaterialSettings.materialId }}</p>
<p>{{ currentMaterialSettings.materialOtherName }}</p>
<p>Status {{ currentMaterialSettings.MaterialStatus }}</p>
<p>CanisterType {{ currentMaterialSettings.CanisterType }}</p>
<p>AlarmIDWhenOffline {{ currentMaterialSettings.AlarmIDWhenOffline }}</p>
<p>ScheduleDrainType {{ currentMaterialSettings.ScheduleDrainType }}</p>
<p>LowToOffline {{ currentMaterialSettings.LowToOffline }}</p>
<p>StockAdjust {{ currentMaterialSettings.StockAdjust }}</p>
<p>pay_rettry_max_count {{ currentMaterialSettings.pay_rettry_max_count }}</p>
<!-- Material Param -->
<div
class="bg-green-200 rounded-md p-4"
>
<p>StringParam {{ currentMaterialSettings.StringParam }}</p>
<p>Parameter {{ currentMaterialSettings.MaterialParameter }}</p>
<p>RawMaterialUnit {{ currentMaterialSettings.RawMaterialUnit }}</p>
</div>
<!-- Types -->
<div class="bg-amber-300 rounded-md p-4">
<p>IsEquipment? {{ currentMaterialSettings.IsEquipment }}</p>
<p>Bean? {{ currentMaterialSettings.BeanChannel }}</p>
<p>Powder? {{ currentMaterialSettings.PowderChannel }}</p>
<p>Syrup? {{ currentMaterialSettings.SyrupChannel }}</p>
<p>Soda? {{ currentMaterialSettings.SodaChannel }}</p>
<p>Leaves? {{ currentMaterialSettings.LeavesChannel }}</p>
<p>IceScreamBingsu? {{ currentMaterialSettings.IceScreamBingsuChannel }}</p>
</div>
<!-- Refill -->
<div class="bg-blue-200 rounded-md p-4">
<p>RefillUnitGram? {{ currentMaterialSettings.RefillUnitGram }}</p>
<p>RefillUnitMilliliters? {{ currentMaterialSettings.RefillUnitMilliliters }}</p>
<p>RefillUnitPCS? {{ currentMaterialSettings.RefillUnitPCS }}</p>
</div>
</div>
</label>
</div>