simonmenke-mr_henry 0.0.1

data/public/javascripts/lowpro.js

@@ -0,0 +1,320 @@
+LowPro = {};
+LowPro.Version = '0.5';
+LowPro.CompatibleWithPrototype = '1.6';
+
+if (Prototype.Version.indexOf(LowPro.CompatibleWithPrototype) != 0 && 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 = {};
+
+// DOMBuilder for prototype
+DOM.Builder = {
+	tagFunc : function(tag) {
+	  return function() {
+	    var attrs, children; 
+	    if (arguments.length>0) { 
+	      if (arguments[0].nodeName || 
+	        typeof arguments[0] == "string") 
+	        children = arguments; 
+	      else { 
+	        attrs = arguments[0]; 
+	        children = Array.prototype.slice.call(arguments, 1); 
+	      };
+	    }
+	    return DOM.Builder.create(tag, attrs, children);
+	  };
+  },
+	create : function(tag, attrs, children) {
+		attrs = attrs || {}; children = children || []; tag = tag.toLowerCase();
+		var el = new Element(tag, attrs);
+	  
+		for (var i=0; i<children.length; i++) {
+			if (typeof children[i] == 'string') 
+			  children[i] = document.createTextNode(children[i]);
+			el.appendChild(children[i]);
+		}
+		return $(el);
+	}
+};
+
+// Automatically create node builders as $tagName.
+(function() { 
+	var els = ("p|div|span|strong|em|img|table|tr|td|th|thead|tbody|tfoot|pre|code|" + 
+				     "h1|h2|h3|h4|h5|h6|ul|ol|li|form|input|textarea|legend|fieldset|" + 
+				     "select|option|blockquote|cite|br|hr|dd|dl|dt|address|a|button|abbr|acronym|" +
+				     "script|link|style|bdo|ins|del|object|param|col|colgroup|optgroup|caption|" + 
+				     "label|dfn|kbd|samp|var").split("|");
+  var el, i=0;
+	while (el = els[i++]) 
+	  window['$' + el] = DOM.Builder.tagFunc(el);
+})();
+
+DOM.Builder.fromHTML = function(html) {
+  var root;
+  if (!(root = arguments.callee._root))
+    root = arguments.callee._root = document.createElement('div');
+  root.innerHTML = html;
+  return root.childNodes[0];
+};
+
+
+
+// Wraps the 1.6 contentloaded event for backwards compatibility
+//
+// Usage:
+//
+// Event.onReady(callbackFunction);
+Object.extend(Event, {
+  onReady : function(f) {
+    if (document.body) f();
+    else document.observe('dom:loaded', f);
+  }
+});
+
+// Based on event:Selectors by Justin Palmer
+// http://encytemedia.com/event-selectors/
+//
+// Usage:
+//
+// Event.addBehavior({
+//      "selector:event" : function(event) { /* event handler.  this refers to the element. */ },
+//      "selector" : function() { /* runs function on dom ready.  this refers to the element. */ }
+//      ...
+// });
+//
+// Multiple calls will add to exisiting rules.  Event.addBehavior.reassignAfterAjax and
+// Event.addBehavior.autoTrigger can be adjusted to needs.
+Event.addBehavior = function(rules) {
+  var ab = this.addBehavior;
+  Object.extend(ab.rules, rules);
+  
+  if (!ab.responderApplied) {
+    Ajax.Responders.register({
+      onComplete : function() { 
+        if (Event.addBehavior.reassignAfterAjax) 
+          setTimeout(function() { ab.reload() }, 10);
+      }
+    });
+    ab.responderApplied = true;
+  }
+  
+  if (ab.autoTrigger) {
+    this.onReady(ab.load.bind(ab, rules));
+  }
+  
+};
+
+Object.extend(Event.addBehavior, {
+  rules : {}, cache : [],
+  reassignAfterAjax : false,
+  autoTrigger : true,
+  
+  load : function(rules) {
+    for (var selector in rules) {
+      var observer = rules[selector];
+      var sels = selector.split(',');
+      sels.each(function(sel) {
+        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 {
+            if (!element.$$assigned || !element.$$assigned.include(observer)) {
+              if (observer.attach) observer.attach(element);
+              
+              else observer.call($(element));
+              element.$$assigned = element.$$assigned || [];
+              element.$$assigned.push(observer);
+            }
+          }
+        });
+      });
+    }
+  },
+  
+  unload : function() {
+    this.cache.each(function(c) {
+      Event.stopObserving.apply(Event, c);
+    });
+    this.cache = [];
+  },
+  
+  reload: function() {
+    var ab = Event.addBehavior;
+    ab.unload(); 
+    ab.load(ab.rules);
+  },
+  
+  _wrapObserver: function(observer) {
+    return function(event) {
+      if (observer.call(this, event) === false) event.stop(); 
+    }
+  }
+  
+});
+
+Event.observe(window, 'unload', Event.addBehavior.unload.bind(Event.addBehavior));
+
+// A silly Prototype style shortcut for the reckless
+$$$ = 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
+// glue it to an element.  Each element then gets it's own instance of the behavior and any
+// methods called onxxx are bound to the relevent event.
+// 
+// Usage:
+// 
+// var MyBehavior = Behavior.create({
+//   onmouseover : function() { this.element.addClassName('bong') } 
+// });
+//
+// Event.addBehavior({ 'a.rollover' : MyBehavior });
+// 
+// If you need to pass additional values to initialize use:
+//
+// Event.addBehavior({ 'a.rollover' : MyBehavior(10, { thing : 15 }) })
+//
+// You can also use the attach() method.  If you specify extra arguments to attach they get passed to initialize.
+//
+// MyBehavior.attach(el, values, to, init);
+//
+// Finally, the rawest method is using the new constructor normally:
+// var draggable = new Draggable(element, init, vals);
+//
+// Each behaviour has a collection of all its instances in Behavior.instances
+//
+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;
+  },
+  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, 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 (['input', 'button'].include(sourceElement.nodeName.toLowerCase()) && 
+        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/public/stylesheets/lalala.css

@@ -0,0 +1,367 @@
+/* @override http://mrhenry.dev/stylesheets/lalala.css?1224672637 */
+
+body {
+  background-color: #e3e3e3;
+  margin: 30px;
+  font-family:sans-serif;
+}
+
+a {
+  color:#000;
+}
+a:hover {
+  color:#333;
+}
+
+h1, h2, h3 {
+  margin-top:0;
+}
+
+#sidebar {
+  position: absolute;
+  top: 132px;
+  left: 0px;
+  width:260px;
+  padding-bottom:50px;
+  background: url(../images/henry.png) no-repeat -5px bottom;
+}
+
+#menu-shadow {
+  background-color: #BBB;
+  margin-left: 30px;
+}
+
+#menu {
+  position:relative;
+  top: -5px;
+  left: -5px;
+  color:#fff;
+}
+
+#menu .item {
+  padding:10px 30px;
+  background-color: #979797;
+  position: relative;
+}
+
+#menu .item.active {
+  padding:10px 30px;
+  background-color: #53c647;
+}
+
+#menu .item .pointer {
+	display: none;
+}
+
+#menu .item.active .pointer {
+  position: absolute;
+  display: block;
+  right: -35px;
+  top: 0px;
+}
+
+#menu .item + .item {
+  border-top: 1px solid #fff;
+}
+
+#menu .item a {
+  color: #fff;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 1.1em;
+}
+
+.shadow {
+  background-color: #BBB;
+  position:relative;
+  top: 5px;
+  left: 5px;
+  width:700px;
+  margin-bottom:30px;
+  margin-left: 260px;
+}
+
+.header {
+  background-color: #349ded;
+  position:relative;
+  top: -5px;
+  left: -5px;
+  padding:15px 30px;
+  color:#fff;
+}
+
+.header h1 {
+  margin:0;
+  padding:0;
+}
+
+.container {
+  background-color: #FFF;
+  position:relative;
+  top: -5px;
+  left: -5px;
+  padding:30px;
+}
+
+.container h1 {
+  margin:-30px -30px 30px;
+  padding:15px 30px;
+  background-color: #999;
+  color: #fff;
+}
+
+.container h2 {
+  margin: -30px -30px 30px;
+  padding:15px 30px;
+  background-color: #ccc;
+  color: #fff;
+}
+
+form {
+  margin: 0;
+}
+
+form label {
+  float:left;
+  width:185px;
+  margin-right:15px;
+  text-align:right;
+  padding-top: 2px;
+  font-size: 85%;
+}
+
+form img.error {
+  display: block;
+  position: absolute;
+  right: -20px;
+  top: 4px;
+}
+
+form label.error {
+  color: #b12323;
+}
+
+form div.error-explanation {
+  color: #b12323;
+  font: italic 85% Georgia, "Times New Roman", Times, serif;
+  margin-left: 205px;
+}
+
+form div {
+  clear:both;
+  margin-bottom: 15px;
+  background-color: #fff;
+  position: relative;
+}
+
+form div.button {
+  background-color: #F5F5F5;
+  padding: 15px  0 15px 30px;
+  margin: 30px -30px -30px;
+  padding-left:230px;
+}
+
+form p.help {
+  color: #535353;
+  font: italic 75% Georgia, "Times New Roman", Times, serif;
+  float: right;
+  width: 200px;
+  margin: 0;
+}
+
+dl dt {
+  clear: left;
+  float: left;
+  width: 185px;
+  margin-right: 15px;
+  text-align: right;
+  padding-bottom: 8px;
+  color: #616161;
+}
+
+dl dd {
+  padding-bottom: 8px;
+  margin-left: 200px;
+}
+
+#actions,
+.actions {
+  margin-bottom: 30px;
+  text-align:right;
+}
+
+.records .record {
+  background-color: #F5F5F5;
+  padding:15px 30px;
+  margin: 10px -30px;
+  position: relative;
+}
+
+.records .record .handle {
+  position: absolute;
+  height: auto;
+  width: 48px;
+  top: 0px;
+  bottom: 0px;
+  right: 16px;
+  background: url(../images/handle.png) no-repeat center center;
+}
+
+.clear {
+  clear: both;
+}
+
+#footnotes_debug {
+  font-family:monospace;
+}
+
+#queue {
+	
+}
+#queue .upload_file {
+	padding: 5px;
+	border: 1px solid #ccc;
+	margin-bottom: 5px;
+	position: relative;
+}
+#queue .progress-wrapper {
+	position: absolute;
+	top: 0px;
+	right: 0px;
+	height: 28px;
+	width: 400px;
+	background-color: #ccc;
+}
+#queue .progress {
+	position: absolute;
+	top: 2px;
+	left: 3px;
+	height: 24px;
+	background-color: #53c647;
+}
+
+#modal_tabs {
+	font-size: 12px;
+	position: absolute;
+	z-index: 10000;
+	top: 7px;
+	right: 25px;
+}
+
+.pagination {
+	margin: 15px 0;
+	text-align: center;
+	clear: both;
+}
+
+.pagination a,
+.pagination span {
+	border: 1px solid #979797;
+	padding: 3px 5px;
+	font-size: 12px;
+}
+
+.pagination a {
+	text-decoration: none;
+}
+
+.pagination span {
+	color: #979797;
+}
+
+
+.lang_selected {
+  color:#fff;
+  background-color:#000;
+  padding: 1px 5px;
+}
+
+.lang_selected:hover {
+  color:#fff;
+  background-color:#666;
+}
+
+#lang_chooser {
+  float:left;
+}
+
+.statuses {
+  font-size:80%;
+  float:right;
+  width:180px;
+  background-color:#fef8b8;
+  border: 1px solid #fded78;
+  padding:10px;
+  margin: 0 0 10px 10px;
+}
+
+.statuses .entry {
+  padding-left:75px;
+}
+
+.statuses .entry + .entry {
+  border-top: 1px solid #ccc;
+  padding-top:3px;
+  margin-top:3px;
+}
+
+.statuses .entry.big {
+  padding-left:10px !important;
+}
+
+.statuses .entry b {
+  float:left;
+  width:75px;
+  margin-left:-75px;
+}
+
+.statuses .entry.big b {
+  float:none !important;
+  width:auto !important;
+  margin-left:-10px !important;
+  display:block;
+}
+
+.statuses a img {
+  margin-bottom:-3px;
+}
+
+.back {
+  float:left;
+}
+
+#tabs {
+  background-color: #53c647;
+  margin: -30px -30px 30px -30px;
+  padding:0px 30px;
+  border-top: 1px dashed #fff;
+  height:48px;
+}
+
+#tabs a {
+  color:#fff;
+  font-weight:bold;
+  text-decoration:none;
+  display:block;
+  float:left;
+  padding:15px;
+  border-left:1px solid #fff;
+  border-right:1px solid #fff;
+}
+
+#tabs a:hover {
+  background-color: #45a63a;
+}
+
+#tabs a.active {
+  background: url(../images/tab-active.png) no-repeat center bottom;
+}
+
+#tabs a.active:hover {
+  background-color: #45a63a !important;
+  background: url(../images/tab-hover.png) no-repeat center bottom;
+}
+
+#tabs a + a {
+  border-left:none;
+}