radiant 1.0.0.rc3 → 1.0.0.rc4

data/testthegemgeneration/public/javascripts/admin/ruledtable.js

@@ -0,0 +1,13 @@
+var RuledTableBehavior = Behavior.create({
+  initialize: function() {
+    if (Prototype.Browser.IE)
+      this.element.
+        observe('mouseover', this.onMouseOverRow.bindAsEventListener(this, 'addClassName')).
+        observe('mouseout', this.onMouseOverRow.bindAsEventListener(this, 'removeClassName'));
+  },
+  
+  onMouseOverRow: function(event, method) {
+    var row = event.findElement('tr');
+    if (row) row[method]('hover');
+  }
+});

data/testthegemgeneration/public/javascripts/admin/shortcuts.js

@@ -0,0 +1,27 @@
+var ShortcutKeysBehavior = Behavior.create({
+  onkeydown: function(event){
+    var character = String.fromCharCode(event.keyCode);
+    if(!event.shiftKey && !character.blank())
+      character = character.toLowerCase();
+    if(event.ctrlKey && event.keyCode != 17){
+      var button = $$('input[accesskey='+character+']')[0];
+      if(button){
+        event.stop();
+        button.click();
+      } else {
+        var control = TabControls['tab_control'];
+        if(event.keyCode == 219){ // [
+          control.selectPreviousTab();
+        }
+        if(event.keyCode == 221){ // ]
+          control.selectNextTab();
+        }
+        if(event.keyCode >= 49 && event.keyCode <= 57){ // 1..9
+          var index = event.keyCode - 49;
+          control.selectTabByIndex(index);
+          event.stop();
+        } 
+      }
+    }
+  }
+});

data/testthegemgeneration/public/javascripts/admin/sitemap.js

@@ -0,0 +1,149 @@
+/*
+ *  sitemap.js
+ *  
+ *  depends on: prototype.js and lowpro.js
+ *  
+ *  Used by Radiant to create the expandable sitemap.
+ *  
+ *  To use, simply add the following lines to application.js:
+ *  
+ *     Event.addBehavior({
+ *       'table#site_map': SiteMapBehavior()
+ *     });
+ *
+ */
+
+var SiteMapBehavior = Behavior.create({
+  initialize: function() {
+    this.readExpandedCookie();
+  },
+  
+  onclick: function(event) {
+    if (this.isExpander(event.target)) {
+      var row = event.findElement('tr');
+      if (this.hasChildren(row)) {
+        this.toggleBranch(row, event.target);
+      }
+    }
+  },
+  
+  hasChildren: function(row) {
+    return !row.hasClassName('no_children');
+  },
+  
+  isExpander: function(element) {
+    return element.match('img.expander');
+  },
+  
+  isExpanded: function(row) {
+    return row.hasClassName('children_visible');
+  },
+  
+  isRow: function(element) {
+    return element && element.tagName && element.match('tr');
+  },
+  
+  extractLevel: function(row) {
+    if (/level_(\d+)/i.test(row.className))
+      return RegExp.$1.toInteger();
+  },
+  
+  extractPageId: function(row) {
+    if (/page_(\d+)/i.test(row.id))
+      return RegExp.$1.toInteger();
+  },
+  
+  getExpanderImageForRow: function(row) {
+    return row.down('img');
+  },
+  
+  readExpandedCookie: function() {
+    var matches = document.cookie.match(/expanded_rows=(.+?);/);
+    this.expandedRows = matches ? decodeURIComponent(matches[1]).split(',') : [];
+  },
+
+  saveExpandedCookie: function() {
+    document.cookie = "expanded_rows=" + encodeURIComponent(this.expandedRows.uniq().join(",")) + "; path=/admin";
+  }, 
+
+  persistCollapsed: function(row) {
+    var pageId = this.extractPageId(row);
+    this.expandedRows = this.expandedRows.without(pageId);
+    this.saveExpandedCookie();
+  },
+
+  persistExpanded: function(row) {
+    this.expandedRows.push(this.extractPageId(row));
+    this.saveExpandedCookie();
+  },
+
+  toggleExpanded: function(row, img) {
+    if (!img) img = this.getExpanderImageForRow(row);
+    if (this.isExpanded(row)) {
+      img.src = img.src.replace('collapse', 'expand');
+      row.removeClassName('children_visible');
+      row.addClassName('children_hidden');
+      this.persistCollapsed(row);
+    } else {
+      img.src = img.src.replace('expand', 'collapse');
+      row.removeClassName('children_hidden');
+      row.addClassName('children_visible');
+      this.persistExpanded(row);
+    }
+  },
+  
+  hideBranch: function(parent, img) {
+    var level = this.extractLevel(parent), row = parent.next();
+    while (this.isRow(row) && this.extractLevel(row) > level) {
+      row.hide();
+      row = row.next();
+    }
+    this.toggleExpanded(parent, img);
+  },
+  
+  showBranch: function(parent, img) {
+    var level = this.extractLevel(parent), row = parent.next(),
+        children = false, expandLevels = [level + 1];
+        
+    while (this.isRow(row)) {
+      var currentLevel = this.extractLevel(row);
+      if (currentLevel <= level) break;
+      children = true;
+      if (currentLevel < expandLevels.last()) expandLevels.pop();
+      if (expandLevels.include(currentLevel)) {
+        row.show();
+        if (this.isExpanded(row)) expandLevels.push(currentLevel + 1);
+      }
+      row = row.next();
+    }
+    if (!children) this.getBranch(parent);
+    this.toggleExpanded(parent, img);
+  },
+  
+  getBranch: function(row) {
+    var id = this.extractPageId(row);
+    var level = this.extractLevel(row);
+    var spinner = $('busy_' + id);
+        
+    new Ajax.Updater(
+      row,
+      '../admin/pages/' + id + '/children/?level=' + level,
+      {
+        insertion: "after",
+        method: "get",
+        onLoading:  function() { spinner.show(); this.updating = true;  }.bind(this),
+        onComplete: function() { spinner.fade(); this.updating = false; }.bind(this)
+      }
+    );
+  },
+  
+  toggleBranch: function(row, img) {
+    if (!this.updating) {
+      if (this.isExpanded(row)) {
+        this.hideBranch(row, img);
+      } else {
+        this.showBranch(row, img);
+      }
+    }
+  }
+});

