Use undo history to track 'isDirty' instead of comparing html strings

.changeset/smooth-maps-type.md

@@ -0,0 +1,5 @@
+---
+"frontend-gelinkt-notuleren": patch
+---
+
+Correctly track the saved state so we only ask to save changes when changes have been made

app/controllers/agendapoints/edit.js

@@ -94,6 +94,7 @@ import {
   GEMEENTE,
   OCMW,
 } from '../../utils/bestuurseenheid-classificatie-codes';
+import { undo } from '@lblod/ember-rdfa-editor/plugins/history';
 
 export default class AgendapointsEditController extends Controller {
   @service store;
@@ -258,7 +259,11 @@ export default class AgendapointsEditController extends Controller {
   }
 
   get dirty() {
-    return this.editorDocument.content !== this.controller?.htmlContent;
+    // Since we clear the undo history when saving, this works. If we want to maintain undo history
+    // on save, we would need to add functionality to the editor to track what is the 'saved' state
+    return this.controller?.checkCommand(undo, {
+      view: this.controller?.mainEditorView,
+    });
   }
 
   get editorDocument() {

app/controllers/regulatory-statements/edit.js

@@ -90,6 +90,7 @@ import {
   GEMEENTE,
   OCMW,
 } from '../../utils/bestuurseenheid-classificatie-codes';
+import { undo } from '@lblod/ember-rdfa-editor/plugins/history';
 
 export default class RegulatoryStatementsRoute extends Controller {
   @service documentService;
@@ -239,7 +240,11 @@ export default class RegulatoryStatementsRoute extends Controller {
   });
 
   get dirty() {
-    return this.editorDocument.content !== this.controller?.htmlContent;
+    // Since we clear the undo history when saving, this works. If we want to maintain undo history
+    // on save, we would need to add functionality to the editor to track what is the 'saved' state
+    return this.controller?.checkCommand(undo, {
+      view: this.controller?.mainEditorView,
+    });
   }
 
   get editorDocument() {