update recipe now can select recipe file

client/src/app/features/dashboard/dashboard.component.html

@@ -5,13 +5,37 @@
   <table *ngIf="isLoaded" 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="flex flex-row py-3">
+        <div class="flex flex-row py-3 justify-between">
           <div class="flex flex-col">
             <span
               >Recipe Version {{ recipes?.MachineSetting?.configNumber }} |
-              {{"{{File name}}"}}</span
+              {{ fileName }}</span
             >
           </div>
+          <div class="flex flex-col ml-5">
+            <div class="dropdown dropdown-end">
+              <input
+                type="text"
+                tabindex="0"
+                placeholder="เลือก Recipe File"
+                class="input input-bordered input-sm w-full max-w-xs"
+                (input)="setRecipeVersion($event)"
+                (focus)="getRecipeVersions()"
+              />
+              <div class="dropdown-content z-[1] max-h-[500px] overflow-y-auto">
+                <ul
+                  tabindex="0"
+                  class="menu p-2 shadow bg-base-100 rounded-box w-auto"
+                >
+                  <li *ngFor="let recipeVersion of recipeVersions">
+                    <a (click)="loadRecipe(recipeVersion)">{{
+                      recipeVersion
+                    }}</a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
           <div class="flex flex-col ml-auto">
             <span class=""
               >Last Updated: