fix: unsaved asterix uses title instead of id

2 files changed, 10 insertions, 2 deletions

diff --git a/app/view/templates/edit.php b/app/view/templates/edit.php
index 28e245f..2035541 100644
--- a/app/view/templates/edit.php
+++ b/app/view/templates/edit.php
@@ -29,6 +29,7 @@
 
 <script>
     const pageid = '<?= $page->id() ?>';
+    let pagetitle = '<?= $page->title() ?>';
 </script>
 <script src="<?= Model::jspath() ?>edit.bundle.js"></script>
 </body>
diff --git a/src/edit.js b/src/edit.js
index e45f5f5..4621639 100644
--- a/src/edit.js
+++ b/src/edit.js
@@ -10,9 +10,16 @@ import 'codemirror/addon/search/jump-to-line';
 import 'codemirror/addon/dialog/dialog';
 import 'codemirror/addon/dialog/dialog.css';
 
+/** @type {HTMLFormElement} */
 let form;
+
+/** @type {CodeMirror.EditorFromTextArea[]} */
 let editors = [];
+
+/** @type {boolean} */
 let unsavedChanges = false;
+
+/** @type {InputEvent} */
 const inputEvent = new InputEvent('input');
 
 window.addEventListener('load', () => {
@@ -179,10 +186,10 @@ function confirmExit(e) {
 
 function changed() {
     unsavedChanges = true;
-    document.title = '✏ *' + pageid;
+    document.title = '✏ *' + pagetitle;
 }
 
 function saved() {
     unsavedChanges = false;
-    document.title = '✏ ' + pageid;
+    document.title = '✏ ' + pagetitle;
 }