pupu 0.0.1 → 0.0.2.pre

data/examples/rango/media/pupu/autocompleter/javascripts/autocompleter.local.js

@@ -0,0 +1,31 @@
+/**
+ * Autocompleter.Local
+ *
+ * http://digitarald.de/project/autocompleter/
+ *
+ * @version		1.1.2
+ *
+ * @license		MIT-style license
+ * @author		Harald Kirschner <mail [at] digitarald.de>
+ * @copyright	Author
+ */
+
+Autocompleter.Local = new Class({
+
+	Extends: Autocompleter,
+
+	options: {
+		minLength: 0,
+		delay: 200
+	},
+
+	initialize: function(element, tokens, options) {
+		this.parent(element, options);
+		this.tokens = tokens;
+	},
+
+	query: function() {
+		this.update(this.filter());
+	}
+
+});

data/examples/rango/media/pupu/autocompleter/javascripts/autocompleter.request.js

@@ -0,0 +1,109 @@
+/**
+ * Autocompleter.Request
+ *
+ * http://digitarald.de/project/autocompleter/
+ *
+ * @version		1.1.2
+ *
+ * @license		MIT-style license
+ * @author		Harald Kirschner <mail [at] digitarald.de>
+ * @copyright	Author
+ */
+
+Autocompleter.Request = new Class({
+
+	Extends: Autocompleter,
+
+	options: {/*
+		indicator: null,
+		indicatorClass: null,
+		onRequest: $empty,
+		onComplete: $empty,*/
+		postData: {},
+		ajaxOptions: {},
+		postVar: 'value'
+
+	},
+
+	query: function(){
+		var data = $unlink(this.options.postData) || {};
+		data[this.options.postVar] = this.queryValue;
+		var indicator = $(this.options.indicator);
+		if (indicator) indicator.setStyle('display', '');
+		var cls = this.options.indicatorClass;
+		if (cls) this.element.addClass(cls);
+		this.fireEvent('onRequest', [this.element, this.request, data, this.queryValue]);
+		this.request.send({'data': data});
+	},
+
+	/**
+	 * queryResponse - abstract
+	 *
+	 * Inherated classes have to extend this function and use this.parent()
+	 */
+	queryResponse: function() {
+		var indicator = $(this.options.indicator);
+		if (indicator) indicator.setStyle('display', 'none');
+		var cls = this.options.indicatorClass;
+		if (cls) this.element.removeClass(cls);
+		return this.fireEvent('onComplete', [this.element, this.request]);
+	}
+
+});
+
+Autocompleter.Request.JSON = new Class({
+
+	Extends: Autocompleter.Request,
+
+	initialize: function(el, url, options) {
+		this.parent(el, options);
+		this.request = new Request.JSON($merge({
+			'url': url,
+			'link': 'cancel'
+		}, this.options.ajaxOptions)).addEvent('onComplete', this.queryResponse.bind(this));
+	},
+
+	queryResponse: function(response) {
+		this.parent();
+		this.update(response);
+	}
+
+});
+
+Autocompleter.Request.HTML = new Class({
+
+	Extends: Autocompleter.Request,
+
+	initialize: function(el, url, options) {
+		this.parent(el, options);
+		this.request = new Request.HTML($merge({
+			'url': url,
+			'link': 'cancel',
+			'update': this.choices
+		}, this.options.ajaxOptions)).addEvent('onComplete', this.queryResponse.bind(this));
+	},
+
+	queryResponse: function(tree, elements) {
+		this.parent();
+		if (!elements || !elements.length) {
+			this.hideChoices();
+		} else {
+			this.choices.getChildren(this.options.choicesMatch).each(this.options.injectChoice || function(choice) {
+				var value = choice.innerHTML;
+				choice.inputValue = value;
+				this.addChoiceEvents(choice.set('html', this.markQueryValue(value)));
+			}, this);
+			this.showChoices();
+		}
+
+	}
+
+});
+
+/* compatibility */
+
+Autocompleter.Ajax = {
+	Base: Autocompleter.Request,
+	Json: Autocompleter.Request.JSON,
+	Xhtml: Autocompleter.Request.HTML
+};

data/examples/rango/media/pupu/autocompleter/javascripts/initializers/autocompleter.js

