Merge pull request #762 from frappe/mergify/bp/main-hotfix/pr-761

fix: mark data tab form dirty by watching field updates (backport #761)

frontend/src/components/Activities/DataFields.vue

@@ -64,7 +64,7 @@ import LoadingIndicator from '@/components/Icons/LoadingIndicator.vue'
 import { createToast } from '@/utils'
 import { usersStore } from '@/stores/users'
 import { isMobileView } from '@/composables/settings'
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 
 const props = defineProps({
   doctype: {
@@ -114,4 +114,20 @@ const tabs = createResource({
 function saveChanges() {
   data.save.submit()
 }
+
+watch(
+  () => data.doc,
+  (newValue, oldValue) => {
+    if (!oldValue) return
+    if (newValue && oldValue) {
+      const isDirty =
+        JSON.stringify(newValue) !== JSON.stringify(data.originalDoc)
+      data.isDirty = isDirty
+      if (isDirty) {
+        data.save.loading = false
+      }
+    }
+  },
+  { deep: true },
+)
 </script>

frontend/src/pages/Deal.vue

@@ -267,7 +267,11 @@
       </div>
     </Resizer>
   </div>
-  <ErrorPage v-else :errorTitle="errorTitle" :errorMessage="errorMessage" />
+  <ErrorPage
+    v-else-if="errorTitle"
+    :errorTitle="errorTitle"
+    :errorMessage="errorMessage"
+  />
   <OrganizationModal
     v-model="showOrganizationModal"
     v-model:organization="_organization"

frontend/src/pages/Lead.vue

@@ -191,7 +191,11 @@
       </div>
     </Resizer>
   </div>
-  <ErrorPage v-else :errorTitle="errorTitle" :errorMessage="errorMessage" />
+  <ErrorPage
+    v-else-if="errorTitle"
+    :errorTitle="errorTitle"
+    :errorMessage="errorMessage"
+  />
   <Dialog
     v-model="showConvertToDealModal"
     :options="{