/**
* Copyright Yehuda Katz
* with assistance by Jay Freeman
*
* You may distribute this code under the same license as jQuery (BSD or GPL
**/
/*
Templating
{{first}} {{last}}
Bar
First Name: {{first}}
Last Name: {{last}}
]]>
Click
*/
(function ($) {
$.makeTemplate = function (template, begin, end) {
var rebegin = begin.replace(/([\]{}[\\])/g, '\\$1');
var reend = end.replace(/([\]{}[\\])/g, '\\$1');
var code = "try { with (_context) {" +
"var _result = '';" +
template
.replace(/[\t\r\n]/g, ' ')
.replace(/^(.*)$/, end + '$1' + begin)
.replace(new RegExp(reend + "(.*?)" + rebegin, "g"), function (text) {
return text
.replace(new RegExp("^" + reend + "(.*)" + rebegin + "$"), "$1")
.replace(/\\/g, "\\\\")
.replace(/'/g, "\\'")
.replace(/^(.*)$/, end + "_result += '$1';" + begin);
})
.replace(new RegExp(rebegin + "=(.*?)" + reend, "g"), "_result += ($1);")
.replace(new RegExp(rebegin + "(.*?)" + reend, "g"), ' $1 ')
.replace(new RegExp("^" + reend + "(.*)" + rebegin + "$"), '$1') +
"return _result;" +
"} } catch(e) { return '' } ";
return new Function("_context", code);
};
})(jQuery);
/*
* jQuery UI Autocomplete
* version: 1.0 (1/2/2008)
* @requires: jQuery v1.2 or later, dimensions plugin
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* Copyright 2007 Yehuda Katz, Rein Henrichs
*/
(function($) {
$.ui = $.ui || {};
$.ui.autobox = $.ui.autobox || {};
$.ui.autobox.ext = $.ui.autobox.ext || {};
$.ui.autobox.ext.ajax = function(opt) {
var ajax = opt.ajax;
return { getList: function(input, hash) {
if (input.val().match(/^\s*$/)) return false;
$.getJSON(ajax, "val=" + input.val(), function(json) {
if(hash){ json=$(json).filter(function(){ return !hash[this.text]; }); }
input.trigger("updateList", [json]);
});
} };
};
$.ui.autobox.ext.templateText = function(opt) {
var template = $.makeTemplate(opt.templateText, "<%", "%>");
return { template: function(obj) { return template(obj); } };
};
})(jQuery);
/**
* jQuery Autobox Plugin
* Copyright (c) 2008 Big Red Switch
*
* http://www.bigredswitch.com/blog/2008/12/autobox2/
*
* Dual licensed under the BSD and GPL licenses:
* http://en.wikipedia.org/wiki/Bsd_license
* http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* 0.7.1 : Add prepop to options to pre-populate autobox
* Add addBox function to populate autobox via JS
* (css) Add margin-bottom to .bit-box
* 0.7.0 : Initial version
* Rolled up autocomplete and autotext plugins
*
* ****************************************************************************
*
* jQuery Autocomplete
* Written by Yehuda Katz (wycats@gmail.com) and Rein Henrichs (reinh@reinh.com)
* Copyright 2007 Yehuda Katz, Rein Henrichs
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* Facebook style text list from Guillermo Rauch's mootools script:
* http://devthought.com/textboxlist-fancy-facebook-like-dynamic-inputs/
*
* Caret position method: Diego Perini: http://javascript.nwbox.com/cursor_position/cursor.js
*/
(function($){
function LOG(obj){
if(console && console.log){
console.log(obj);
}
else{
var cons=$('#log');
if(!cons){cons=$('');}
if(cons){cons.append(obj).append(' \n');}
}
}
$.fn.resizableTextbox=function(el, options) {
var opts=$.extend({ min: 5, max: 500, step: 7 }, options);
var width=el.attr('offsetWidth');
el.bind('keydown', function(e) {
$(this).data('rt-value', this.value.length);
})
.bind('keyup', function(e) {
var self=$(this);
var newsize=opts.step * self.val().length;
if (newsize <= opts.min) {
newsize=width;
}
if (!(self.val().length == self.data('rt-value') ||
newsize <= opts.min || newsize >= opts.max)) {
self.width(newsize);
}
});
};
$.ui=$.ui || {}; $.ui.autobox=$.ui.autobox || {}; var active; var count=0;
var KEY={
ESC: 27,
RETURN: 13,
TAB: 9,
BS: 8,
DEL: 46,
LEFT: 37,
RIGHT: 39,
UP: 38,
DOWN: 40
};
function addBox(input, text, name) {
var ii = $('');ii.attr('name', name+'[]');ii.val(text);
var li=$('').attr('id', 'bit-' + count++).text(text);
li.append($('')
.bind('click', function(e) {
li.remove();
e.preventDefault();
}))
.append(ii);
input.parent().before(li);
input.val('');
}
$.fn.autoboxMode=function(container, input, size, opt){
var original=input.val(); var selected=-1; var self=this;
$.data(document.body, "autoboxMode", true);
$("body").one("cancel.autobox", function(){
input.trigger("cancel.autobox");
$("body").trigger("off.autobox");
input.val(original);
});
$("body").one("activate.autobox", function(){
// Try hitting return to activate autobox and then hitting it again on blank input
// to close it. w/o checking the active object first this input.trigger() will barf.
if(active && active[0] && $.data(active[0], "originalObject")){
addBox(input, $.data(active[0], "originalObject").text, opt.name);
}
else if(input.val()){ addBox(input, input.val(), opt.name); }
active && input.trigger("activate.autobox", [$.data(active[0], "originalObject")]);
$("body").trigger("off.autobox");
});
$("body").one("off.autobox", function(e, reset){
container.remove();
$.data(document.body, "autoboxMode", false);
input.unbind("keydown.autobox");
$("body").add(window).unbind("click.autobox").unbind("cancel.autobox").unbind("activate.autobox");
});
// If a click bubbles all the way up to the window, close the autobox
$(window).bind("click.autobox", function(){
$("body").trigger("cancel.autobox");
});
function select(){
active=$("> *", container).removeClass("active").slice(selected, selected + 1).addClass("active");
input.trigger("itemSelected.autobox", [$.data(active[0], "originalObject")]);
input.val(opt.insertText($.data(active[0], "originalObject")));
};
container.mouseover(function(e){
// If you hover over the container, but not its children, return
if(e.target == container[0]) return;
// Set the selected item to the item hovered over and make it active
selected=$("> *", container).index($(e.target).is('li') ? $(e.target)[0] : $(e.target).parents('li')[0]);
select();
}).bind("click.autobox", function(e){
$("body").trigger("activate.autobox");
$.data(document.body, "suppressKey", false);
});
input
.bind("keydown.autobox", function(e){
var k=e.which || e.keyCode;
if(k == KEY.ESC){ $("body").trigger("cancel.autobox"); }
else if(k == KEY.RETURN){ $("body").trigger("activate.autobox"); e.preventDefault(); }
else if(k == KEY.UP || k == KEY.TAB || k == KEY.DOWN){
switch(k){
case KEY.DOWN:
case KEY.TAB:
selected=selected >= size - 1 ? 0 : selected + 1; break;
case KEY.UP:
selected=selected <= 0 ? size - 1 : selected - 1; break;
default: break;
}
select();
} else { return true; }
$.data(document.body, "suppressKey", true);
});
};
$.fn.autobox=function(opt){
opt=$.extend({}, {
timeout: 500,
getList: function(input, hash){
var list=opt.list;
if(hash){ list=$(list).filter(function(){ return !hash[this.text]; }); }
input.trigger("updateList", [list]);
},
template: function(str){ return "
',
resizable: {}
}, opt);
if($.ui.autobox.ext){
for(var ext in $.ui.autobox.ext){
if(opt[ext]){
opt=$.extend(opt, $.ui.autobox.ext[ext](opt));
delete opt[ext];
}
} }
function preventTabInAutocompleteMode(e){
var k=e.which || e.keyCode;
if($.data(document.body, "autoboxMode") && k == KEY.TAB){
e.preventDefault();
}
}
function startTypingTimeout(e, input, timeout){
$.data(input, "typingTimeout", window.setTimeout(function(){
$(e.target || e.srcElement).trigger("autobox");
}, timeout));
}
function clearTypingTimeout(input){
var typingTimeout=$.data(input, "typingTimeout");
if(typingTimeout) window.clearInterval(typingTimeout);
}
function getCurrentValsHash(input){//return the currently selected values as a hash
var vals=input.parent().parent().find('li');
var hash={};
for(var i=0; i')
input
.keydown(function(e){
preventTabInAutocompleteMode(e);
})
.keyup(function(e){
var k=e.which || e.keyCode;
if(!$.data(document.body, "autoboxMode") &&
(k == KEY.UP || k == KEY.DOWN)){
clearTypingTimeout(this);
startTypingTimeout(e, this, 0);
}
else{
preventTabInAutocompleteMode(e);
}
})
.keypress(function(e){
var k=e.keyCode || e.which; // keyCode == 0 in Gecko/FF on keypress
clearTypingTimeout(this);
if($.data(document.body, "suppressKey")){
$.data(document.body, "suppressKey", false);
//note that IE does not generate keypress for arrow/tab keys
if(k == KEY.TAB || k == KEY.UP || k == KEY.DOWN) return false;
}
if($.data(document.body, "autoboxMode") && k < 32 && k != KEY.BS && k != KEY.DEL) return false;
else if(k == KEY.RETURN){
if(input.val()){ addBox(input, input.val(), opt.name); }
e.preventDefault();
}
else if(k == KEY.BS || k == KEY.DEL || k > 32){ // more than ESC and RETURN and the like
startTypingTimeout(e, this, opt.timeout);
}
})
.bind("autobox", function(){
var self=$(this);
self.one("updateList", function(e, list){//clear/update/redraw list
list=$(list)
.filter(function(){ return opt.match.call(this, self.val()); })
.map(function(){
var node=$(opt.template(this))[0];
$.data(node, "originalObject", this);
return node;
});
$("body").trigger("off.autobox");
if(!list.length) return false;
var container=list.wrapAll(opt.wrapper).parents(":last").children();
// IE seems to wrap the wrapper in a random div wrapper so
// drill down to the node in opt.wrapper.
var wrapper_tagName=$(opt.wrapper)[0].tagName;
for(;container[0].tagName !== wrapper_tagName; container=container.children(':first')){}
var offset=self.offset();
opt.container=container
.css({top: offset.top + self.outerHeight(), left: offset.left, width: self.width()})
.appendTo("body");
$("body").autoboxMode(container, self, list.length, opt);
});
opt.getList(self, getCurrentValsHash(self));
});
return input;
}
function createHolder(self){
var input=createInput();
var holder=$('