Merge pull request #405 from bildvitta/feature/deleteRoute

unsaved-changes for delete actions

CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Added
+- Mixin changes on `unsaved-changes` for not show the edit dialog when is a delete action
+
 ## 2.9.5 - 2021-09-21
 
 ### Fixed

ui/src/components/form-view/QasFormView.vue

@@ -185,15 +185,15 @@ export default {
   },
 
   methods: {
-    beforeRouteLeave (to, from, next) {
+    beforeRouteLeave (to, from, next, fromDelete) {
       if (!this.showDialogOnUnsavedChanges) {
         return null
       }
 
-      if (isEqual(this.value, this.cachedResult)) {
+      if (fromDelete || isEqual(this.value, this.cachedResult)) {
         return next()
       }
-
+      
       this.handleDialog(next)
     },
 

ui/src/mixins/unsaved-changes.js

@@ -1,4 +1,10 @@
 export default {
+  data () {
+    return {
+      $_fromDelete: false
+    }
+  },
+
   beforeRouteLeave (to, from, next) {
     if (!this.$refs.formView) {
       throw new Error(
@@ -7,6 +13,12 @@ export default {
       )
     }
 
-    this.$refs.formView.beforeRouteLeave(to, from, next)
+    this.$refs.formView.beforeRouteLeave(to, from, next, this.$_fromDelete)
+  },
+
+  methods: {
+    $_deleteSuccess () {
+      this.$_fromDelete = true
+    }
   }
 }