jdg/mywiki
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

WikiPages controls

Browse Source
This commit is contained in:
José David Guillén
2022-04-13 22:54:23 +00:00
parent 7365248bf3
commit dc745e91da
9 changed files with 99 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
js/WikiDropdownHelper.js
View File

@ -2,6 +2,7 @@
class WikiDropdownHelper {
constructor(element, onChange) {
this.onSelectWiki = onChange;
this.dd = element;
this.dd.addEventListener('change', e=>onChange(+e.target.value||0));
}
@ -12,17 +13,22 @@ class WikiDropdownHelper {
return this;
}
add(text, value, set=false) {
var option = document.createElement("option");
option.text = text;
option.value = value;
this.dd.appendChild(option);
if (this.find(value)<=0) {
var option = document.createElement("option");
option.text = text;
option.value = value;
this.dd.appendChild(option);
}
if ( set ) {
this.set(value);
}
return this;
}
find(value) {
return Array.from(this.dd.options).findIndex(option=>option.value==value);
}
delete(value) {
let index = Array.from(this.dd.options).findIndex(option=>option.value==value);
let index = this.find(value);
if (index>0) {
this.dd.remove(index);
}
@ -39,8 +45,8 @@ class WikiDropdownHelper {
};
}
set(value) {
this.dd.parentElement.value=value;
// this.onSelectWiki(value);
this.dd.value=value;
this.onSelectWiki(value);
return this;
}
}

29
js/WikiNavigation.js
View File

@ -4,31 +4,30 @@ class WikiNavigation {
dd = null;
onSelectWiki = null;
constructor(container, onSelectWiki){
constructor(container, onSelectWiki, onClickAddPage){
let self = this;
this.container = container;
this.onSelectWiki = onSelectWiki;
this.onClickAddPage = onClickAddPage;
let wikiSelector = container.getElementsByTagName('select')[0];
let appNavigationMenu = container.getElementsByClassName('app-navigation-entry-menu')[0];
let menuEntry = {
addPage:appNavigationMenu.querySelector('[data-id="addPage"]'),
add:appNavigationMenu.querySelector('[data-id="add"]'),
rename:appNavigationMenu.querySelector('[data-id="rename"]'),
delete:appNavigationMenu.querySelector('[data-id="delete"]')
};
this.dd = new WikiDropdownHelper(wikiSelector, id=>{
menuEntry.addPage.disabled = (id==0);
menuEntry.rename.disabled = (id==0);
menuEntry.delete.disabled = (id==0);
self.onSelectWiki(id);
} );
this.loadWikis();
// Popup menu
let button = container.querySelector('.app-navigation-entry-utils-menu-button button');
button.addEventListener('click', ()=>appNavigationMenu.classList.toggle("open") );
document.addEventListener('click', e=>{if(e.target!==button)appNavigationMenu.classList.remove("open");})
menuEntry.addPage.addEventListener('click', e=>self.onClickAddPage(e) );
menuEntry.add.addEventListener('click', ()=>self.wikiChooseFolder() );
menuEntry.rename.addEventListener('click', ()=>self.wikiRename() );
menuEntry.delete.addEventListener('click', ()=>self.wikiDelete() );
@ -48,11 +47,11 @@ class WikiNavigation {
contentType: 'application/json',
data: JSON.stringify({removeFiles:false})
}).done(function (response) {
console.info('JDG :: Wiki deleted', response);
console.info('JDG :: WikiNavigation.wikiDelete()', response);
self.dd.set('').delete(wiki.value);
}).fail(function (response, code) {
OC.dialogs.alert('Error', t(appName,'Error deleting wiki {text}', wiki));
console.error('JDG :: Error deleting wiki', response);
console.error('JDG :: WikiNavigation.wikiDelete()', response);
});
}
},
@ -61,7 +60,7 @@ class WikiNavigation {
}
wikiRename() {
let self=this;
const self=this;
OC.dialogs.prompt(
t(appName, 'This allow you to rename the displayed name for the selected wiki. (The folder will remain unchanged)'),
t(appName, 'Rename Wiki'),
@ -77,11 +76,11 @@ class WikiNavigation {
contentType: 'application/json',
data: JSON.stringify({title:value})
}).done(function (response) {
console.info('JDG :: Wiki renamed', response);
console.info('JDG :: WikiNavigation.wikiRename()', response);
self.dd.rename(response.id, response.title);
}).fail(function (response, code) {
OC.dialogs.alert('Error', t(appName,'Error renaming wiki'));
console.error('JDG :: Error renaming wiki', response);
console.error('JDG :: WikiNavigation.wikiRename()', response);
});
}
}
@ -103,12 +102,12 @@ class WikiNavigation {
type: 'GET',
contentType: 'application/json'
}).done(function (response) {
console.info('JDG :: Wikis loaded', response);
console.info('JDG :: WikiNavigation.loadWikis()', response);
self.dd.clear().add('','');
response.forEach( x=>self.dd.add(x.title, x.id) );
}).fail(function (response, code) {
OC.dialogs.alert('Error', t(appName,'Error getting the list of wikis'));
console.error('JDG :: Error getting the wikis', response);
console.error('JDG :: WikiNavigation.loadWikis()', response);
self.dd.clear();
});
}
@ -142,13 +141,13 @@ class WikiNavigation {
data: JSON.stringify({title:title, folderPath:folderPath}),
contentType: 'application/json'
}).done(function (response) {
console.info('JDG :: wikiAdd :: Wiki added', response);
console.info('JDG :: WikiNavigation.wikiAdd("'+folderPath+'","'+title+'")', response);
if ( response.id>0 ) {
self.dd.add(response.title, response.id, true);
}
}).fail(function (response, code) {
OC.dialogs.alert('Error', t(appName,'It has not been possible to add the new wiki'));
console.error('JDG :: wikiAdd :: Error adding the wiki', response);
console.error('JDG :: WikiNavigation.wikiAdd("'+folderPath+'","'+title+'")', response);
});
}
}

