add feed pattern/level

client/src/app/features/recipes/recipe-details/recipe-list/recipe-list.component.html

@@ -76,7 +76,11 @@
                 [attr.data-tip]="param.pkey"
                 *ngFor="let param of getStringParamOfIndex(i)"
               >
-                <!-- <p>&nbsp;</p> -->
+
+
+
+                <div *ngIf="param.pkey != 'encoder_cnt'">
+                  <!-- <p>&nbsp;</p> -->
                 <p *ngIf="param.pkey == 'notail'">tail</p>
                 <input
                   type="text"
@@ -85,6 +89,11 @@
                   (click)="openStringParamEditor(i)"
                 />
                 <p *ngIf="param.pkey == 'esp-v2-press-value'">mA</p>
+                </div>
+
+
+
+
               </div>
             </div>
           </div>
@@ -140,6 +149,31 @@
             />
             <p>sec</p>
           </div>
+
+
+        </div>
+        <!-- feed levels -->
+        <div class="flex w-58 rounded-md bg-pink-200 items-center space-x-2 p-2 justify-center" *ngIf="getTooltipForStirTime(getTypeForRecipeListAtIndex(i)) == 'Mix'">
+
+
+
+
+
+            <p>Style</p>
+            <input class="w-4 bg-transparent" formControlName="feedPattern">
+            <p>Level</p>
+            <input class="w-12 bg-transparent" type="number" formControlName="feedParameter">
+
+
+
+
+          <div class="flex p-1 space-x-2 bg-green-300 text-center rounded-md" *ngIf="getStringParam(i, 'encoder_cnt') != undefined">
+
+            <p>Encoder </p>
+            <p>{{getStringParam(i, "encoder_cnt")?.pvalue}}</p>
+
+          </div>
+
         </div>
         <div class="collapse collapse-open" *ngIf="isTopping(getTypeForRecipeListAtIndex(i)['id'])">
           <!-- <div class="collapse-title">Topping Settings</div> -->
@@ -321,6 +355,23 @@
           </div>
         </details>
 
+        <details class="flex items-center space-x-2 bg-pink-200 p-4 rounded-md">
+          <summary class="cursor-pointer">Feed</summary>
+          <div class="flex items-center space-x-2">
+            <p class="text-base m-4">Style</p>
+            <input
+              type="text"
+              class="input w-16"
+              formControlName="feedPattern"
+            />
+          </div>
+
+          <div class="flex items-center space-x-2">
+            <p class="text-base m-4">Level</p>
+            <input type="text" class="input w-16" formControlName="feedParameter" />
+          </div>
+        </details>
+
         <!-- String Param -->
         <div class="flex items-center space-x-2">
           <p class="text-base m-4">Parameters</p>

client/src/app/features/recipes/recipe-details/recipe-list/recipe-list.component.ts

@@ -108,6 +108,10 @@ export class RecipeListComponent implements OnInit {
       .subscribe(({ result }) => {
         this._recipeListOriginalArray = result;
         result.forEach((recipeDetailMat: RecipeDetailMat, index: number) => {
+
+
+          console.log(this.recipeListData);
+
           // StringParam
           if (
             recipeDetailMat.StringParam != '' ||
@@ -210,6 +214,18 @@ export class RecipeListComponent implements OnInit {
                   disabled: !this.isEditable(),
                 },
               ],
+              feedPattern: [
+                {
+                  value: recipeDetailMat.feedPattern,
+                  disabled: !this.isEditable(),
+                }
+              ],
+              feedParameter: [
+                {
+                  value: recipeDetailMat.feedParameter,
+                  disabled: !this.isEditable(),
+                }
+              ]
             })
           );
         });

server/.gitignore

@@ -4,3 +4,4 @@
 token.json
 client_secret.json
 app.env
+cofffeemachineConfig