data/testthegemgeneration/public/javascripts/admin/status.js

@@ -0,0 +1,233 @@
+/*
+ * status.js
+ * 
+ * dependencies: prototype.js, effects.js, lowpro.js
+ * 
+ * --------------------------------------------------------------------------
+ * 
+ * Allows you to display a status message when submiting a form. To use,
+ * simply add the following to application.js:
+ * 
+ *   Event.addBehavior({'form': Status.FormBehavior()});
+ * 
+ * And then add an "onsubmit_status" to each form that you want to display
+ * a status message on submit for:
+ * 
+ *   <form onsubmit_status="Saving changes" ...>
+ * 
+ * Some code taken from popup.js.
+ * 
+ * For more information, see:
+ * 
+ *   http://wiseheartdesign.com/articles/2009/12/16/statusjs-work-well-with-messages/
+ * 
+ * --------------------------------------------------------------------------
+ * 
+ * Copyright (c) 2008-2009, John W. Long
+ * Portions copyright (c) 2008, Five Points Solutions, Inc.
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a
+ * copy of this software and associated documentation files (the "Software"),
+ * to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense,
+ * and/or sell copies of the Software, and to permit persons to whom the
+ * Software is furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+ * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+ * DEALINGS IN THE SOFTWARE.
+ *
+ */
+
+var Status = {
+  CornerThickness: 12,
+  SpinnerImage: '/images/status_spinner.gif',
+  SpinnerImageWidth: 32,
+  SpinnerImageHeight: 33,
+  BackgroundImage: '/images/status_background.png',
+  TopLeftImage: '/images/status_top_left.png',
+  TopRightImage: '/images/status_top_right.png',
+  BottomLeftImage: '/images/status_bottom_left.png',
+  BottomRightImage: '/images/status_bottom_right.png',
+  MessageFontFamily: '"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif',
+  MessageFontSize: '14px',
+  MessageColor: '#e5e5e5',
+  Modal: false,
+  ModalOverlayColor: 'white',
+  ModalOverlayOpacity: 0.4
+};
+
+Status.window = function() {
+  if (!this.statusWindow) this.statusWindow = new Status.Window();
+  return this.statusWindow;
+};
+
+Status.BackgroundImages = function() {
+  return $A([
+    Status.SpinnerImage,
+    Status.BackgroundImage,
+    Status.TopLeftImage,
+    Status.TopRightImage,
+    Status.BottomLeftImage,
+    Status.BottomRightImage
+  ]);
+};
+
+Status.preloadImages = function() {
+  if (!Status.imagesPreloaded) {
+    Status.BackgroundImages().each(function(src) {
+      var image = new Image();
+      image.src = src;
+    });
+    Status.preloadedImages = true;
+  }
+};
+
+Status.FormBehavior = Behavior.create({
+  initialize: function() {
+    var attr = this.element.attributes['data-onsubmit_status'];
+    if (attr) this.status = attr.value; 
+    if (this.status) this.element.observe('submit', function() { showStatus(this.status); }.bind(this));
+  }
+});
+
+Status.LinkBehavior = Behavior.create({
+  initialize: function() {
+    var attr = this.element.attributes['data-onclick_status'];
+    if (attr) this.status = attr.value; 
+    if (this.status) this.element.observe('click', function() { showStatus(this.status); }.bind(this));
+  }
+});
+
+Status.Window = Class.create({
+  initialize: function() {
+    Status.preloadImages();
+    this.buildWindow();
+  },
+  
+  buildWindow: function() {
+    this.element = $table({'class': 'status_window', style: 'display: none; position: absolute; border-collapse: collapse; padding: 0px; margin: 0px; z-index: 10000'});
+    var tbody = $tbody();
+    this.element.insert(tbody);
+    
+    var top_row = $tr();
+    top_row.insert($td({style: 'background: url(' + Status.TopLeftImage + '); height: ' + Status.CornerThickness + 'px; width: ' + Status.CornerThickness + 'px; padding: 0px'}));
+    top_row.insert($td({style: 'background: url(' + Status.BackgroundImage + '); height: ' + Status.CornerThickness + 'px; padding: 0px'}));
+    top_row.insert($td({style: 'background: url(' + Status.TopRightImage + '); height: ' + Status.CornerThickness + 'px; width: ' + Status.CornerThickness + 'px; padding: 0px'}));
+    tbody.insert(top_row);
+    
+    var content_row = $tr();
+    content_row.insert($td({style: 'background: url(' + Status.BackgroundImage + '); width: ' + Status.CornerThickness + 'px; padding: 0px'}, ''));
+    this.content = $td({'class': 'status_content', style: 'background: url(' + Status.BackgroundImage + '); padding: 0px ' + Status.CornerThickness + 'px'});
+    content_row.insert(this.content);
+    content_row.insert($td({style: 'background: url(' + Status.BackgroundImage + '); width: ' + Status.CornerThickness + 'px; padding: 0px'}, ''));
+    tbody.insert(content_row);
+    
+    var bottom_row = $tr();
+    bottom_row.insert($td({style: 'background: url(' + Status.BottomLeftImage + '); height: ' + Status.CornerThickness + 'px; width: ' + Status.CornerThickness + 'px; padding: 0px'}));
+    bottom_row.insert($td({style: 'background: url(' + Status.BackgroundImage + '); height: ' + Status.CornerThickness + 'px; padding: 0px'}));
+    bottom_row.insert($td({style: 'background: url(' + Status.BottomRightImage + '); height: ' + Status.CornerThickness + 'px; width: ' + Status.CornerThickness + 'px; padding: 0px'}));
+    tbody.insert(bottom_row);
+    
+    this.spinner = $img({src: Status.SpinnerImage, width: Status.SpinnerImageWidth, height: Status.SpinnerImageHeight, alt: ''});
+    this.status = $div({'class': 'status_message', style: 'color: ' + Status.MessageColor + '; font-family: ' + Status.MessageFontFamily + '; font-size: ' + Status.MessageFontSize});
+    
+    var table = $table({border: 0, cellpadding: 0, cellspacing: 0, style: 'table-layout: auto'},
+      $tbody(
+        $tr(
+          $td({style: 'width: ' + Status.SpinnerImageWidth + 'px'}, this.spinner),
+          $td({style: 'padding-left: ' + Status.CornerThickness + 'px'}, this.status)
+        )
+      )
+    );
+    this.content.insert(table);
+    
+    var body = $$('body').first();
+    body.insert(this.element);
+  },
+  
+  setStatus: function(value) {
+    this.status.update(value);
+  },
+  
+  getStatus: function() {
+    return this.status.innerHTML();
+  },
+  
+  show: function(modal) {
+    this.centerWindowInView();
+    if (modal || Status.Modal) this._showModalOverlay();
+    this.element.show();
+  },
+  
+  hide: function() {
+    this._hideModalOverlay();
+    this.element.hide();
+  },
+  
+  toggle: function() {
+    if (this.visible()) {
+      this.hide();
+    } else {
+      this.show();
+    }
+  },
+  
+  visible: function() {
+    return this.element.visible();
+  },
+  
+  centerWindowInView: function() {
+    var offsets = document.viewport.getScrollOffsets();
+    this.element.setStyle({
+      left: parseInt(offsets.left + (document.viewport.getWidth() - this.element.getWidth()) / 2, 10) + 'px',
+      top: parseInt(offsets.top + (document.viewport.getHeight() - this.element.getHeight()) / 2.2, 10) + 'px'
+    });
+  },
+  
+  _showModalOverlay: function() {
+    if (!this.overlay) {
+      this.overlay = $div({style: 'position: absolute; background-color: ' + Status.ModalOverlayColor + '; top: 0px; left: 0px; z-index: 100;'});
+      this.overlay.setStyle('position: fixed');
+      this.overlay.setOpacity(Status.ModalOverlayOpacity);
+      document.body.insert(this.overlay);
+    }
+    this.overlay.setStyle('height: ' + document.viewport.getHeight() + 'px; width: ' + document.viewport.getWidth() + 'px;');
+    this.overlay.show();
+  },
+  
+  _hideModalOverlay: function() {
+    if (this.overlay) this.overlay.hide();
+  }
+});
+
+Event.observe(document, 'dom:loaded', function() {
+  Status.preloadImages();
+});
+
+// Sets the status to string
+function setStatus(string) {
+  Status.window().setStatus(string);
+  if (Status.window().visible()) Status.window().centerWindowInView();
+}
+
+// Sets the status to string and shows the status window. If modal is passed
+// as true a white transparent div that covers the entire page is positioned
+// under the status window causing a diming effect and preventing stray mouse
+// clicks.
+function showStatus(string, modal) {
+  setStatus(string);
+  Status.window().show(modal);
+}
+
+// Hides the status window
+function hideStatus() {
+  Status.window().hide();
+}

