Bugfix/127/personnel dropdown

src/client/web/src/components/BIOMD/BIOMD/BIOMD-ASSET/ASSET-AssetDetails.vue

@@ -54,10 +54,9 @@
           </div>
           <div class="d-flex gap-3 align-items-center">
             <span>Status: </span>
-            <span
-              class="badge rounded-pill bg-success"
-              >{{ AssetDetails.selectedParentAsset.status }}</span
-            >
+            <span class="badge rounded-pill bg-success">{{
+              AssetDetails.selectedParentAsset.status
+            }}</span>
           </div>
         </div>
       </div>
@@ -144,11 +143,11 @@
         aria-label="Default select example"
         v-model="AssetDetails.status"
       >
-        <option selected value="Active Deployed">Active Deployed</option>
         <option
           v-for="list in statusList"
           :key="list.value"
           :value="list.value"
+          :selected="list.selected"
         >
           {{ list.name }}
         </option>
@@ -174,6 +173,7 @@ const modelList = ref(null);
 const assetList = ref(null);
 
 const statusList = ref([
+  { name: "Active Deployed", value: "Active Deployed", selected: true },
   { name: "Active in Storage", value: "Active in Storage" },
   { name: "Active in Service", value: "Active in Service" },
   { name: "Storage Repairable", value: "Storage Repairable" },

src/client/web/src/components/BIOMD/BIOMD/BIOMD-ASSET/ASSET-AssetLocation.vue

@@ -49,7 +49,7 @@
       <Input
         class="form-control"
         id="locationName"
-        label="locationName"
+        label="Location"
         placeholder="Enter Location"
         aria-label="Default select example"
         v-model="AssetLocation.locationName"

src/client/web/src/components/BIOMD/BIOMD/BIOMD-ASSET/ASSET.vue

@@ -135,7 +135,7 @@ export default {
         UMDNSCode: null,
       },
       manufactureDate: null,
-      status: "Active in Service",
+      status: "Active Deployed",
     });
 
     const AssetLocation = ref({

src/client/web/src/components/BIOMD/BIOMD/BIOMD-VENDOR/VENDOR-CustomerService.vue

@@ -31,22 +31,24 @@
       />
     </div>
     <!-- Type of Personnel -->
-    <div class="col-lg-6">
-      <label for="type" class="form-label">Type of Personnel</label>
-      <div class="input-group">
-        <input
-          class="form-control"
-          list="contactTypeOptions"
-          id="type"
-          placeholder="Select Contact Type"
-          autocomplete="off"
-          v-model="contactInfo.type"
-        />
-      </div>
-      <datalist id="contactTypeOptions">
-        <option />
-        Select Contact Type
-      </datalist>
+    <div class="col-lg-6 mb-3">
+      <label for="typeList" class="form-label">Type of Personnel</label>
+      <select
+        id="typeList"
+        class="form-select"
+        aria-label="Default select example"
+        v-model="contactInfo.type"
+        placeholder="Enter Contact Number"
+      >
+        <option
+          v-for="list in typeList"
+          :key="list.value"
+          :value="list.value"
+          :selected="list.selected"
+        >
+          {{ list.name }}
+        </option>
+      </select>
     </div>
 
     <div class="col-lg-6 mt-4">
@@ -62,11 +64,18 @@
 </template>
 
 <script setup>
-import { inject } from "vue";
+import { ref, inject } from "vue";
 import Btn2 from "../BIOMD-UI/UI-Btn2.vue";
 import Input from "../BIOMD-UI/UI-Input.vue";
 import Section from "../BIOMD-UI/UI-Section.vue";
 
+const typeList = ref([
+  { name: "Biomedical Service", value: "Biomedical Service", selected: true },
+  { name: "Clinical Specialist", value: "Clinical Specialist" },
+  { name: "Service Call", value: "Service Call" },
+  { name: "General Contact", value: "General Contact" },
+]);
+
 const contactInfo = inject("contactInfo");
 </script>
 

src/client/web/src/components/BIOMD/BIOMD/BIOMD-VENDOR/VENDOR.vue

@@ -133,7 +133,7 @@ export default {
         number: null,
         name: null,
         email: null,
-        type: null,
+        type: "Biomedical Service",
       },
     ]);