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>
+              <gz-pick-list
-                something here
+                :aya-type="$ay.ayt().TaskGroup"
-              </v-row>
+                :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
-                <v-btn
+                :disabled="selectedTaskGroup == null"
-                  color="blue darken-1"
+                color="primary"
-                  text
+                text
-                  @click="taskGroupDialog = false"
+                @click="addTaskGroup()"
-                  class="ml-4"
+                class="ml-4"
-                  >{{ $ay.t("OK") }}</v-btn
+                >{{ $ay.t("Add") }}</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-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