rwiki 0.2.4 → 0.2.5

data/public/javascripts/Rwiki/ExceptionWindow.js

@@ -0,0 +1,32 @@
+Ext.ns('Rwiki');
+
+Rwiki.ExceptionWindow = Ext.extend(Ext.Window, {
+
+  constructor: function() {
+    Ext.apply(this, {
+      title: 'Exception',
+      layout: 'border',
+      maximizable: true,
+      width: 750,
+      height: 500,
+      items: [
+        new Ext.Panel({
+        html: "<iframe id='exception-iframe' width='100%' height='100%' src=''></iframe>",
+        region: 'center'
+      })
+      ]
+    });
+
+    Rwiki.ExceptionWindow.superclass.constructor.apply(this, arguments);
+  },
+
+  showResponse: function(response) {
+    this.show();
+
+    var ifrm = document.getElementById('exception-iframe');
+    ifrm = (ifrm.contentWindow) ? ifrm.contentWindow : (ifrm.contentDocument.document) ? ifrm.contentDocument.document : ifrm.contentDocument;
+    ifrm.document.open();
+    ifrm.document.write(response.responseText);
+    ifrm.document.close();
+  }
+});

data/public/javascripts/Rwiki/Flash.js

@@ -0,0 +1,43 @@
+Ext.ns('Rwiki');
+
+Rwiki.Flash = function() {
+  this._container = null;
+  this._time = 2;
+};
+
+Rwiki.Flash.prototype = {
+  success: function(message) {
+    this._flash(message, 'Success');
+  },
+
+  error: function(message) {
+    this._flash(message, 'Error');
+  },
+
+  warning: function(message) {
+    this._flash(message, 'Warning');
+  },
+
+  info: function(message) {
+    this._flash(message, 'Info');
+  },
+
+  _createBox: function(title, message) {
+    return ['<div class="msg">',
+      '<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',
+      '<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc"><h3>', title, '</h3>', message, '</div></div></div>',
+      '<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',
+      '</div>'].join('');
+  },
+
+  _flash: function(message, title) {
+    if (!this._container) {
+      this._container = Ext.DomHelper.insertFirst(document.body, { id:'msg-div' }, true);
+    }
+
+    this._container.alignTo(document, 't-t');
+    var m = Ext.DomHelper.append(this._container, { html: this._createBox(title, message) }, true);
+    m.slideIn('t').pause(1).ghost("t", { remove: true });
+  }
+};
+

data/public/javascripts/Rwiki/Mask.js

@@ -0,0 +1,79 @@
+Ext.ns('Rwiki');
+
+/**
+ * Usage:
+ *
+ * Rwiki.mask = new Rwiki.Mask(Ext.getBody());
+ *
+ * Rwiki.mask.on(container).loadingPage(path);
+ * Rwiki.mask.savingPage(path);
+ * Rwiki.mask.hide();
+ */
+Rwiki.Mask = function(defaultContainer) {
+  this._defaultContainer = defaultContainer;
+  this._container = this._defaultContainer;
+};
+
+Rwiki.Mask.prototype = {
+  on: function(container) {
+    this._container = container;
+    return this;
+  },
+
+  /**
+   * Displays loading page mask.
+   */
+  loadingPage: function(path) {
+    this._mask('Loading page: ' + path);
+  },
+
+  /**
+   * Displays saving page mask.
+   */
+  savingPage: function(path) {
+    this._mask('Saving page: ' + path);
+  },
+
+  /**
+   * Displays creating page mask.
+   */
+  creatingPage: function(parentPath, name) {
+    this._mask('Creating page: ' + parentPath + '/' + name);
+  },
+
+  /**
+   * Displays deleting page mask.
+   */
+  deletingPage: function(path) {
+    this._mask('Deleting page:' + path);
+  },
+
+  /**
+   * Displays renaming page mask.
+   */
+  renamingPage: function(oldPath, newName) {
+    this._mask('Renaming page: ' + oldPath + ' to: ' + newName);
+  },
+
+  /**
+   * Displays moving page mask.
+   */
+  movingPage: function(path, newParentPath) {
+    this._mask('Moving page: ' + path + ' to: ' + newParentPath);
+  },
+
+  /**
+   * Hides the mask and sets the container to default value;
+   */
+  hide: function() {
+    this._container.unmask();
+    this._container = this._defaultContainer;
+  },
+
+  // private functions
+
+  _mask: function(message) {
+    this._container.mask(message);
+  }
+};
+

