rwiki 0.2.4 → 0.2.5

data/public/javascripts/Rwiki.js

@@ -1,39 +1,64 @@
 Ext.ns('Rwiki');
 
+// TODO fetch it from the configuration
 Rwiki.rootFolderName = 'Home';
 
-/**
- * Log the event names to the console of any observable object.
- */
-Rwiki.captureEvents = function(observable) {
-  Ext.util.Observable.capture(observable, function(eventName) {
-    if (console === undefined) return;
-    console.log(eventName);
-  });
+Rwiki.setAppTitle = function(title) {
+  document.title = 'Rwiki ' + title;
 };
 
-Rwiki.init = function() {
-
-  // TabPanel history
-  Ext.History.init();
-
-  var firstLoad = true;
+Rwiki.openPage = function(path) {
+  path = unescape(path);
+  var pageTab = Rwiki.tabPanel.findTabByPagePath(path);
+  if (pageTab) {
+    // page is already loaded, just show the corresponding tab
+    pageTab.show();
+  } else {
+    Rwiki.mask.loadingPage(path);
+    Rwiki.Data.PageManager.getInstance().loadPage(path);
+  }
+};
 
-  // TODO find better solution
-  Rwiki.ajaxCallCompleted = true;
-  Rwiki.treeLoaded = false;
+Rwiki.init = function() {
+  Rwiki.mask = new Rwiki.Mask(Ext.getBody());
+  Rwiki.flash = new Rwiki.Flash();
 
   Rwiki.treePanel = new Rwiki.TreePanel();
-  var nodeManager = Rwiki.NodeManager.getInstance();
+  Rwiki.nodeManager = Rwiki.Data.PageManager.getInstance();
+  Rwiki.Debug.captureEvents(Rwiki.nodeManager);
 
-  nodeManager.on('rwiki:beforePageLoad', function() {
-    Rwiki.ajaxCallCompleted = false;
+  Rwiki.nodeManager.on('rwiki:beforePageLoad', function() {
     Rwiki.statusBar.showBusy();
   });
 
-  nodeManager.on('rwiki:pageLoaded', function() {
-    Rwiki.ajaxCallCompleted = true;
+  Rwiki.nodeManager.on('rwiki:pageLoaded', function(page) {
     Rwiki.statusBar.clearStatus({useDefaults: true});
+    Rwiki.mask.hide();
+  });
+
+  Rwiki.nodeManager.on('rwiki:pageNotFound', function(message) {
+    Rwiki.mask.hide();
+    Rwiki.flash.error(message);
+  });
+
+  Rwiki.nodeManager.on('rwiki:pageSaved', function(page) {
+    Rwiki.mask.hide();
+    Rwiki.flash.success('Page ' + page.getPath() + ' was saved!');
+  });
+
+  Rwiki.nodeManager.on('rwiki:pageDeleted', function(page) {
+    Rwiki.mask.hide();
+    Rwiki.flash.success('Page' + page.getPath() + ' was deleted!');
+  });
+
+  Rwiki.nodeManager.on('rwiki:pageCreated', function(page) {
+    Rwiki.mask.hide();
+    Rwiki.flash.success('Page' + page.getPath() + ' was created!');
+  });
+
+  Rwiki.nodeManager.on('rwiki:pageRenamed', function(page) {
+    Rwiki.mask.hide();
+    Rwiki.flash.success('Page' + page.getPath() + ' was renamed!');
   });
 
   Rwiki.statusBar = new Ext.ux.StatusBar({
@@ -42,15 +67,16 @@ Rwiki.init = function() {
     iconCls: 'x-status-valid'
   });
 
-  Rwiki.treePanel.getLoader().on('load', function() {
-    Rwiki.treeLoaded = true;
-    Rwiki.treePanel.openNodeFromLocationHash();
+  // Initialize the internal links
+  $('a.internal-link').live('click', function() {
+    var path = $(this).attr('href');
+    Rwiki.openPage(path);
+    return false;
   });
 
   Rwiki.tabPanel = new Rwiki.TabPanel({
     bbar: Rwiki.statusBar
   });
-  Rwiki.tabPanel.relayEvents(Rwiki.treePanel, ['rwiki:pageSelected']);
 
   var editorWindow = new Rwiki.EditorWindow();
   Rwiki.tabPanel.on('rwiki:editPage', function(path) {
@@ -60,25 +86,40 @@ Rwiki.init = function() {
     }
   });
 
-  // Handle this change event in order to restore the UI to the appropriate history state
-  Ext.History.on('change', function() {
-    Rwiki.treePanel.openNodeFromLocationHash();
+  Rwiki.tabPanel.on('tabchange', function(panel, tab) {
+    if (tab) {
+      var page = tab.getPage();
+      window.history.pushState({ path: page.getPath() }, '', '/page' + page.getPath());
+    } else{
+      window.history.pushState({}, '', '/');
+    }
   });
 
-  // Create layout
+  // Create the layout
+  Rwiki.tocPanel = new Rwiki.TocPanel();
 
-  var navigationPanel = new Rwiki.NavigationPanel({
-    items: [Rwiki.treePanel]
-  });
-
-  var app = new Ext.Viewport({
+  var appViewport = new Ext.Viewport({
     layout: 'border',
     plain: true,
     renderTo: Ext.getBody(),
-    items: [navigationPanel, Rwiki.tabPanel]
+    items: [{
+      layout: 'border',
+      region: 'west',
+      split: true,
+      collapsible: true,
+      width: 250,
+      minSize: 200,
+      maxSize: 500,
+      items: [Rwiki.treePanel, Rwiki.tocPanel]
+    }, Rwiki.tabPanel],
+    listeners: {
+      afterrender: function() {
+        Rwiki.treePanel.root.expand();
+      }
+    }
   });
 
-  app.show();
+  appViewport.show();
 
   // map one key by key code
   var map = new Ext.KeyMap(document, [{
@@ -86,14 +127,21 @@ Rwiki.init = function() {
     alt: true,
     stopEvent: true,
     fn: function() {
-      Rwiki.tabPanel.onEditPage();
+      Rwiki.tabPanel.getToolbar().onEditPage();
     }
   }, {
     key: "t",
     ctrl: true,
     stopEvent: true,
     fn: function() {
-      Rwiki.tabPanel.onFuzzyFinder();
+      Rwiki.tabPanel.getToolbar().onFuzzyFinder();
+    }
+  }, {
+    key: "s",
+    ctrl: true,
+    stopEvent: true,
+    fn: function() {
+      Rwiki.tabPanel.getToolbar().onTextSearch();
     }
   }, {
     key: "w",
@@ -104,5 +152,12 @@ Rwiki.init = function() {
       Rwiki.tabPanel.remove(tab);
     }
   }]);
-  
+
+  // try to load a page from the location
+  var pageRegexp = /^\/page(.*)$/;
+  var pathName = window.location.pathname;
+  if (pageRegexp.test(pathName)) {
+    var path = pageRegexp.exec(pathName)[1];
+    Rwiki.openPage(path);
+  }
 };

data/public/javascripts/Rwiki/AboutDialog.js

@@ -0,0 +1,32 @@
+Ext.ns('Rwiki');
+
+Rwiki.AboutDialog = Ext.extend(Ext.Window, {
+  constructor: function() {
+    var self = this;
+
+    Ext.apply(this, {
+      applyTo: 'about-dialog',
+      width: 400,
+      height: 200,
+      plain: true,
+      modal: true,
+      closeAction: 'hide',
+      items: new Ext.TabPanel({
+        applyTo: 'hello-tabs',
+        autoTabs: true,
+        activeTab: 0,
+        deferredRender: false,
+        border: false
+      }),
+      buttons: [{
+        text: 'Close',
+        handler: function() {
+          self.hide();
+        }
+      }]
+    });
+
+    Rwiki.AboutDialog.superclass.constructor.apply(this, arguments);
+  }
+});
+