From f32de0d01a7dedb5b0cf306706c09d48f47ec2af Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Sun, 5 Apr 2020 19:01:54 +0000
Subject: [PATCH]

---
 ayanova/src/components/gz-data-table.vue          | 11 +----------
 ayanova/src/views/adm-global-select-templates.vue | 13 +------------
 ayanova/src/views/ay-about.vue                    | 13 +------------
 ayanova/src/views/ay-customize.vue                | 14 +-------------
 ayanova/src/views/ay-data-list-view.vue           | 13 +------------
 ayanova/src/views/ay-log.vue                      | 13 +------------
 ayanova/src/views/home-password.vue               | 14 +-------------
 ayanova/src/views/home-user-settings.vue          | 14 +-------------
 ayanova/src/views/widget.vue                      | 13 -------------
 9 files changed, 8 insertions(+), 110 deletions(-)

diff --git a/ayanova/src/components/gz-data-table.vue b/ayanova/src/components/gz-data-table.vue
index 18e6e954..e81db0d1 100644
--- a/ayanova/src/components/gz-data-table.vue
+++ b/ayanova/src/components/gz-data-table.vue
@@ -1,15 +1,6 @@
 <template>
   <div>
-    <v-alert
-      ref="errorbox"
-      v-show="formState.errorBoxMessage"
-      color="error"
-      icon="fa-exclamation-circle "
-      transition="scale-transition"
-      class="multi-line"
-      outlined
-      >{{ formState.errorBoxMessage }}</v-alert
-    >
+    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
     <v-card>
       <v-card-title>
         <v-select
diff --git a/ayanova/src/views/adm-global-select-templates.vue b/ayanova/src/views/adm-global-select-templates.vue
index 2020689c..a86bc3e4 100644
--- a/ayanova/src/views/adm-global-select-templates.vue
+++ b/ayanova/src/views/adm-global-select-templates.vue
@@ -11,18 +11,7 @@
             aria-hidden="true"
           ></button>
           <v-row>
-            <v-col cols="12" mt-1 mb-2>
-              <v-alert
-                ref="errorbox"
-                v-show="formState.errorBoxMessage"
-                color="error"
-                icon="fa-exclamation-circle "
-                transition="scale-transition"
-                class="multi-line"
-                outlined
-                >{{ formState.errorBoxMessage }}</v-alert
-              >
-            </v-col>
+            <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
             <v-col cols="12">
               <v-select
                 v-model="templateId"
diff --git a/ayanova/src/views/ay-about.vue b/ayanova/src/views/ay-about.vue
index 87191676..4ebdf869 100644
--- a/ayanova/src/views/ay-about.vue
+++ b/ayanova/src/views/ay-about.vue
@@ -1,17 +1,6 @@
 <template>
   <v-row row v-if="this.formState.ready">
-    <v-col cols="12" mt-1 mb-2 v-if="formState.errorBoxMessage">
-      <v-alert
-        ref="errorbox"
-        v-show="formState.errorBoxMessage"
-        color="error"
-        icon="fa-exclamation-circle "
-        transition="scale-transition"
-        class="multi-line"
-        outlined
-        >{{ formState.errorBoxMessage }}</v-alert
-      >
-    </v-col>
+    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
     <v-col>
       <v-card id="ayaNovaVersioncard">
         <v-subheader>{{ $ay.t("ClientApp") }}</v-subheader>
diff --git a/ayanova/src/views/ay-customize.vue b/ayanova/src/views/ay-customize.vue
index 3468c437..bd5be6ab 100644
--- a/ayanova/src/views/ay-customize.vue
+++ b/ayanova/src/views/ay-customize.vue
@@ -4,19 +4,7 @@
       <v-col>
         <v-form ref="form">
           <v-row>
-            <v-col cols="12" mt-1 mb-2>
-              <v-alert
-                ref="errorbox"
-                v-show="formState.errorBoxMessage"
-                color="error"
-                icon="fa-exclamation-circle "
-                transition="scale-transition"
-                class="multi-line"
-                outlined
-                >{{ formState.errorBoxMessage }}</v-alert
-              >
-            </v-col>
-
+            <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
             <template v-for="item in obj">
               <v-col :key="item.key" cols="12" sm="6" lg="4" xl="3" px-2>
                 <v-card :data-cy="!!$ay.dev ? item.key : false">