55
js/script.js
View File

@ -1,26 +1,6 @@
const appName = 'MyWiki';
class WikiPages {
constructor(container){
this.wikiId = null;
}
load(wikiId) {
console.info('JDG :: Loading wiki', wikiId );
this.wikiId = wikiId;
}
getWikiId() {
return this.wikiId;
}
add(parentPageId, title) {
}
delete() {
}
rename() {
}
}
class WikiEditor {
load(wikiId, wikiPageId) {
console.info(`JDG :: Loading Wiki ${wikiId}/${wikiPageId}`);
@ -33,14 +13,35 @@ var MyWiki = MyWiki || {};
(function(window, $, exports, undefined) {
'use strict';
let wikiNavigation = new WikiNavigation(document.querySelector('li[data-id="wikis"]'), onSelectWiki);
let wikiPages = new WikiPages(document.querySelector('li[data-id="pages"]'), onSelectWikiPage);
function onSelectWiki(wikiId) {
console.info(`JDG :: WikiList selected ${wikiId}` );
if ( wikiId > 0 ) {
wikiPages.load(wikiId);
}
// Navigation menu --------------------------------
function appNavigationEntryMenuClose() {
document.querySelectorAll('.app-navigation-entry-menu').forEach(e=>e.classList.remove("open"));
}
document.addEventListener('click', e=>{
if (e.target.tagName === 'BUTTON' ) {
const li = e.target.parentNode?.parentNode?.closest('li');
if (!li) return;
const menu = li.querySelector(".app-navigation-entry-menu");
if (!menu) return;
if ( menu.classList.contains("open") ) {
menu.classList.remove("open");
} else {
appNavigationEntryMenuClose();
menu.classList.add("open");
}
return;
}
appNavigationEntryMenuClose();
})
// ------------------------------------------------
let wikiPages = new WikiPages(document.querySelector('li[data-id="pages"]').parentNode, onSelectWikiPage);
let wikiNavigation = new WikiNavigation(document.querySelector('li[data-id="wikis"]'),
wikiId => wikiPages.load(wikiId),
e=>wikiPages.onClickAdd(e)
);
function onSelectWikiPage(wikiPageId) {
console.info(`JDG :: WikiPage selected ${wikiPageId}` );
if ( wikiPageId > 0 ) {