WikiNavigation, rename/delete

js/WikiDropdownHelper.js

@@ -1,8 +1,9 @@
 'use strict';
 
 class WikiDropdownHelper {
-    constructor(element) {
+    constructor(element, onChange) {
         this.dd = element;
+        this.dd.addEventListener('change', e=>onChange(+e.target.value||0));
     }
     clear() {
         while (this.dd.hasChildNodes()) {
@@ -20,18 +21,26 @@ class WikiDropdownHelper {
         }
         return this;
     }
-    rename(value, text) {
+    delete(value) {
-        this.dd.querySelector(`option[value="${value}"]`).innerHTML=text;
+        let index = Array.from(this.dd.options).findIndex(option=>option.value==value);
+        if (index>0) {
+            this.dd.remove(index);  
+        }
+        return this;
+    }
+    rename(value, newText) {
+        this.dd.querySelector(`option[value="${value}"]`).innerHTML=newText;
         return this;
     }
     get() {
         return {
-                 text:this.dd.parentElement.value,
+                 text:this.dd.options[this.dd.selectedIndex].innerHTML,
-                 value:this.dd.parentElement.text
+                 value:this.dd.value
         };
     }
     set(value) {
         this.dd.parentElement.value=value;
         // this.onSelectWiki(value);
+        return this;
     }
 }

js/WikiNavigation.js

@@ -10,23 +10,54 @@ class WikiNavigation {
         this.onSelectWiki = onSelectWiki;
 
         let wikiSelector = container.getElementsByTagName('select')[0];
-        this.dd = new WikiDropdownHelper(wikiSelector);
+
-        wikiSelector.addEventListener('change', e=>{
+        let appNavigationMenu = container.getElementsByClassName('app-navigation-entry-menu')[0];
-            if(self.onSelectWiki) {
+        let menuEntry = {
-                self.onSelectWiki(+e.target.value||0);
+                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.rename.disabled = (id==0);
+            menuEntry.delete.disabled = (id==0);
+            self.onSelectWiki(id);
+         } );
         this.loadWikis();
 
         // Popup menu
-        let appNavigationMenu = container.getElementsByClassName('app-navigation-entry-menu')[0];
         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");})
 
-        appNavigationMenu.querySelector('[data-id="add"]').addEventListener('click', ()=>self.wikiChooseFolder() );
+        menuEntry.add.addEventListener('click', ()=>self.wikiChooseFolder() );
-        appNavigationMenu.querySelector('[data-id="rename"]').addEventListener('click', ()=>self.wikiRename() );
+        menuEntry.rename.addEventListener('click', ()=>self.wikiRename() );
-        appNavigationMenu.querySelector('[data-id="delete"]').addEventListener('click', ()=>self.wikiDelete() );
+        menuEntry.delete.addEventListener('click', ()=>self.wikiDelete() );
+    }
+
+    wikiDelete() {
+        let self=this;
+        let wiki = this.dd.get();
+        OC.dialogs.confirm( t(appName, 'Delete the wiki {text}?', wiki),
+                            t(appName, 'Delete Wiki'),
+                            (ok)=>{
+                                if ( ok ) {
+                                    var baseUrl = OC.generateUrl('/apps/mywiki/wikis');
+                                    $.ajax({
+                                        url: baseUrl+'/'+wiki.value,
+                                        type: 'DELETE',
+                                        contentType: 'application/json',
+                                        data: JSON.stringify({removeFiles:false})
+                                    }).done(function (response) {
+                                        console.info('JDG :: Wiki deleted', 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);
+                                    }); 
+                                } 
+                            },
+                            false
+                        );
     }
 
     wikiRename() {
@@ -41,13 +72,13 @@ class WikiNavigation {
                                         let wiki = self.dd.get();
                                         var baseUrl = OC.generateUrl('/apps/mywiki/wikis');
                                         $.ajax({
-                                            url: baseUrl,
+                                            url: baseUrl+'/'+wiki.value,
                                             type: 'PUT',
                                             contentType: 'application/json',
-                                            data: JSON.stringify({id:wiki.value, title:value})
+                                            data: JSON.stringify({title:value})
                                         }).done(function (response) {
                                             console.info('JDG :: Wiki renamed', response);
-                                            // ToDo :: Rename in the dropdown
+                                            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);
@@ -56,7 +87,7 @@ class WikiNavigation {
                                 }
                             },
                             false,
-                            t(appName, 'New name:'),
+                            t(appName, 'New name'),
                             false
                         );
     }

lib/Helper/WikiHelper.php

@@ -60,16 +60,10 @@ class WikiHelper {
         return $this;
     }
 
-    private function isWiki() :bool {
+    private function isWikiable() :bool {
         return $this->wikiFolder && $this->wikiFolder->getType() == \OCP\Files\Node::TYPE_FOLDER;
     }
 
-    public function reloadWikiTree(): array {
-        $wiki = $this->getWikiData();
-        $wiki['pages'] = $this->rebuildWikiTree();
-        $this->setWikiData($wiki);
-        return $wiki;
-    }
 
     public function getWikiData(): ?array {
         try {
@@ -96,24 +90,33 @@ class WikiHelper {
         return true;
     }
 
+    public function createWikiData(): array {
+        $wiki = [
+            "title"=>$this->wikiFolder->getName(),
+            "folderId"=>$this->wikiFolder->getId(),
+            "pages"=>[]
+        ];
+        $wiki['pages'] = $this->rebuildWikiTree();
+        return $wiki;
+    }
+
+    public function rebuildWiki($title): ?array {
+        $wiki = $this->createWikiData(true);
+        $wiki['title'] = $title;
+        return $this->setWikiData($wiki) ? $wiki : null;
+    }
+
     public function initWiki(string $folderPath, string $title) :?int {
         $this->wikiFolder = $this->userFolder->get($folderPath);
-        if ( !$this->isWiki() ) {
+        if ( !$this->isWikiable() ) {
             return null;
         }
-
-        $folderId = $this->wikiFolder->getId();
         if ( $this->getWikiData() === null ) {
-            $wiki = [
+            if ( $this->rebuildWiki($title) === null ) {
-                "title"=>$title, 
-                "folderId"=>$folderId,
-                "pages"=>$this->rebuildWikiTree()
-            ];
-            if ( !$this->setWikiData($wiki) ) {
                 return null;
             }
         }
-        return $folderId;
+        return $this->wikiFolder->getId();
     }
 
     public function add(int $parentId, string $title) {

templates/navigation/index.php

@@ -13,20 +13,20 @@
 			<li>
 				<a href="#" data-id="add">
 					<span class="icon-add"></span>
-					<span>Add</span>
+					<span>Add Wiki</span>
 				</a>
 			</li>
 			<li>
-				<a href="#" data-id="rename">
+				<button disabled data-id="rename">
 					<span class="icon-rename"></span>
-					<span>Edit</span>
+					<span>Rename Wiki</span>
-				</a>
+				</button>
 			</li>
 			<li>
-				<a href="#" data-id="delete">
+				<button disabled data-id="delete">
 					<span class="icon-delete"></span>
-					<span>Remove</span>
+					<span>Delete Wiki</span>
-				</a>
+				</button>
 			</li>
 		</ul>
 		</div>