ayanova/src/components/work-order-state.vue

@@ -6,7 +6,7 @@
 
     <template v-if="hasState">
       <div>
-        <v-btn icon class="ml-n1 mr-2">
+        <v-btn icon class="ml-n1 mr-2" @click="openDialog = true">
           <v-icon>{{ openIcon() }}</v-icon>
         </v-btn>
 
@@ -21,6 +21,44 @@
       </div>
     </template>
 
+    <v-row justify="center">
+      <v-dialog v-model="openDialog" max-width="600px">
+        <v-card>
+          <v-card-title>
+            <span class="headline">title</span>
+          </v-card-title>
+          <v-card-text>
+            card text
+            <!-- <v-select
+              v-model="moveType"
+              :items="selectLists.objectTypes"
+              item-text="name"
+              item-value="id"
+              :label="$ay.t('AyaType')"
+            ></v-select>
+
+            <gz-pick-list
+              v-if="moveType != 0"
+              :aya-type="moveType"
+              :show-edit-icon="false"
+              :include-inactive="true"
+              v-model="moveId"
+              label="Id"
+            ></gz-pick-list> -->
+          </v-card-text>
+          <v-card-actions>
+            <v-spacer></v-spacer>
+            <v-btn color="blue darken-1" text @click="openDialog = false">{{
+              $ay.t("Cancel")
+            }}</v-btn>
+            <v-btn color="blue darken-1" text @click="save()">{{
+              $ay.t("OK")
+            }}</v-btn>
+          </v-card-actions>
+        </v-card>
+      </v-dialog>
+    </v-row>
+
     <!-- <template v-if="canAdd">
       <div>
         <v-autocomplete
@@ -84,7 +122,8 @@
 export default {
   data() {
     return {
-      selectedStatus: null
+      selectedStatus: null,
+      openDialog: false
     };
   },
 
@@ -139,6 +178,10 @@ export default {
       }
       return "$ayiHistory";
     },
+    save() {
+      console.log("STUB: doSAVE clicked");
+      this.openDialog = false;
+    },
     fieldValueChanged(ref) {
       if (!this.pvm.formState.loading && !this.pvm.formState.readonly) {
         window.$gz.form.fieldValueChanged(this.pvm, ref);