From 3e2bb5c4a35b3887eaab39568e8ab886e98e8070 Mon Sep 17 00:00:00 2001
From: jdg <jd@infdj.com>
Date: Sun, 26 Jun 2022 10:04:15 +0000
Subject: [PATCH] Highlight the page until it's saved

---
 css/style.css     |  4 ++++
 js/WikiContent.js | 25 +++++++++++++++----------
 js/WikiPages.js   | 11 +++++++----
 3 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/css/style.css b/css/style.css
index bd2ee96..872756f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,7 @@
+#app-navigation:not(.vue) > ul > li > a[data-id].modified {
+	color:red;
+}
+
 li[data-id="wikis"] select {
 	width: calc(100% - 50px);
 }
diff --git a/js/WikiContent.js b/js/WikiContent.js
index 0064664..5edb469 100644
--- a/js/WikiContent.js
+++ b/js/WikiContent.js
@@ -33,6 +33,9 @@ class WikiContent {
                                     },
                                     element: this.textarea,
                                     hideIcons:[],
+                                    insertTexts:{
+                                        image:['![](', '/index.php/core/preview?fileId=XXXX&x=3840&y=2160&a=true)']
+                                    },
                                     minHeight:height+"px",
                                     maxHeight:height+"px",
                                     sideBySideFullscreen: false,
@@ -48,7 +51,7 @@ class WikiContent {
 
             console.log(changeObj);
 
-            var event = new CustomEvent("myWiki::change", {myWiki:{ wikiId:self.wikiId,pageId:self.pageId }});
+            var event = new CustomEvent("myWiki::change", {detail:{ wikiId:self.wikiId,pageId:self.pageId }});
             document.dispatchEvent(event);
 
             clearTimeout(self.timeout);
@@ -122,25 +125,27 @@ class WikiContent {
     }
 
     save(content) {
-        const self = this;
-        console.info(`JDG :: Saving wiki page ${self.wikiId}-${self.pageId}`);
-        if (self.wikiId<=0 || self.pageId<=0) {
+        const wikiId = this.wikiId;
+        const pageId = this.pageId;
+
+        console.info(`JDG :: Saving wiki page ${wikiId}-${pageId}`);
+        if (wikiId<=0 || pageId<=0) {
             return;
         }
 
-        var baseUrl = OC.generateUrl('/apps/mywiki/wiki/'+self.wikiId);
+        var baseUrl = OC.generateUrl('/apps/mywiki/wiki/'+wikiId);
         $.ajax({
-            url: baseUrl+'/'+self.pageId,
+            url: baseUrl+'/'+pageId,
             type: 'PUT',
             contentType: 'application/json',
             data: JSON.stringify({title:null, content:content})
         }).done(function (response) {
-            console.info(`JDG :: WikiContent.save(${self.wikiId}, ${self.pageId})`, response);
-            var event = new CustomEvent("myWiki::saved", {myWiki:{ wikiId:self.wikiId,pageId:self.pageId }});
+            console.info(`JDG :: WikiContent.save(${wikiId}, ${pageId})`, response);
+            var event = new CustomEvent("myWiki::saved", {detail:{ wikiId:wikiId,pageId:pageId }});
             document.dispatchEvent(event);
         }).fail(function (response, code) {
-            OC.dialogs.alert('Error', t(appName,'Error saving wiki page({wikiId}, {pageId})',{wikiId:self.wikiId,pageId:self.pageId}));
-            console.error(`JDG :: WikiContent.save(${self.wikiId}, ${self.pageId})`, response);
+            OC.dialogs.alert('Error', t(appName,'Error saving wiki page({wikiId}, {pageId})',{wikiId:wikiId,pageId:pageId}));
+            console.error(`JDG :: WikiContent.save(${wikiId}, ${pageId})`, response);
         }); 
     }
 }
\ No newline at end of file
diff --git a/js/WikiPages.js b/js/WikiPages.js
index c191e98..c1693bd 100644
--- a/js/WikiPages.js
+++ b/js/WikiPages.js
@@ -5,15 +5,18 @@ class WikiPages {
     * The container is the <ul> for the navigation panel
     */
     constructor(container, onClickLoadPage) {
+        const self = this;
         this.ul = container;
         this._onClickLoadPage = onClickLoadPage;
 
         document.addEventListener("myWiki::change", function(e) {
-            console.log("myWiki::change",e.myWiki);
+            console.log("myWiki::change",e.detail);
+            self.ul.querySelector(`li[data-page-id="${e.detail.pageId}"] a`).classList.add('modified');
           });
        document.addEventListener("myWiki::saved", function(e) {
-            console.log("myWiki::saved", e.myWiki);
-          });
+            console.log("myWiki::saved", e.detail);
+            self.ul.querySelector(`li[data-page-id="${e.detail.pageId}"] a`).classList.remove('modified');
+        });
 
     }
 
@@ -21,7 +24,7 @@ class WikiPages {
         this.wikiId = null;
         this.ul.querySelectorAll('[data-page-id]').forEach( x=>x.remove() );
 
-        document.querySelectorAll('#app-navigation .active').forEach(e=>e.class.remove('.active'))
+        document.querySelectorAll('#app-navigation .active').forEach(e=>e.class.remove('active'))
     }
 
     getWikiId() {