data/testthegemgeneration/public/javascripts/admin/tabcontrol.js

@@ -0,0 +1,123 @@
+if(typeof(relative_url_root) === 'undefined'){ relative_url_root = '';}
+
+var TabControlBehavior = Behavior.create({
+  initialize: function() {
+    this.controller = new TabControl(this.element);
+  }
+});
+
+var TabControl = Class.create({
+  initialize: function(element) {
+    this.element = $(element);
+    TabControls[this.element.identify()] = this;
+    this.tabs = $A();
+    this.tabContainer = this.element.down('.tabs');
+    this.tabContainer.observe('click', this.ontabclick.bind(this));
+    this.updateTabs();
+    this.autoSelect();
+  },
+  
+  updateTabs: function() {
+    this.element.select('.page').each(function(page) {
+      if (!this.findTabByPage(page)) this.addTab(page);
+    }.bind(this));
+  },
+  
+  addTab: function(page) {
+    var tab = new TabControl.Tab(page);
+    this.tabs.push(tab);
+    this.tabContainer.insert({bottom: tab});
+    var part_index = $('page_part_index_field');
+    part_index.setValue(Number(part_index.value)+1);
+    page.hide();
+  },
+  
+  removeSelected: function() {
+    var tab = this.selected;
+    var index = this.tabs.indexOf(tab);
+    var newSelectedTab = this.tabs[index-1];
+    var idInput = tab.page.down('.id_input');
+    var deleteInput = tab.page.down('.delete_input');
+    deleteInput.setValue('true');
+    tab.remove();
+    this.tabs = this.tabs.without(tab);
+    this.element.insert(idInput).insert(deleteInput);
+    this.select(newSelectedTab || this.tabs.first());
+  },
+  
+  select: function(tab) {
+    if (this.selected) this.selected.unselect();
+    this.selected = tab;
+    tab.select();
+    cookie = Cookie.set('current_tab', tab.caption, 24, '/admin');
+  },
+  
+  autoSelect: function() {
+    if (!this.tabs.any()) return;
+    var caption = Cookie.get('current_tab');
+    var tab = this.findTabByCaption(caption);
+    this.select(tab || this.tabs.first());
+  },
+  
+  ontabclick: function(event) {
+    var e = event.findElement('.tab');
+    if (e) {
+      var tab = this.findTabByElement(e);
+      if (tab) {
+        if (event.target.hasClassName('close')) {
+          if (confirm('Remove the "' + tab.caption + '" part?')) {
+            var lastSelected = this.selected;
+            this.select(tab);
+            this.removeSelected();
+            if (lastSelected != tab) this.select(lastSelected);
+          }
+        } else {
+          this.select(tab);
+          $('part_' + tab.caption + '_content').focus();
+        }
+        event.stop();
+      }
+    }
+  },
+  
+  findTabByCaption: function(caption) {
+    return this.tabs.detect(function(tab) { return tab.caption == caption; });
+  },
+  
+  findTabByPage: function(page) {
+    return this.tabs.detect(function(tab) { return tab.page == page; });
+  },
+  
+  findTabByElement: function(element) {
+    return this.tabs.detect(function(tab) { return tab.element == element; });
+  }
+});
+
+TabControl.Tab = Class.create({
+  initialize: function(page) {
+    this.page = page;
+    this.caption = page.readAttribute('data-caption');
+  },
+  
+  select: function() {
+    this.page.show();
+    this.element.addClassName('here');
+  },
+  
+  unselect: function() {
+    this.page.hide();
+    this.element.removeClassName('here');
+  },
+  
+  remove: function() {
+    this.page.remove();
+    this.element.remove();
+  },
+  
+  toElement: function() {
+    this.element = $a({'href': '#', 'class': 'tab'}, $span(this.caption), $img({'src': relative_url_root + '/images/admin/tab_close.png', 'class': 'close', 'alt': 'Remove part', 'title': 'Remove part'})).addClassName('tab');
+    return this.element;
+  }
+});
+
+var TabControls = {};