Product list and detail fully working. only thing to check is the update sort order route

2026-01-26 14:01:18 +00:00
parent 22f888500f
commit 0a7ffb4a5c
8 changed files with 261 additions and 51 deletions
@@ -0,0 +1,50 @@
+<h1 mat-dialog-title>Edit Product SKU</h1>
+<div mat-dialog-content>
+  <form [formGroup]="form">
+    <div class="flex flex-row flex-wrap justify-around content-start items-start sm:max-lg:flex-col">
+      <mat-form-field class="flex-auto">
+        <mat-label>Units</mat-label>
+        <input matInput formControlName="units" />
+      </mat-form-field>
+
+      <mat-form-field class="flex-auto">
+        <mat-label>Fraction</mat-label>
+        <input matInput type="number" formControlName="fraction" />
+      </mat-form-field>
+
+      <mat-form-field class="flex-auto">
+        <mat-label>Yield</mat-label>
+        <input matInput type="number" formControlName="productYield" />
+      </mat-form-field>
+
+      <mat-form-field class="flex-auto">
+        <mat-label>Cost Price</mat-label>
+        <input matInput type="number" formControlName="costPrice" />
+      </mat-form-field>
+
+      <mat-form-field class="flex-auto">
+        <mat-label>Sale Price</mat-label>
+        <input matInput type="number" formControlName="salePrice" />
+      </mat-form-field>
+
+      <mat-form-field class="flex-auto">
+        <mat-label>Menu Category</mat-label>
+        <mat-select formControlName="menuCategory">
+          @for (mc of menuCategories; track mc) {
+            <mat-option [value]="mc.id">
+              {{ mc.name }}
+            </mat-option>
+          }
+        </mat-select>
+      </mat-form-field>
+
+      <mat-checkbox formControlName="hasHappyHour" class="flex-auto">Has Happy Hour?</mat-checkbox>
+      <mat-checkbox formControlName="isNotAvailable" class="flex-auto">Not Available?</mat-checkbox>
+    </div>
+  </form>
+</div>
+
+<div mat-dialog-actions>
+  <button mat-raised-button color="warn" [mat-dialog-close]="false" cdkFocusInitial>Cancel</button>
+  <button mat-raised-button color="primary" (click)="accept()">Ok</button>
+</div>