@@ -0,0 +1,26 @@
+window.addEvent("domready", function() {
+  // initialization
+  var url = "/search/autocomplete";
+  var id  = "search";
+
+  // the code
+  if ($(id)) {
+    new Autocompleter.Request.HTML(id, url, {
+      'selectMode': 'type-ahead',
+      'indicatorClass': 'autocompleter-loading',
+      'minLength': 1,
+      'injectChoice': function(choice) {
+        // choice is one <li> element
+        var text = choice.getFirst();
+        // the first element in this <li> is the <span> with the text
+        var value = text.innerHTML;
+        // inputValue saves value of the element for later selection
+        choice.inputValue = value;
+        // overrides the html with the marked query value (wrapped in a <span>)
+        text.set('html', this.markQueryValue(value));
+        // add the mouse events to the <li> element
+        this.addChoiceEvents(choice);
+      }
+    })
+  }
+})

data/examples/rango/media/pupu/autocompleter/javascripts/observer.js

@@ -0,0 +1,69 @@
+/**
+ * Observer - Observe formelements for changes
+ *
+ * - Additional code from clientside.cnet.com
+ *
+ * @version		1.1
+ *
+ * @license		MIT-style license
+ * @author		Harald Kirschner <mail [at] digitarald.de>
+ * @copyright	Author
+ */
+var Observer = new Class({
+
+	Implements: [Options, Events],
+
+	options: {
+		periodical: false,
+		delay: 1000
+	},
+
+	initialize: function(el, onFired, options){
+		this.element = $(el) || $$(el);
+		this.addEvent('onFired', onFired);
+		this.setOptions(options);
+		this.bound = this.changed.bind(this);
+		this.resume();
+	},
+
+	changed: function() {
+		var value = this.element.get('value');
+		if ($equals(this.value, value)) return;
+		this.clear();
+		this.value = value;
+		this.timeout = this.onFired.delay(this.options.delay, this);
+	},
+
+	setValue: function(value) {
+		this.value = value;
+		this.element.set('value', value);
+		return this.clear();
+	},
+
+	onFired: function() {
+		this.fireEvent('onFired', [this.value, this.element]);
+	},
+
+	clear: function() {
+		$clear(this.timeout || null);
+		return this;
+	},
+
+	pause: function(){
+		if (this.timer) $clear(this.timer);
+		else this.element.removeEvent('keyup', this.bound);
+		return this.clear();
+	},
+
+	resume: function(){
+		this.value = this.element.get('value');
+		if (this.options.periodical) this.timer = this.changed.periodical(this.options.periodical, this);
+		else this.element.addEvent('keyup', this.bound);
+		return this;
+	}
+
+});
+
+var $equals = function(obj1, obj2) {
+	return (obj1 == obj2 || JSON.encode(obj1) == JSON.encode(obj2));
+};

data/examples/rango/media/pupu/autocompleter/metadata.yml

@@ -0,0 +1,5 @@
+--- 
+:revision: d48d57592b62ce7f77fcb7b71d0ddcc4c899933a
+:repozitory: git://github.com/botanicus/pupu-autocompleter.git
+:dependencies: []
+

data/examples/rango/media/pupu/autocompleter/stylesheets/autocompleter.css

@@ -0,0 +1,68 @@
+ul.autocompleter-choices
+{
+	position:				absolute;
+	margin:					0;
+	padding:				0;
+	list-style:				none;
+	border:					1px solid #7c7c7c;
+	border-left-color:		#c3c3c3;
+	border-right-color:		#c3c3c3;
+	border-bottom-color:	#ddd;
+	background-color:		#fff;
+	text-align:				left;
+	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
+	z-index:				50;
+	background-color:		#fff;
+}
+
+ul.autocompleter-choices li
+{
+	position:				relative;
+	margin:					-2px 0 0 0;
+	padding:				0.2em 1.5em 0.2em 1em;
+	display:				block;
+	float:					none !important; 
+	cursor:					pointer;
+	font-weight:			normal;
+	white-space:			nowrap;
+	font-size:				1em;
+	line-height:			1.5em;
+}
+
+ul.autocompleter-choices li.autocompleter-selected
+{
+	background-color:		#444;
+	color:					#fff;
+}
+
+ul.autocompleter-choices span.autocompleter-queried
+{
+	display:				inline;
+	float:					none;
+	font-weight:			bold;
+	margin:					0;
+	padding:				0;
+}
+
+ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
+{
+	color:					#9FCFFF;
+}
+
+/* the right side of the autocompleter */
+.autocompleter-note
+{
+	position:			absolute;
+	top:				0;
+	right:				4px;
+	padding:			1px 2px;
+	font-size:			0.9em;
+	color:				#888;
+}
+
+input.autocompleter-loading
+{
+	background-image:		url(/pupu/autocompleter/images/spinner.gif);
+	background-repeat:		no-repeat;
+	background-position:	right 50%;
+}

