Initial working new notify - needs sprucing up but working!

ayanova/src/components/gzconfirm.vue

@@ -0,0 +1,85 @@
+<template>
+  <v-dialog
+    v-model="dialog"
+    :max-width="options.width"
+    :style="{ zIndex: options.zIndex }"
+    @keydown.esc="cancel"
+  >
+    <v-card>
+      <v-toolbar dark :color="options.color" dense flat>
+        <v-toolbar-title class="white--text">{{ title }}</v-toolbar-title>
+      </v-toolbar>
+      <v-card-text v-show="!!message" class="pa-4">{{ message }}</v-card-text>
+      <v-card-actions class="pt-0">
+        <v-spacer></v-spacer>
+        <v-btn color="primary darken-1" text @click.native="agree">Yes</v-btn>
+        <v-btn color="grey" text @click.native="cancel">Cancel</v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script>
+/**
+ * Vuetify Confirm Dialog component
+ *
+ * Insert component where you want to use it:
+ * <confirm ref="confirm"></confirm>
+ *
+ * Call it:
+ * this.$refs.confirm.open('Delete', 'Are you sure?', { color: 'red' }).then((confirm) => {})
+ * Or use await:
+ * if (await this.$refs.confirm.open('Delete', 'Are you sure?', { color: 'red' })) {
+ *   // yes
+ * }
+ * else {
+ *   // cancel
+ * }
+ *
+ * Alternatively you can place it in main App component and access it globally via this.$root.$confirm
+ * <template>
+ *   <v-app>
+ *     ...
+ *     <confirm ref="confirm"></confirm>
+ *   </v-app>
+ * </template>
+ *
+ * mounted() {
+ *   this.$root.$confirm = this.$refs.confirm.open
+ * }
+ */
+export default {
+  data: () => ({
+    dialog: false,
+    resolve: null,
+    reject: null,
+    message: null,
+    title: null,
+    options: {
+      color: "primary",
+      width: 290,
+      zIndex: 200
+    }
+  }),
+  methods: {
+    open(title, message, options) {
+      this.dialog = true;
+      this.title = title;
+      this.message = message;
+      this.options = Object.assign(this.options, options);
+      return new Promise((resolve, reject) => {
+        this.resolve = resolve;
+        this.reject = reject;
+      });
+    },
+    agree() {
+      this.resolve(true);
+      this.dialog = false;
+    },
+    cancel() {
+      this.resolve(false);
+      this.dialog = false;
+    }
+  }
+};
+</script>

ayanova/src/components/gznotify.vue

@@ -0,0 +1,51 @@
+<template>
+  <!-- <v-dialog
+    v-model="dialog"
+    :max-width="options.width"
+    :style="{ zIndex: options.zIndex }"
+    @keydown.esc="cancel"
+  >
+    <v-card>
+      <v-toolbar dark :color="options.color" dense flat>
+        <v-toolbar-title class="white--text">{{ title }}</v-toolbar-title>
+      </v-toolbar>
+      <v-card-text v-show="!!message" class="pa-4">{{ message }}</v-card-text>
+      <v-card-actions class="pt-0">
+        <v-spacer></v-spacer>
+        <v-btn color="primary darken-1" text @click.native="agree">Yes</v-btn>
+        <v-btn color="grey" text @click.native="cancel">Cancel</v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog> -->
+  <v-snackbar v-model="snackbar">
+    {{ message }}
+    <v-btn
+      :color="options.color"
+      :timeout="options.timeout"
+      text
+      @click="snackbar = false"
+    >
+      Close
+    </v-btn>
+  </v-snackbar>
+</template>
+
+<script>
+export default {
+  data: () => ({
+    snackbar: false,
+    message: null,
+    options: {
+      color: "primary",
+      timeout: 3000
+    }
+  }),
+  methods: {
+    open(message, options) {
+      this.snackbar = true;
+      this.message = message;
+      this.options = Object.assign(this.options, options);
+    }
+  }
+};
+</script>

ayanova/src/components/gztest.vue

@@ -0,0 +1,23 @@
+<template>
+  <div>{{ message }}</div>
+</template>
+
+<script>
+export default {
+  data: () => ({
+    snackbar: false,
+    message: null,
+    options: {
+      color: "primary",
+      timeout: 3000
+    }
+  }),
+  methods: {
+    open(message, options) {
+      this.snackbar = true;
+      this.message = message;
+      this.options = Object.assign(this.options, options);
+    }
+  }
+};
+</script>

ayanova/src/components/inventorywidgetlist.vue

@@ -90,7 +90,7 @@
 </template>
 
 <script>
-/*  eslint-disable */
+/*  Xeslint-disable */
 const FORM_KEY = "inventorywidgetlist";
 
 export default {