diff --git a/ayanova/src/views/ay-data-list-view.vue b/ayanova/src/views/ay-data-list-view.vue
index fc514aa5..43a35f18 100644
--- a/ayanova/src/views/ay-data-list-view.vue
+++ b/ayanova/src/views/ay-data-list-view.vue
@@ -18,18 +18,7 @@
       <v-col>
         <v-form ref="form">
           <v-row>
-            <v-col cols="12" mt-1 mb-2>
-              <v-alert
-                ref="errorbox"
-                v-show="formState.errorBoxMessage"
-                color="error"
-                icon="fa-exclamation-circle "
-                transition="scale-transition"
-                class="multi-line"
-                outlined
-                >{{ formState.errorBoxMessage }}</v-alert
-              >
-            </v-col>
+            <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
             <v-col cols="12">
               <v-row>
                 <v-col cols="12" sm="6" lg="4" xl="3">
diff --git a/ayanova/src/views/ay-log.vue b/ayanova/src/views/ay-log.vue
index e9dd8b35..a78b676b 100644
--- a/ayanova/src/views/ay-log.vue
+++ b/ayanova/src/views/ay-log.vue
@@ -1,17 +1,6 @@
 <template>
   <v-row row v-if="this.formState.ready">
-    <v-col cols="12" mt-1 mb-2 v-if="formState.errorBoxMessage">
-      <v-alert
-        ref="errorbox"
-        v-show="formState.errorBoxMessage"
-        color="error"
-        icon="fa-exclamation-circle "
-        transition="scale-transition"
-        class="multi-line"
-        outlined
-        >{{ formState.errorBoxMessage }}</v-alert
-      >
-    </v-col>
+    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
     <v-col>
       <v-textarea v-model="logText" full-width readonly auto-grow></v-textarea>
     </v-col>
diff --git a/ayanova/src/views/home-password.vue b/ayanova/src/views/home-password.vue
index 6b3fc07d..59753089 100644
--- a/ayanova/src/views/home-password.vue
+++ b/ayanova/src/views/home-password.vue
@@ -4,19 +4,7 @@
       <v-col>
         <v-form ref="form">
           <v-row>
-            <v-col cols="12" mt-1 mb-2>
-              <v-alert
-                ref="errorbox"
-                v-show="formState.errorBoxMessage"
-                color="error"
-                icon="fa-exclamation-circle "
-                transition="scale-transition"
-                class="multi-line"
-                outlined
-                >{{ formState.errorBoxMessage }}</v-alert
-              >
-            </v-col>
-            <!-- {{ formState }} -->
+            <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
             <v-col cols="12">
               <v-text-field
                 name="username"
diff --git a/ayanova/src/views/home-user-settings.vue b/ayanova/src/views/home-user-settings.vue
index b3335a8b..dcdd6c61 100644
--- a/ayanova/src/views/home-user-settings.vue
+++ b/ayanova/src/views/home-user-settings.vue
@@ -4,19 +4,7 @@
       <v-col>
         <v-form ref="form">
           <v-row>
-            <v-col cols="12" mt-1 mb-2>
-              <v-alert
-                ref="errorbox"
-                v-show="formState.errorBoxMessage"
-                color="error"
-                icon="fa-exclamation-circle "
-                transition="scale-transition"
-                class="multi-line"
-                outlined
-                >{{ formState.errorBoxMessage }}</v-alert
-              >
-            </v-col>
-
+            <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
             <v-col cols="12" sm="6" lg="4" xl="3">
               <v-select
                 v-model="obj.translationId"
diff --git a/ayanova/src/views/widget.vue b/ayanova/src/views/widget.vue
index 5110bd2f..aefe97d8 100644
--- a/ayanova/src/views/widget.vue
+++ b/ayanova/src/views/widget.vue
@@ -4,19 +4,6 @@
       <v-col>
         <v-form ref="form">
           <v-row>
-            <!-- <v-col cols="12" mt-1 mb-2>
-              <v-alert
-                ref="errorbox"
-                :data-cy="!!$ay.dev ? 'errorbox' : false"
-                v-show="formState.errorBoxMessage"
-                color="error"
-                icon="fa-exclamation-circle "
-                transition="scale-transition"
-                class="multi-line"
-                outlined
-                >{{ formState.errorBoxMessage }}</v-alert
-              >
-            </v-col> -->
             <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
             <v-col cols="12" sm="6" lg="4" xl="3">
               <v-text-field