data/public/javascripts/Rwiki/NavigationPanel.js

@@ -12,7 +12,7 @@ Rwiki.NavigationPanel = Ext.extend(Ext.Panel, {
 
       split: true,
       collapsible: true,
-      
+
       width: 255,
       minSize: 255,
       maxSize: 500,

data/public/javascripts/Rwiki/PageNameDialog.js

@@ -0,0 +1,39 @@
+Ext.ns('Rwiki');
+
+Ext.apply(Ext.form.VTypes, {
+  pageName: function(val, field) {
+    return /^\w+[\s\w]+\w+$/.test(val);
+  },
+  pageNameText: 'Page name is invalid'
+});
+
+Rwiki.PageNameDialog = Ext.extend(Ext.Window, {
+  constructor: function() {
+    this.formPanel = new Ext.FormPanel({
+      labelWidth: 75,
+      frame: true,
+      defaultType: 'textfield',
+      items: [{
+        fieldLabel: 'Page name',
+        name: 'page_name',
+        allowBlank: false,
+        vtype: 'pageName'
+      }],
+      buttons: [{
+        text: 'Ok'
+      }, {
+        text: 'Cancel'
+      }]
+    });
+
+    Ext.apply(this, {
+      title: 'Page name',
+      modal: true,
+      width: 280,
+      height: 100,
+      items: [this.formPanel]
+    });
+
+    Rwiki.PageNameDialog.superclass.constructor.apply(this, arguments);
+  }
+});

data/public/javascripts/Rwiki/Search/FuzzyFinderWindow.js

@@ -0,0 +1,37 @@
+Ext.ns('Rwiki.Search');
+
+Rwiki.Search.FuzzyFinderWindow = Ext.extend(Rwiki.Search.Window, {
+  constructor: function() {
+    Rwiki.Search.FuzzyFinderWindow.superclass.constructor.apply(this, [{
+      title: 'FuzzyFinder'
+    }]);
+  },
+
+  _getDataStore: function() {
+    return new Ext.data.Store({
+      proxy: new Ext.data.HttpProxy({
+        method: 'GET',
+        url: '/fuzzy_finder'
+      }),
+
+      reader: new Ext.data.JsonReader({
+        root: 'results',
+        totalProperty: 'count',
+        id: 'path'
+      }, [
+        {name: 'path', mapping: 'path'},
+        {name: 'score', mapping: 'score'},
+        {name: 'highlighted_path', mapping: 'highlighted_path'}
+      ])
+    });
+  },
+
+  // Custom rendering Template
+  _getResultTemplate: function() {
+    return new Ext.XTemplate(
+      '<tpl for="."><div class="search-item">',
+        '{highlighted_path}',
+      '</div></tpl>'
+    );
+  }
+});

data/public/javascripts/Rwiki/Search/TextSearchWindow.js

@@ -0,0 +1,35 @@
+Ext.ns('Rwiki.Search');
+
+Rwiki.Search.TextSearchWindow = Ext.extend(Rwiki.Search.Window, {
+  constructor: function() {
+    Rwiki.Search.TextSearchWindow.superclass.constructor.apply(this, [{
+      title: 'Text search'
+    }]);
+  },
+
+  _getDataStore: function() {
+    return new Ext.data.Store({
+      proxy: new Ext.data.HttpProxy({
+        method: 'GET',
+        url: '/text_search'
+      }),
+
+      reader: new Ext.data.JsonReader({
+        root: 'results',
+        totalProperty: 'count'
+      }, [
+        {name: 'path', mapping: 'path'},
+        {name: 'line', mapping: 'line'}
+      ])
+    });
+  },
+
+  // Custom rendering Template
+  _getResultTemplate: function() {
+    return new Ext.XTemplate(
+      '<tpl for="."><div class="search-item">',
+        '{path}: {line}',
+      '</div></tpl>'
+    );
+  }
+});

data/public/javascripts/Rwiki/Search/Window.js

@@ -0,0 +1,42 @@
+Ext.ns('Rwiki.Search');
+
+Rwiki.Search.Window = Ext.extend(Ext.Window, {
+
+  constructor: function() {
+    var search = new Ext.form.ComboBox({
+      store: this._getDataStore(),
+      tpl: this._getResultTemplate(),
+
+      minChars: 2,
+      displayField: 'title',
+      typeAhead: false,
+      loadingText: 'Searching...',
+      hideTrigger: true,
+      itemSelector: 'div.search-item',
+      listeners: {
+        scope: this,
+        select: this.onSelectResult
+      }
+    });
+
+    Ext.apply(this, {
+      maximizable: false,
+      modal: true,
+      width: 600,
+      layout: 'fit',
+      plain: true,
+      bodyStyle: 'padding: 5px;',
+      items: [search],
+      defaultButton: search
+    });
+
+    Rwiki.Search.Window.superclass.constructor.apply(this, arguments);
+  },
+
+  onSelectResult: function(combo, record) {
+    var path = record.data.path;
+    Rwiki.openPage(path);
+
+    this.close();
+  }
+});

data/public/javascripts/Rwiki/TabPanel.js

@@ -1,8 +1,11 @@
 Ext.ns('Rwiki');
 
 Rwiki.TabPanel = Ext.extend(Ext.TabPanel, {
+
   initComponent: function() {
-    Ext.applyIf(this, {
+    this.toolbar = new Rwiki.Tabs.Toolbar();
+
+    Ext.apply(this, {
       region: 'center',
       deferredRender: false,
       activeTab: 0,
@@ -11,22 +14,7 @@ Rwiki.TabPanel = Ext.extend(Ext.TabPanel, {
         autoScroll: true
       },
       plugins: new Ext.ux.TabCloseMenu(),
-      tbar: [{
-        text: 'Edit the page',
-        iconCls: 'icon-edit',
-        scope: this,
-        handler: this.onEditPage
-      }, {
-        text: 'Print page',
-        iconCls: 'icon-print',
-        scope: this,
-        handler: this.onPrint
-      }, {
-        text: 'Find page',
-        iconCls: 'icon-search',
-        scope: this,
-        handler: this.onFuzzyFinder
-      }]
+      tbar: this.toolbar
     });
 
     Rwiki.TabPanel.superclass.initComponent.apply(this, arguments);
@@ -37,42 +25,50 @@ Rwiki.TabPanel = Ext.extend(Ext.TabPanel, {
 
     this.addEvents('rwiki:editPage');
 
-    this.on('rwiki:pageSelected', this.onPageSelected),
     this.on('tabchange', this.onTabChange);
 
     this.on('rwiki:pageCreated', this.onPageCreated);
     this.on('rwiki:pageLoaded', this.onPageLoaded);
+    this.on('rwiki:beforePageSave', this.onBeforePageSave);
     this.on('rwiki:pageSaved', this.onPageSaved);
-    this.on('rwiki:nodeRenamed', this.onNodeRenamed);
-    this.on('rwiki:nodeDeleted', this.onNodeDeleted);
+    this.on('rwiki:pageRenamed', this.onPageRenamed);
+    this.on('rwiki:pageDeleted', this.onPageDeleted);
 
-    this.relayEvents(Rwiki.NodeManager.getInstance(), [
+    this.relayEvents(Rwiki.Data.PageManager.getInstance(), [
       'rwiki:pageLoaded',
-      'rwiki:folderCreated',
       'rwiki:pageCreated',
+      'rwiki:beforePageSave',
       'rwiki:pageSaved',
-      'rwiki:nodeRenamed',
-      'rwiki:nodeDeleted']);
+      'rwiki:pageRenamed',
+      'rwiki:pageDeleted'
+    ]);
+
+    this.on('rwiki:toolbar:editPage', this.onEditPage);
+    this.on('rwiki:toolbar:printPage', this.onPrintPage);
+
+    this.relayEvents(this.toolbar, [
+      'rwiki:toolbar:editPage',
+      'rwiki:toolbar:printPage'
+    ]);
   },
 
   findOrCreatePageTab: function(page) {
     var tab = this.findTabByPagePath(page.getPath());
-    
     if (!tab) {
       tab = this.createPageTab(page);
-    } 
+    }
 
     return tab;
   },
 
   createPageTab: function(page) {
-    var tab = new Rwiki.TabPanel.PageTab({
+    var tab = new Rwiki.Tabs.PageTab({
       title: page.getTitle()
     });
 
-    tab.setPagePath(page.getPath());
+    tab.setPage(page);
     this.add(tab);
-    
+
     return tab;
   },
 
@@ -85,44 +81,41 @@ Rwiki.TabPanel = Ext.extend(Ext.TabPanel, {
   findTabsByParentPath: function(parentPath) {
     return this.findBy(function() {
       var path = this.getPagePath();
-      return Rwiki.NodeManager.getInstance().isParent(parentPath, path);
+      return Rwiki.Data.PageManager.getInstance().isParent(parentPath, path);
     });
   },
 
-  onPageSelected: function(page) {
-    var tab = this.findOrCreatePageTab(page);
-    tab.show();
+  getToolbar: function() {
+    return this.toolbar;
   },
 
   onTabChange: function(panel, tab) {
     if (tab) {
-      if (tab.isLoading()) {
-        return;
-      }
-
-      Ext.History.add(tab.getPagePath());
-      document.title = 'Rwiki ' + tab.getPagePath();
-      Rwiki.NodeManager.getInstance().loadPage(tab.getPagePath());
-      tab.setIsLoading(true);
+      var page = tab.getPage();
+      Rwiki.setAppTitle(page.getPath());
     } else {
-      document.title = 'Rwiki';
-      Rwiki.NodeManager.getInstance().fireEvent('rwiki:lastPageClosed');
+      Rwiki.setAppTitle('');
+      this.toolbar.disablePageRelatedItems();
     }
   },
 
   onPageCreated: function(page) {
     var tab = this.createPageTab(page);
+    this.toolbar.enablePageRelatedItems();
     tab.show();
   },
 
   onPageLoaded: function(page) {
     var tab = this.findOrCreatePageTab(page);
-
-    tab.setTitle(page.getTitle());
-    tab.setContent(page.getHtmlContent());
+    tab.setPage(page);
     tab.show();
 
-    tab.setIsLoading(false);
+    this.toolbar.enablePageRelatedItems();
+  },
+
+  onBeforePageSave: function(page) {
+    var tab = this.findTabByPagePath(page.getPath());
+    if (tab == null) return;
   },
 
   onPageSaved: function(page) {
@@ -132,38 +125,36 @@ Rwiki.TabPanel = Ext.extend(Ext.TabPanel, {
     tab.setContent(page.getHtmlContent());
   },
 
-  onNodeRenamed: function(page) {
+  onPageRenamed: function(page) {
     var oldPath = page.getData().oldPath;
     var currentTab = this.getActiveTab();
 
-    var tab = null;
-    var isPage = oldPath.match(new RegExp('\.txt$'));
-    if (isPage) {
-      tab = this.findTabByPagePath(oldPath);
-      if (tab == null) return;
-
-      tab.setPagePath(page.getPath());
+    // set a new title and path for the current tab
+    var tab = this.findTabByPagePath(oldPath);
+    if (tab) {
+      tab.setPage(page);
       tab.setTitle(page.getTitle());
 
       if (tab == currentTab) {
-        document.title = 'Rwiki ' + page.getPath();
+        Rwiki.setAppTitle(page.getPath());
       }
-    } else {
-      var tabs = this.findTabsByParentPath(oldPath);
-      for (var i = 0; i < tabs.length; i++) {
-        tab = tabs[i];
-        var newPath = tab.getPagePath().replace(oldPath, page.getPath());
-        tab.setPagePath(newPath);
-
-        if (tab == currentTab) {
-          document.title = 'Rwiki ' + newPath;
-        }
+    }
+
+    // set a new title and path for all child tabs
+    var tabs = this.findTabsByParentPath(oldPath);
+    for (var i = 0; i < tabs.length; i++) {
+      tab = tabs[i];
+      var newPath = tab.getPagePath().replace(oldPath, page.getPath());
+      tab.getPage().setPath(newPath);
+
+      if (tab == currentTab) {
+        Rwiki.setAppTitle(page.getPath());
       }
     }
   },
 
-  onNodeDeleted: function(data) {
-    var tabs = this.findTabsByParentPath(data.path);
+  onPageDeleted: function(page) {
+    var tabs = this.findTabsByParentPath(page.getPath());
     for (var i = 0; i < tabs.length; i++) {
       var tab = tabs[i];
       this.remove(tab);
@@ -177,16 +168,13 @@ Rwiki.TabPanel = Ext.extend(Ext.TabPanel, {
     }
   },
 
-  onFuzzyFinder: function() {
-    var fuzzyFinder = new Rwiki.FuzzyFinderDialog();
-    fuzzyFinder.show();
-  },
-
-  onPrint: function() {
+  onPrintPage: function() {
     var currentTab = this.getActiveTab();
     if (currentTab) {
       var path = currentTab.getPagePath();
       window.open('/node/print?path=' + path, 'Rwiki ' + path, 'width=800,height=600,scrollbars=yes')
     }
   }
+
 });
+