hobo 0.6.4 → 0.7.0

data/hobo_files/plugin/generators/hobo_rapid/templates/lowpro.js

@@ -1,25 +1,16 @@
 LowPro = {};
 LowPro.Version = '0.5';
+LowPro.CompatibleWithPrototype = '1.6.0';
+
+if (Prototype.Version != LowPro.CompatibleWithPrototype && console && console.warn)
+  console.warn("This version of Low Pro is tested with Prototype " + LowPro.CompatibleWithPrototype + 
+                  " it may not work as expected with this version (" + Prototype.Version + ")");
 
 if (!Element.addMethods) 
   Element.addMethods = function(o) { Object.extend(Element.Methods, o) };
 
 // Simple utility methods for working with the DOM
-DOM = {
-  prependChild : function(element, node) {
-    $(element).insertBefore(node, element.firstChild);
-  },
-  appendChildren : function(element, children) {
-    element = $(element);
-    if (!(children instanceof Array))
-      children = Array.prototype.slice.call(arguments, 1);
-    children.each(function(child) { element.appendChild(child) });
-    return children;
-  }
-};
-
-// Add them to the element mixin
-Element.addMethods(DOM);
+DOM = {};
 
 // DOMBuilder for prototype
 DOM.Builder = {
@@ -80,7 +71,7 @@ DOM.Builder.fromHTML = function(html) {
 // Event.onReady(callbackFunction);
 Object.extend(Event, {
   onReady : function(f) {
-    document.observe('contentloaded', f);
+    document.observe('dom:loaded', f);
   }
 });
 
@@ -119,7 +110,7 @@ Event.addBehavior = function(rules) {
 
 Object.extend(Event.addBehavior, {
   rules : {}, cache : [],
-  reassignAfterAjax : true,
+  reassignAfterAjax : false,
   autoTrigger : true,
   
   load : function(rules) {
@@ -130,6 +121,7 @@ Object.extend(Event.addBehavior, {
         var parts = sel.split(/:(?=[a-z]+$)/), css = parts[0], event = parts[1];
         $$(css).each(function(element) {
           if (event) {
+            observer = Event.addBehavior._wrapObserver(observer);
             $(element).observe(event, observer);
             Event.addBehavior.cache.push([element, event, observer]);
           } else {
@@ -151,6 +143,12 @@ Object.extend(Event.addBehavior, {
       Event.stopObserving.apply(Event, c);
     });
     this.cache = [];
+  },
+  
+  _wrapObserver: function(observer) {
+    return function(event) {
+      if (observer.call(this, event) === false) event.stop(); 
+    }
   }
   
 });
@@ -158,7 +156,7 @@ Object.extend(Event.addBehavior, {
 Event.observe(window, 'unload', Event.addBehavior.unload.bind(Event.addBehavior));
 
 // A silly Prototype style shortcut for the reckless
-$$$ = Event.addBehavior;
+$$$ = Event.addBehavior.bind(Event);
 
 // Behaviors can be bound to elements to provide an object orientated way of controlling elements
 // and their behavior.  Use Behavior.create() to make a new behavior class then use attach() to
@@ -186,42 +184,130 @@ $$$ = Event.addBehavior;
 //
 // Each behaviour has a collection of all its instances in Behavior.instances
 //
-Behavior = {
-  create : function(members) {
-    var behavior = function() { 
-      var behavior = arguments.callee;
-      if (this == window || $H(this).values().include(behavior)) {
-        var args = $A(arguments);
-          
-        return function() {
-          var initArgs = [this].concat(args);
-          behavior.attach.apply(behavior, initArgs);
-        };
-      } else {
-        var args = (arguments.length == 2 && arguments[1] instanceof Array) ? 
-                    arguments[1] : Array.prototype.slice.call(arguments, 1);
-
-        this.element = $(arguments[0]);
-        this.initialize.apply(this, args);
-        behavior._bindEvents(this);
-        behavior.instances.push(this);
-      }
-    };
-    behavior.prototype.initialize = Prototype.K;
-    Object.extend(behavior.prototype, members);
-    Object.extend(behavior, Behavior.ClassMethods);
+var Behavior = {
+  create: function() {
+    var parent = null, properties = $A(arguments);
+    if (Object.isFunction(properties[0]))
+      parent = properties.shift();
+
+      var behavior = function() { 
+        var behavior = arguments.callee;
+        if (!this.initialize) {
+          var args = $A(arguments);
+
+          return function() {
+            var initArgs = [this].concat(args);
+            behavior.attach.apply(behavior, initArgs);
+          };
+        } else {
+          var args = (arguments.length == 2 && arguments[1] instanceof Array) ? 
+                      arguments[1] : Array.prototype.slice.call(arguments, 1);
+
+          this.element = $(arguments[0]);
+          this.initialize.apply(this, args);
+          behavior._bindEvents(this);
+          behavior.instances.push(this);
+        }
+      };
+
+    Object.extend(behavior, Class.Methods);
+    Object.extend(behavior, Behavior.Methods);
+    behavior.superclass = parent;
+    behavior.subclasses = [];
     behavior.instances = [];
+
+    if (parent) {
+      var subclass = function() { };
+      subclass.prototype = parent.prototype;
+      behavior.prototype = new subclass;
+      parent.subclasses.push(behavior);
+    }
+
+    for (var i = 0; i < properties.length; i++)
+      behavior.addMethods(properties[i]);
+
+    if (!behavior.prototype.initialize)
+      behavior.prototype.initialize = Prototype.emptyFunction;
+
+    behavior.prototype.constructor = behavior;
+
     return behavior;
   },
-  ClassMethods : {
+  Methods : {
     attach : function(element) {
       return new this(element, Array.prototype.slice.call(arguments, 1));
     },
     _bindEvents : function(bound) {
       for (var member in bound)
         if (member.match(/^on(.+)/) && typeof bound[member] == 'function')
-          bound.element.observe(RegExp.$1, bound[member].bindAsEventListener(bound));
+          bound.element.observe(RegExp.$1, Event.addBehavior._wrapObserver(bound[member].bindAsEventListener(bound)));
     }
   }
 };
 
+Remote = Behavior.create({
+  initialize: function(options) {
+    if (this.element.nodeName == 'FORM') new Remote.Form(this.element, options);
+    else new Remote.Link(this.element, options);
+  }
+});
+
+Remote.Base = {
+  initialize : function(options) {
+    this.options = Object.extend({
+      evaluateScripts : true
+    }, options || {});
+  },
+  _makeRequest : function(options) {
+    if (options.update) new Ajax.Updater(options.update, options.url, options);
+    else new Ajax.Request(options.url, options);
+    return false;
+  }
+}
+
+Remote.Link = Behavior.create(Remote.Base, {
+  onclick : function() {
+    var options = Object.extend({ url : this.element.href, method : 'get' }, this.options);
+    return this._makeRequest(options);
+  }
+});
+
+
+Remote.Form = Behavior.create(Remote.Base, {
+  onclick : function(e) {
+    var sourceElement = e.element();
+    
+    if (sourceElement.nodeName.toLowerCase() == 'input' && 
+        sourceElement.type == 'submit')
+      this._submitButton = sourceElement;
+  },
+  onsubmit : function() {
+    var options = Object.extend({
+      url : this.element.action,
+      method : this.element.method || 'get',
+      parameters : this.element.serialize({ submit: this._submitButton.name })
+    }, this.options);
+    this._submitButton = null;
+    return this._makeRequest(options);
+  }
+});
+
+Observed = Behavior.create({
+  initialize : function(callback, options) {
+    this.callback = callback.bind(this);
+    this.options = options || {};
+    this.observer = (this.element.nodeName == 'FORM') ? this._observeForm() : this._observeField();
+  },
+  stop: function() {
+    this.observer.stop();
+  },
+  _observeForm: function() {
+    return (this.options.frequency) ? new Form.Observer(this.element, this.options.frequency, this.callback) :
+                                      new Form.EventObserver(this.element, this.callback);
+  },
+  _observeField: function() {
+    return (this.options.frequency) ? new Form.Element.Observer(this.element, this.options.frequency, this.callback) :
+                                      new Form.Element.EventObserver(this.element, this.callback);
+  }
+});
+

data/hobo_files/plugin/generators/hobo_rapid/templates/{hobo_base.css → reset.css}

@@ -29,9 +29,6 @@ body {
 	color: black;
 	background: white;
 }
-ol, ul {
-	list-style: none;
-}
 
 /* Tables still need 'cellspacing="0"' in the markup. */
 table {
@@ -63,5 +60,3 @@ h3 { font-size: 18px;}
 h4 { font-size: 14px;}
 h5 { font-size: 12px;}
 h6 { font-size: 10px;}
-
-ul, ol { list-style: none;}

data/hobo_files/plugin/generators/hobo_rapid/templates/themes/clean/public/stylesheets/application.css

@@ -0,0 +1,45 @@
+html {background: #666;}
+body {
+	width: 600px; margin: 0 auto; background: white;
+	font: 14px "Lucida Grande", Arial, sans-serif;
+	line-height: 21px; padding-bottom: 10px; margin-bottom: 20px;
+}
+h1, h2, h3 {font-family: "Rockwell", "Trebuchet MS", "Arial", sans-serif;}
+h1 {line-height: 54px;}
+h2 {line-height: 42px;}
+h3 {line-height: 27px;}
+
+a {
+	text-decoration: none; color: black;
+	border-bottom: 1px dotted #aaa;
+}
+a:hover {border-bottom: 1px dotted #222;}
+
+.content_header, .content_body {margin: 30px;}
+.article { margin: 20px 0; border-top: 1px dotted #ccc;}
+
+/***********/
+
+.page_header .nav {color: white; padding-bottom: 8px; background: black; overflow: hidden; height: 100%;}
+.page_header .nav li {float: left; padding-right: 20px;}
+.page_header .nav a {border-bottom: 1px solid black; color: white;}
+.page_header .nav a:hover {border-bottom: 1px dotted #ddd;}
+.main_nav {float: right;}
+.main_nav li {line-height: 36px;}
+.main_nav a {
+	font: bold 16px "Myriad Pro", Arial, sans-serif;
+}
+.account_nav {
+	clear: both; float: right;
+	font: normal 12px "Myriad Pro", Arial, sans-serif;
+}
+.account_nav a {font-weight: bold;}
+
+/***********/
+
+.intro {
+	background: #eee; color: #222; padding: 10px 20px;
+}
+.intro h2 {
+	font-size: 18px; line-height: 27px;
+}

data/hobo_files/plugin/generators/hobo_rapid/templates/themes/clean/public/stylesheets/rapid_ui.css

@@ -0,0 +1,167 @@
+.flash {
+	background: #92ab6e;
+	padding: 10px;
+	margin-top: 5px;
+	border-top: 2px solid #829862;
+	border-bottom: 2px solid #829862;
+}
+
+input.text, input.string, input.email_address, input.password, textarea {
+	border: 2px solid #444; padding: 1px;
+}
+input.file_upload {
+	background: #070707; border: 1px dotted #666;
+	color: white;
+}
+
+.button {
+	padding: 4px 8px;
+	color: white; /* background: #292929; border: 2px solid #444;*/ background: black; border: 1px solid #666;
+	font: 12px "Lucida Grande", Arial, sans-serif;
+}
+.button:hover {cursor: pointer;}
+/*.delete_button {
+  border: none; background: url(../images/small_close.png) center bottom no-repeat;
+  width: 14px; height: 15px;
+  margin: 0; padding: 0; margin-left: 5px;
+  overflow: hidden; text-indent: -300px;
+}*/
+
+.in_place_textfield_bhv, .in_place_textarea_bhv, .in_place_html_textarea_bhv {
+/*	background: #070707; border: 1px dotted #666;*/
+	padding: 0 3px;
+	background-image: url(../images/pencil.png);
+	background-position: top right;
+	background-repeat: no-repeat;
+}
+.in_place_textfield_bhv {
+	padding-right: 20px;
+}
+
+.inplaceeditor-form input, .inplaceeditor-form textarea, 
+table.new_record textarea, table.new_record input {
+	background: #070707; border: 1px dotted #666;
+	padding: 3px;	color: white; width: 100%;
+}
+.inplaceeditor-form, .inplaceeditor-form input {
+	display: inline;	
+}
+
+.login-table, .login-table td {border: none;}
+.login_table td.field_label { vertical-align: middle; }
+.login-table tr td {
+	padding-bottom: 15px;
+	padding-right: 10px;
+}
+#login-form {
+	padding-top: 20px;
+}
+#login-form .submit_button {margin-left: 68px;}
+
+/**** Admin ****/
+
+.admin-banner {
+	background: #9d0018; border-top: 2px solid #7a0013;	border-bottom: 2px solid #7a0013;
+	padding: 2px 0;
+	margin: 10px 0;
+}
+.admin-banner p, .admin-banner span {
+	font: 12px "Lucida Grande", Arial, sans-serif;
+}
+.admin-banner p, .admin-banner div {margin-bottom: 0;}
+.admin-banner a {color: white; text-decoration: none; padding: 1px 5px; font-weight: bold;}
+.admin-banner a:hover {color: #9d0018; background: white;}
+.admin-banner .logged-in {
+	float: right;
+}
+
+/* rails error message */
+.error_messages {
+	font-family: "Lucida Grande", arial, sans-serif;
+	background: #9d0018;
+	border: 1px solid #7a0013;
+	padding: 15px 30px;
+	color: white;
+	margin-bottom: 20px;
+}
+.error_messages h2 {
+	text-transform: none;
+	letter-spacing: normal;
+	color: white;
+	margin-bottom: 10px;
+}
+.error_messages li {
+	margin-left: 20px;
+}
+
+/********* everything below here came from hobo_rapid.css, needs looking at ********/
+
+/**** Default styling for Rapid ****/
+
+#ajax_progress {
+    color: grey;
+    float: right;
+    margin: 20px;
+    position: fixed;
+    background: white;
+    font-family: Tahoma "sans serif";
+    display: none;
+	z-index: 10;
+}
+
+#ajax_progress div {
+    border: 1px dashed grey;
+    margin: 10px;
+    padding: 3px;
+/*    padding-top: -15px;*/
+}
+
+#ajax_progress img {
+    padding-left: 6px;
+    vertical-align: middle;
+}
+
+
+/* Scriptaculous Autocompleter ---*/
+
+div.completions_popup {
+    position:absolute;
+    width:250px;
+    background-color:white;
+    border:1px solid #888;
+    margin:0px;
+    padding:0px;
+}
+div.completions_popup ul {
+    list-style-type:none;
+    margin:0px;
+    padding:0px;
+}
+div.completions_popup ul li.selected { background-color: #ffb;}
+div.completions_popup ul li {
+    list-style-type:none;
+    display:block;
+    margin:0;
+    padding:2px;
+    cursor:pointer;
+}
+
+
+.field_list   { width:95%; }
+.field_list td { padding: 5px; vertical-align: middle; }
+.field_list td.field_label {
+    text-align: left; width: 1px; white-space: nowrap; vertical-align: top;
+    padding-top: 10px; padding-bottom: 10px;
+}
+/*.field_list input[type=text] { width: 100%; }*/
+/*.field_list input, .field_list textarea { margin: -2px 0 0 0; }*/
+.field_list textarea { width: 100%; margin: 0; }
+/*table.login-table input {font-size: 16px; color: black;}*/
+
+/*input[type=text].wide { width: 100%; }*/
+textarea { height: 200px; }
+textarea.wide { width: 100%; }
+textarea.tall { height: 350px; }
+
+.field_list input.percentage {width: 25px; display: inline; margin-right: 5px; padding: 1px 3px;}
+