Added events to know when a content is changed/saved

This commit is contained in:
2022-06-25 10:28:39 +00:00
parent 0875406bf8
commit 083572dfe3
2 changed files with 26 additions and 0 deletions

View File

@ -7,6 +7,14 @@ class WikiPages {
constructor(container, onClickLoadPage) {
this.ul = container;
this._onClickLoadPage = onClickLoadPage;
document.addEventListener("myWiki::change", function(e) {
console.log("myWiki::change",e.myWiki);
});
document.addEventListener("myWiki::saved", function(e) {
console.log("myWiki::saved", e.myWiki);
});
}
clear() {
@ -55,6 +63,11 @@ class WikiPages {
});
}
highlightSelectedPage(pageId) {
this.ul.querySelectorAll('li[data-page-id]').forEach( x=>x.querySelector('a').classList.remove('active') );
this.ul.querySelector(`li[data-page-id="${pageId}"] a`).classList.add('active');
}
// -----------------------------------------------------------------------------------------
addListener(root) {
const self = this;
@ -69,9 +82,12 @@ class WikiPages {
onClickLoadPage(e) {
const li = e.target.closest("li[data-page-id]");
let pageId = li.dataset.pageId;
this.highlightSelectedPage(pageId);
this._onClickLoadPage(this.wikiId, pageId);
}
onClickEdit(e) {
const li = e.target.closest("li[data-page-id]");
li.querySelector("input").value = li.querySelector("a").innerText;