26 lines
670 B
HTML
26 lines
670 B
HTML
|
<div class="overflow-auto h-[100vh] 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="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>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</details>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- open material settings modal -->
|