Wiki navigation bar

js/script.js

@@ -1,10 +1,55 @@
+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}`);
+
+    }
+}
+
 var MyWiki = MyWiki || {};
 
 (function(window, $, exports, undefined) {
     'use strict';
 
-    $('#MyWiki-test').on('click',test);
+    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);
+        }
+    }
+    function onSelectWikiPage(wikiPageId) {
+        console.info(`JDG :: WikiPage selected ${wikiPageId}` );
+        if ( wikiPageId > 0 ) {
+            // wikiEditor.load(wikiPage.getWikiId(), wikiPageId );
+        }
+    }
 
+    // ---------------------------------------------------------------------------------
+    $(`#${appName}-test`).on('click',test);
     function test() {
         var baseUrl = OC.generateUrl('/apps/mywiki/wikis');
         $.ajax({
@@ -19,13 +64,8 @@ var MyWiki = MyWiki || {};
             $('output').html('<h2>'+response.statusText+'</h2><code>'+response.responseText+'</code>');
         });
     }
+    // ---------------------------------------------------------------------------------
 
-/*
-    // if this function or object should be global, attach it to the namespace
-    exports.myGlobalFunction = function(params) {
-        return params;
-    };
-*/
 })(window, jQuery, MyWiki);