data/examples/rango/media/pupu/blueprint/CHANGELOG

@@ -0,0 +1 @@
+[12/2/2008] First public release

data/examples/rango/media/pupu/blueprint/LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2008 Jakub Stastny aka Botanicus
+ 
+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.

data/examples/rango/media/pupu/blueprint/README.textile

@@ -0,0 +1,22 @@
+h1. About merb_pupu
+
+Merb_pupu is a plugin system for merb's public stuff like mootools plugins, icon sets etc. It knows dependencies and it has CLI interface, so it's really easy to bundle such plugins into your app. Please see http://github.com/botanicus/merb_pupu for more informations.
+
+h1. About blueprint
+
+h1. Usage
+
+h2. Layout
+
+<pre>
+# for basic functionality
+plugin :blueprint
+</pre>
+
+h2. Initializers
+
+<pre>
+window.addEvent("domready", function() {
+  // do the init stuff
+})
+</pre>

data/examples/rango/media/pupu/blueprint/Rakefile

@@ -0,0 +1,29 @@
+namespace :git do
+  desc "Do the initial import"
+  task :init do
+    sh "git init"
+    sh "git add ."
+    sh "git commit -a -m 'Initial import'"
+  end
+end
+
+namespace :javascripts do
+  desc "Compress javascripts"
+  task :compress do
+    puts "This task isn't ready yet."
+  end
+end
+
+namespace :stylesheets do
+  desc "Compress stylesheets"
+  task :compress do
+    puts "This task isn't ready yet."
+  end
+end
+
+namespace :sass do
+  desc "Compile Sass templates"
+  task :compile do
+    puts "This task isn't ready yet."
+  end
+end

data/examples/rango/media/pupu/blueprint/TODO

@@ -0,0 +1,3 @@
+- put the plugin files into correct directories
+- write config.rb
+- write README

data/examples/rango/media/pupu/blueprint/config.rb

@@ -0,0 +1,18 @@
+# css_include_tag "blueprint/screen", "blueprint/plugins/fancy-type/screen", :media => "screen, projection"
+# css_include_tag "blueprint/print", :media => "print"
+# / [if IE]
+#   = css_include_tag "blueprint/ie", :media => "screen, projection"
+
+# TODO
+# :if => "ie"
+stylesheet "screen", :media => "screen, projection"
+stylesheet "print", :media => "print"
+stylesheet "ie"
+
+# parameters of plugin
+# it will be blank in most cases
+parameter :plugins do |plugins|
+  plugins.each do |plugin|
+    stylesheet "plugins/#{plugin}/screen", :media => "screen, projection"
+  end
+end

data/examples/rango/media/pupu/blueprint/metadata.yml

@@ -0,0 +1,5 @@
+--- 
+:revision: 09c6862a75cc4462679d048a1e756fdf913de0c1
+:repozitory: git://github.com/botanicus/pupu-blueprint.git
+:dependencies: []
+

data/examples/rango/media/pupu/blueprint/stylesheets/ie.css

@@ -0,0 +1,26 @@
+/* -----------------------------------------------------------------------
+
+
+ Blueprint CSS Framework 0.8
+ http://blueprintcss.org
+
+   * Copyright (c) 2007-Present. See LICENSE for more info.
+   * See README for instructions on how to use Blueprint.
+   * For credits and origins, see AUTHORS.
+   * This is a compressed file. See the sources in the 'src' directory.
+
+----------------------------------------------------------------------- */
+
+/* ie.css */
+body {text-align:center;}
+.container {text-align:left;}
+* html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {overflow-x:hidden;}
+* html legend {margin:-18px -8px 16px 0;padding:0;}
+ol {margin-left:2em;}
+sup {vertical-align:text-top;}
+sub {vertical-align:text-bottom;}
+html>body p code {*white-space:normal;}
+hr {margin:-8px auto 11px;}
+.clearfix, .container {display:inline-block;}
+* html .clearfix, * html .container {height:1%;}
+fieldset {padding-top:0;}