Fix alert styling + bug fixes and cleaning

client/components/open/forms/components/FormEditor.vue

@@ -72,7 +72,7 @@
       <!-- Form Error Modal -->
       <form-error-modal
         :show="showFormErrorModal"
-        :validation-error-response="validationErrorResponse"
+        :form="form"
         @close="showFormErrorModal=false"
       />
     </div>
@@ -216,10 +216,13 @@ export default {
 
   methods: {
     displayFormModificationAlert (responseData) {
+      const alert = useAlert()
+      console.log("in okd ----.", responseData)
       if (responseData.form && responseData.form.cleanings && Object.keys(responseData.form.cleanings).length > 0) {
-        useAlert().warning(responseData.message)
-      } else {
-        useAlert().success(responseData.message)
+        alert.warning(responseData.message)
+      } else if (responseData.message) {
+        console.log(responseData.message)
+        alert.success(responseData.message)
       }
     },
     openCrisp () {

client/components/open/forms/components/FormFieldsEditor.vue

@@ -197,12 +197,7 @@ export default {
     }
   },
 
-  beforeMount() {
-    console.log('beforemounted formfields editor with', this.form)
-  },
-
   mounted () {
-    console.log('mounted formfields editor with', this.form)
     this.init()
   },
 

client/components/open/forms/components/form-components/FormErrorModal.vue

@@ -5,10 +5,10 @@
         Error saving your form
       </h2>
 
-      <div v-if="validationErrorResponse" class="p-4 border-b border-t">
-        <p v-if="validationErrorResponse.message" v-text="validationErrorResponse.message" />
+      <div v-if="form.errors" class="p-4 border-b border-t">
+        <p v-if="form.errors.message" v-text="form.errors.message" />
         <ul class="list-disc list-inside">
-          <li v-for="err, key in validationErrorResponse.errors" :key="key">
+          <li v-for="err, key in form.errors.errors" :key="key">
             {{ Array.isArray(err)?err[0]:err }}
           </li>
         </ul>
@@ -29,7 +29,7 @@ export default {
   components: {},
   props: {
     show: { type: Boolean, required: true },
-    validationErrorResponse: { type: Object, required: false }
+    form: { type: Object, required: false }
   },
   data: () => ({}),
 

client/components/open/tables/OpenTable.vue

@@ -87,6 +87,7 @@ import OpenCheckbox from './components/OpenCheckbox.vue'
 import ResizableTh from './components/ResizableTh.vue'
 import RecordOperations from '../components/RecordOperations.vue'
 import clonedeep from 'clone-deep'
+import {hash} from "~/lib/utils.js";
 
 export default {
   components: { ResizableTh, RecordOperations },