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

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"

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>

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">

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">

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>

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"

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"

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