From 096e6485680acbc913b5c360273bd49f609d1c48 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Tue, 25 May 2021 19:38:48 +0000
Subject: [PATCH]

---
 .../src/components/work-order-item-tasks.vue  | 56 ++++++++++---------
 1 file changed, 30 insertions(+), 26 deletions(-)

diff --git a/ayanova/src/components/work-order-item-tasks.vue b/ayanova/src/components/work-order-item-tasks.vue
index 504f1ef9..4e614d02 100644
--- a/ayanova/src/components/work-order-item-tasks.vue
+++ b/ayanova/src/components/work-order-item-tasks.vue
@@ -281,34 +281,28 @@
           <v-card>
             <v-card-title> </v-card-title>
             <v-card-text>
-              <v-row>
-                something here
-              </v-row>
+              <gz-pick-list
+                :aya-type="$ay.ayt().TaskGroup"
+                :show-edit-icon="true"
+                v-model="selectedTaskGroup"
+                :label="$ay.t('TaskGroupList')"
+                ref="selectedTaskGroup"
+                data-cy="selectedTaskGroup"
+              ></gz-pick-list>
             </v-card-text>
             <v-card-actions>
+              <v-btn text @click="taskGroupDialog = false" color="primary">{{
+                $ay.t("Cancel")
+              }}</v-btn>
               <v-spacer></v-spacer>
-              <template v-if="!$vuetify.breakpoint.xs">
-                <v-btn
-                  color="blue darken-1"
-                  text
-                  @click="taskGroupDialog = false"
-                  class="ml-4"
-                  >{{ $ay.t("OK") }}</v-btn
-                >
-              </template>
-              <template v-else>
-                <!-- MOBILE FORMAT "What is this?  A form for ants?" -->
-                <v-row>
-                  <v-btn
-                    class="mt-4"
-                    block
-                    text
-                    color="blue darken-1"
-                    @click="taskGroupDialog = false"
-                    >{{ $ay.t("OK") }}</v-btn
-                  >
-                </v-row>
-              </template>
+              <v-btn
+                :disabled="selectedTaskGroup == null"
+                color="primary"
+                text
+                @click="addTaskGroup()"
+                class="ml-4"
+                >{{ $ay.t("Add") }}</v-btn
+              >
             </v-card-actions>
           </v-card>
         </v-dialog>
@@ -335,7 +329,8 @@ export default {
     return {
       activeItemIndex: null,
       selectedRow: [],
-      taskGroupDialog: false
+      taskGroupDialog: false,
+      selectedTaskGroup: null
     };
   },
   props: {
@@ -360,6 +355,15 @@ export default {
     }
   },
   methods: {
+    addTaskGroup() {
+      //add the tasks in the task group ID specified
+      //verify the id is real
+      console.log("Selected taskgroupid", this.selectedTaskGroup);
+      //fetch it from the server
+      //iterate and append to the current task list
+      //flag dirty if necessary
+      this.taskGroupDialog = false;
+    },
     userChange(newName) {
       this.value.items[this.activeWoItemIndex].tasks[
         this.activeItemIndex