ayanova/src/components/work-order-item-parts.vue

@@ -352,6 +352,8 @@
               )
             "
             auto-grow
+            prepend-icon="$ayiListUl"
+            @click:prepend="selectSerials()"
           ></v-textarea>
         </v-col>
       </template>
@@ -405,6 +407,27 @@
         </v-dialog>
       </v-row>
     </template>
+    <!-- ################################################################################-->
+    <!-- ##########################  SERIAL NUMBER SELECTOR FORM  ###############################-->
+    <!-- ################################################################################-->
+    <template>
+      <v-row justify="center">
+        <v-dialog max-width="600px" v-model="serialDialog">
+          <v-card>
+            <v-card-title> </v-card-title>
+            <v-card-text>
+              serial picker / entry
+            </v-card-text>
+            <v-card-actions>
+              <v-spacer />
+              <v-btn text @click="serialDialog = false" color="primary">{{
+                $ay.t("Close")
+              }}</v-btn>
+            </v-card-actions>
+          </v-card>
+        </v-dialog>
+      </v-row>
+    </template>
   </div>
 </template>
 <script>
@@ -422,7 +445,9 @@ export default {
       selectedRow: [],
       partAssemblyDialog: false,
       selectedPartAssembly: null,
-      selectedPartWarehouse: 1
+      selectedPartWarehouse: 1,
+      serialDialog: false,
+      availableSerials: []
     };
   },
   props: {
@@ -468,6 +493,23 @@ export default {
     }
   },
   methods: {
+    selectSerials() {
+      /*
+      TODO:
+      
+      fetch current list of serials
+      remove already selected serials from that list
+      put into availableSerials
+
+      create selection dialog by adding datatable can select from checkboxes and ADD button
+      dialog is strictly for adding
+
+      when done sb able to view current available serials not selected, quickly pick them off and then add en-masse
+
+      */
+
+      this.serialDialog = true;
+    },
     async addPartAssembly() {
       let res = await window.$gz.api.get(
         `part-assembly/${this.selectedPartAssembly}`