@live-change/frontend-auto-form 0.9.46 → 0.9.47

package/front/src/components/crud/EditorButtons.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col-reverse md:flex-row justify-between items-center mt-4">
+  <div class="flex flex-col-reverse md:flex-row justify-between items-center">
     <div class="flex flex-col mt-2 md:mt-0">
       <div v-if="savingDraft" class="text-surface-500 dark:text-surface-300 mr-2 flex flex-row items-center">
         <i class="pi pi-spin pi-spinner mr-2" style="font-size: 1.23rem"></i>
@@ -35,7 +35,7 @@
 
   import Message from "primevue/message"
 
-  import { ref, computed, onMounted, defineProps, defineEmits, toRefs, getCurrentInstance } from 'vue'
+  import { ref, computed, onMounted, defineProps, defineEmits, toRefs, getCurrentInstance, unref } from 'vue'
 
   const props = defineProps({
     editor: {
@@ -73,12 +73,14 @@
   const validationResult = computed(() => {
     const currentValue = {
       ...(editor.value.identifiers),
-      ...(editor.value.value.value),
+      ...unref(editor.value.value),
     }
     const validationResult = validateData(model.value, currentValue, 'validation', appContext,
       props.propName, props.rootValue, true)
     const softValidationResult = validateData(model.value, currentValue, 'softValidation', appContext,
       props.propName, props.rootValue, true)
+    console.log("currentValue", currentValue)
+    console.log("validationResult", validationResult, softValidationResult)
     return validationResult || softValidationResult
   })
 

package/front/src/components/crud/ModelEditor.vue

@@ -96,7 +96,7 @@
 
   import { editorData } from "@live-change/frontend-auto-form"
   import { computedAsync } from "@vueuse/core"
-import InjectedObjectIndentification from './InjectedObjectIndentification.vue'
+  import InjectedObjectIndentification from './InjectedObjectIndentification.vue'
 
   const editor = computedAsync(async () => {
     try {

package/front/src/logic/editorData.js

@@ -1,6 +1,6 @@
 import { useToast } from 'primevue/usetoast'
 import { usePath, live, useApi } from '@live-change/vue3-ssr'
-import { ref, computed, inject } from 'vue'
+import { ref, computed, inject, watch } from 'vue'
 import { synchronized, defaultData } from '@live-change/vue3-components'
 
 export default function editorData(options) {
@@ -155,11 +155,15 @@ export default function editorData(options) {
             toast.add({ severity: 'error', summary: saveDraftErrorToast, detail: e.message ?? e, life: 5000 })
         }
       })
-
       const changed = computed(() =>
-        JSON.stringify(editableSavedData.value ?? {}) !== JSON.stringify(synchronizedData.value.value))
+        JSON.stringify(editableSavedData.value ?? {})
+           !== JSON.stringify({ ...synchronizedData.value.value, [timeField]: undefined })
+      )
+
       const sourceChanged = computed(() =>
-        JSON.stringify(draftData.value.from) !== JSON.stringify(editableSavedData.value))
+        JSON.stringify(draftData.value.from) 
+          !== JSON.stringify({ ...synchronizedData.value.value, [timeField]: undefined })
+      )
 
       async function save() {
         const saveResult = await saveData(synchronizedData.value.value)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/frontend-auto-form",
-  "version": "0.9.46",
+  "version": "0.9.47",
   "scripts": {
     "memDev": "node server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
     "localDevInit": "rm tmp.db; lcli localDev --enableSessions --initScript ./init.js",
@@ -22,16 +22,16 @@
   "type": "module",
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.7.2",
-    "@live-change/cli": "^0.9.46",
-    "@live-change/dao": "^0.9.46",
-    "@live-change/dao-vue3": "^0.9.46",
-    "@live-change/dao-websocket": "^0.9.46",
-    "@live-change/framework": "^0.9.46",
-    "@live-change/image-frontend": "^0.9.46",
-    "@live-change/image-service": "^0.9.46",
-    "@live-change/session-service": "^0.9.46",
-    "@live-change/vue3-components": "^0.9.46",
-    "@live-change/vue3-ssr": "^0.9.46",
+    "@live-change/cli": "^0.9.47",
+    "@live-change/dao": "^0.9.47",
+    "@live-change/dao-vue3": "^0.9.47",
+    "@live-change/dao-websocket": "^0.9.47",
+    "@live-change/framework": "^0.9.47",
+    "@live-change/image-frontend": "^0.9.47",
+    "@live-change/image-service": "^0.9.47",
+    "@live-change/session-service": "^0.9.47",
+    "@live-change/vue3-components": "^0.9.47",
+    "@live-change/vue3-ssr": "^0.9.47",
     "@vueuse/core": "^12.3.0",
     "codeceptjs-assert": "^0.0.5",
     "compression": "^1.7.5",
@@ -52,7 +52,7 @@
     "vue3-scroll-border": "0.1.6"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "^0.9.46",
+    "@live-change/codeceptjs-helper": "^0.9.47",
     "codeceptjs": "^3.6.10",
     "generate-password": "1.7.1",
     "playwright": "1.49.1",
@@ -63,5 +63,5 @@
   "author": "Michał Łaszczewski <michal@laszczewski.pl>",
   "license": "ISC",
   "description": "",
-  "gitHead": "9d2fe9cbfb28f6cd389c8cbc5cf051f583f58e9e"
+  "gitHead": "5cafc5b8a200cebad9e0949109bf25ea095eab01"
 }