Gui improvements, ordering

app/javascript/controllers/unsaved_changes_controller.js

@@ -4,14 +4,21 @@ const LEAVE_ALERT = "Es gibt ungespeicherte Änderungen! Wirklich verlassen?"
 
 // Connects to data-controller="unsaved-changes"
 export default class extends Controller {
+  static targets = ["cancel"]
+
   initialState = null
 
   connect() {
     this.initialState = this.formState()
+    console.log(this.cancelTargets)
 
     window.addEventListener("beforeunload", (event) => this.leavingPage(event))
     document.addEventListener('turbo:before-visit', (e) => this.leavingPage(e))
     this.element.addEventListener("submit", (_) => this.initialState = null)
+    this.cancelTargets.forEach(element => {
+      console.log(element)
+      element.addEventListener("onclick", (_) => this.initialState = null)
+    });
   }
 
   formState() {