// Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
// (c) 2005-2007 Ivan Krstic (http://blogs.law.harvard.edu/ivan)
// (c) 2005-2007 Jon Tirsen (http://www.tirsen.com)
// Contributors:
// Richard Livsey
// Rahul Bhargava
// Rob Wills
//
// script.aculo.us is freely distributable under the terms of an MIT-style license.
// For details, see the script.aculo.us web site: http://script.aculo.us/
// Autocompleter.Base handles all the autocompletion functionality
// that's independent of the data source for autocompletion. This
// includes drawing the autocompletion menu, observing keyboard
// and mouse events, and similar.
//
// Specific autocompleters need to provide, at the very least,
// a getUpdatedChoices function that will be invoked every time
// the text inside the monitored textbox changes. This method
// should get the text for which to provide autocompletion by
// invoking this.getToken(), NOT by directly accessing
// this.element.value. This is to allow incremental tokenized
// autocompletion. Specific auto-completion logic (AJAX, etc)
// belongs in getUpdatedChoices.
//
// Tokenized incremental autocompletion is enabled automatically
// when an autocompleter is instantiated with the 'tokens' option
// in the options parameter, e.g.:
// new Ajax.Autocompleter('id','upd', '/url/', { tokens: ',' });
// will incrementally autocomplete with a comma as the token.
// Additionally, ',' in the above example can be replaced with
// a token array, e.g. { tokens: [',', '\n'] } which
// enables autocompletion on multiple tokens. This is most
// useful when one of the tokens is \n (a newline), as it
// allows smart autocompletion after linebreaks.
if(typeof Effect == 'undefined')
throw("controls.js requires including script.aculo.us' effects.js library");
var Autocompleter = { }
Autocompleter.Base = Class.create({
baseInitialize: function(element, update, options) {
element = $(element)
this.element = element;
this.update = $(update);
this.hasFocus = false;
this.changed = false;
this.active = false;
this.index = 0;
this.entryCount = 0;
this.oldElementValue = this.element.value;
if(this.setOptions)
this.setOptions(options);
else
this.options = options || { };
this.options.paramName = this.options.paramName || this.element.name;
this.options.tokens = this.options.tokens || [];
this.options.frequency = this.options.frequency || 0.4;
this.options.minChars = this.options.minChars || 1;
this.options.onShow = this.options.onShow ||
function(element, update){
if(!update.style.position || update.style.position=='absolute') {
update.style.position = 'absolute';
Position.clone(element, update, {
setHeight: false,
offsetTop: element.offsetHeight
});
}
Effect.Appear(update,{duration:0.15});
};
this.options.onHide = this.options.onHide ||
function(element, update){ new Effect.Fade(update,{duration:0.15}) };
if(typeof(this.options.tokens) == 'string')
this.options.tokens = new Array(this.options.tokens);
// Force carriage returns as token delimiters anyway
if (!this.options.tokens.include('\n'))
this.options.tokens.push('\n');
this.observer = null;
this.element.setAttribute('autocomplete','off');
Element.hide(this.update);
Event.observe(this.element, 'blur', this.onBlur.bindAsEventListener(this));
Event.observe(this.element, 'keydown', this.onKeyPress.bindAsEventListener(this));
},
show: function() {
if(Element.getStyle(this.update, 'display')=='none') this.options.onShow(this.element, this.update);
if(!this.iefix &&
(Prototype.Browser.IE) &&
(Element.getStyle(this.update, 'position')=='absolute')) {
new Insertion.After(this.update,
'');
this.iefix = $(this.update.id+'_iefix');
}
if(this.iefix) setTimeout(this.fixIEOverlapping.bind(this), 50);
},
fixIEOverlapping: function() {
Position.clone(this.update, this.iefix, {setTop:(!this.update.style.height)});
this.iefix.style.zIndex = 1;
this.update.style.zIndex = 2;
Element.show(this.iefix);
},
hide: function() {
this.stopIndicator();
if(Element.getStyle(this.update, 'display')!='none') this.options.onHide(this.element, this.update);
if(this.iefix) Element.hide(this.iefix);
},
startIndicator: function() {
if(this.options.indicator) Element.show(this.options.indicator);
},
stopIndicator: function() {
if(this.options.indicator) Element.hide(this.options.indicator);
},
onKeyPress: function(event) {
if(this.active)
switch(event.keyCode) {
case Event.KEY_TAB:
case Event.KEY_RETURN:
this.selectEntry();
Event.stop(event);
case Event.KEY_ESC:
this.hide();
this.active = false;
Event.stop(event);
return;
case Event.KEY_LEFT:
case Event.KEY_RIGHT:
return;
case Event.KEY_UP:
this.markPrevious();
this.render();
Event.stop(event);
return;
case Event.KEY_DOWN:
this.markNext();
this.render();
Event.stop(event);
return;
}
else
if(event.keyCode==Event.KEY_TAB || event.keyCode==Event.KEY_RETURN ||
(Prototype.Browser.WebKit > 0 && event.keyCode == 0)) return;
this.changed = true;
this.hasFocus = true;
if(this.observer) clearTimeout(this.observer);
this.observer =
setTimeout(this.onObserverEvent.bind(this), this.options.frequency*1000);
},
activate: function() {
this.changed = false;
this.hasFocus = true;
this.getUpdatedChoices();
},
onHover: function(event) {
var element = Event.findElement(event, 'LI');
if(this.index != element.autocompleteIndex)
{
this.index = element.autocompleteIndex;
this.render();
}
Event.stop(event);
},
onClick: function(event) {
var element = Event.findElement(event, 'LI');
this.index = element.autocompleteIndex;
this.selectEntry();
this.hide();
},
onBlur: function(event) {
// needed to make click events working
setTimeout(this.hide.bind(this), 250);
this.hasFocus = false;
this.active = false;
},
render: function() {
if(this.entryCount > 0) {
for (var i = 0; i < this.entryCount; i++)
this.index==i ?
Element.addClassName(this.getEntry(i),"selected") :
Element.removeClassName(this.getEntry(i),"selected");
if(this.hasFocus) {
this.show();
this.active = true;
}
} else {
this.active = false;
this.hide();
}
},
markPrevious: function() {
if(this.index > 0) this.index--
else this.index = this.entryCount-1;
this.getEntry(this.index).scrollIntoView(true);
},
markNext: function() {
if(this.index < this.entryCount-1) this.index++
else this.index = 0;
this.getEntry(this.index).scrollIntoView(false);
},
getEntry: function(index) {
return this.update.firstChild.childNodes[index];
},
getCurrentEntry: function() {
return this.getEntry(this.index);
},
selectEntry: function() {
this.active = false;
this.updateElement(this.getCurrentEntry());
},
updateElement: function(selectedElement) {
if (this.options.updateElement) {
this.options.updateElement(selectedElement);
return;
}
var value = '';
if (this.options.select) {
var nodes = $(selectedElement).select('.' + this.options.select) || [];
if(nodes.length>0) value = Element.collectTextNodes(nodes[0], this.options.select);
} else
value = Element.collectTextNodesIgnoreClass(selectedElement, 'informal');
var bounds = this.getTokenBounds();
if (bounds[0] != -1) {
var newValue = this.element.value.substr(0, bounds[0]);
var whitespace = this.element.value.substr(bounds[0]).match(/^\s+/);
if (whitespace)
newValue += whitespace[0];
this.element.value = newValue + value + this.element.value.substr(bounds[1]);
} else {
this.element.value = value;
}
this.oldElementValue = this.element.value;
this.element.focus();
if (this.options.afterUpdateElement)
this.options.afterUpdateElement(this.element, selectedElement);
},
updateChoices: function(choices) {
if(!this.changed && this.hasFocus) {
this.update.innerHTML = choices;
Element.cleanWhitespace(this.update);
Element.cleanWhitespace(this.update.down());
if(this.update.firstChild && this.update.down().childNodes) {
this.entryCount =
this.update.down().childNodes.length;
for (var i = 0; i < this.entryCount; i++) {
var entry = this.getEntry(i);
entry.autocompleteIndex = i;
this.addObservers(entry);
}
} else {
this.entryCount = 0;
}
this.stopIndicator();
this.index = 0;
if(this.entryCount==1 && this.options.autoSelect) {
this.selectEntry();
this.hide();
} else {
this.render();
}
}
},
addObservers: function(element) {
Event.observe(element, "mouseover", this.onHover.bindAsEventListener(this));
Event.observe(element, "click", this.onClick.bindAsEventListener(this));
},
onObserverEvent: function() {
this.changed = false;
this.tokenBounds = null;
if(this.getToken().length>=this.options.minChars) {
this.getUpdatedChoices();
} else {
this.active = false;
this.hide();
}
this.oldElementValue = this.element.value;
},
getToken: function() {
var bounds = this.getTokenBounds();
return this.element.value.substring(bounds[0], bounds[1]).strip();
},
getTokenBounds: function() {
if (null != this.tokenBounds) return this.tokenBounds;
var value = this.element.value;
if (value.strip().empty()) return [-1, 0];
var diff = arguments.callee.getFirstDifferencePos(value, this.oldElementValue);
var offset = (diff == this.oldElementValue.length ? 1 : 0);
var prevTokenPos = -1, nextTokenPos = value.length;
var tp;
for (var index = 0, l = this.options.tokens.length; index < l; ++index) {
tp = value.lastIndexOf(this.options.tokens[index], diff + offset - 1);
if (tp > prevTokenPos) prevTokenPos = tp;
tp = value.indexOf(this.options.tokens[index], diff + offset);
if (-1 != tp && tp < nextTokenPos) nextTokenPos = tp;
}
return (this.tokenBounds = [prevTokenPos + 1, nextTokenPos]);
}
});
Autocompleter.Base.prototype.getTokenBounds.getFirstDifferencePos = function(newS, oldS) {
var boundary = Math.min(newS.length, oldS.length);
for (var index = 0; index < boundary; ++index)
if (newS[index] != oldS[index])
return index;
return boundary;
};
Ajax.Autocompleter = Class.create(Autocompleter.Base, {
initialize: function(element, update, url, options) {
this.baseInitialize(element, update, options);
this.options.asynchronous = true;
this.options.onComplete = this.onComplete.bind(this);
this.options.defaultParams = this.options.parameters || null;
this.url = url;
},
getUpdatedChoices: function() {
this.startIndicator();
var entry = encodeURIComponent(this.options.paramName) + '=' +
encodeURIComponent(this.getToken());
this.options.parameters = this.options.callback ?
this.options.callback(this.element, entry) : entry;
if(this.options.defaultParams)
this.options.parameters += '&' + this.options.defaultParams;
new Ajax.Request(this.url, this.options);
},
onComplete: function(request) {
this.updateChoices(request.responseText);
}
});
// The local array autocompleter. Used when you'd prefer to
// inject an array of autocompletion options into the page, rather
// than sending out Ajax queries, which can be quite slow sometimes.
//
// The constructor takes four parameters. The first two are, as usual,
// the id of the monitored textbox, and id of the autocompletion menu.
// The third is the array you want to autocomplete from, and the fourth
// is the options block.
//
// Extra local autocompletion options:
// - choices - How many autocompletion choices to offer
//
// - partialSearch - If false, the autocompleter will match entered
// text only at the beginning of strings in the
// autocomplete array. Defaults to true, which will
// match text at the beginning of any *word* in the
// strings in the autocomplete array. If you want to
// search anywhere in the string, additionally set
// the option fullSearch to true (default: off).
//
// - fullSsearch - Search anywhere in autocomplete array strings.
//
// - partialChars - How many characters to enter before triggering
// a partial match (unlike minChars, which defines
// how many characters are required to do any match
// at all). Defaults to 2.
//
// - ignoreCase - Whether to ignore case when autocompleting.
// Defaults to true.
//
// It's possible to pass in a custom function as the 'selector'
// option, if you prefer to write your own autocompletion logic.
// In that case, the other options above will not apply unless
// you support them.
Autocompleter.Local = Class.create(Autocompleter.Base, {
initialize: function(element, update, array, options) {
this.baseInitialize(element, update, options);
this.options.array = array;
},
getUpdatedChoices: function() {
this.updateChoices(this.options.selector(this));
},
setOptions: function(options) {
this.options = Object.extend({
choices: 10,
partialSearch: true,
partialChars: 2,
ignoreCase: true,
fullSearch: false,
selector: function(instance) {
var ret = []; // Beginning matches
var partial = []; // Inside matches
var entry = instance.getToken();
var count = 0;
for (var i = 0; i < instance.options.array.length &&
ret.length < instance.options.choices ; i++) {
var elem = instance.options.array[i];
var foundPos = instance.options.ignoreCase ?
elem.toLowerCase().indexOf(entry.toLowerCase()) :
elem.indexOf(entry);
while (foundPos != -1) {
if (foundPos == 0 && elem.length != entry.length) {
ret.push("" + elem.substr(0, entry.length) + " " +
elem.substr(entry.length) + "" + elem.substr(0, foundPos) + "" +
elem.substr(foundPos, entry.length) + " " + elem.substr(
foundPos + entry.length) + " ");
break;
}
}
foundPos = instance.options.ignoreCase ?
elem.toLowerCase().indexOf(entry.toLowerCase(), foundPos + 1) :
elem.indexOf(entry, foundPos + 1);
}
}
if (partial.length)
ret = ret.concat(partial.slice(0, instance.options.choices - ret.length))
return "";
}
}, options || { });
}
});
// AJAX in-place editor and collection editor
// Full rewrite by Christophe Porteneuve (April 2007).
// Use this if you notice weird scrolling problems on some browsers,
// the DOM might be a bit confused when this gets called so do this
// waits 1 ms (with setTimeout) until it does the activation
Field.scrollFreeActivate = function(field) {
setTimeout(function() {
Field.activate(field);
}, 1);
}
Ajax.InPlaceEditor = Class.create({
initialize: function(element, url, options) {
this.url = url;
this.element = element = $(element);
this.prepareOptions();
this._controls = { };
arguments.callee.dealWithDeprecatedOptions(options); // DEPRECATION LAYER!!!
Object.extend(this.options, options || { });
if (!this.options.formId && this.element.id) {
this.options.formId = this.element.id + '-inplaceeditor';
if ($(this.options.formId))
this.options.formId = '';
}
if (this.options.externalControl)
this.options.externalControl = $(this.options.externalControl);
if (!this.options.externalControl)
this.options.externalControlOnly = false;
this._originalBackground = this.element.getStyle('background-color') || 'transparent';
this.element.title = this.options.clickToEditText;
this._boundCancelHandler = this.handleFormCancellation.bind(this);
this._boundComplete = (this.options.onComplete || Prototype.emptyFunction).bind(this);
this._boundFailureHandler = this.handleAJAXFailure.bind(this);
this._boundSubmitHandler = this.handleFormSubmission.bind(this);
this._boundWrapperHandler = this.wrapUp.bind(this);
this.registerListeners();
},
checkForEscapeOrReturn: function(e) {
if (!this._editing || e.ctrlKey || e.altKey || e.shiftKey) return;
if (Event.KEY_ESC == e.keyCode)
this.handleFormCancellation(e);
else if (Event.KEY_RETURN == e.keyCode)
this.handleFormSubmission(e);
},
createControl: function(mode, handler, extraClasses) {
var control = this.options[mode + 'Control'];
var text = this.options[mode + 'Text'];
if ('button' == control) {
var btn = document.createElement('input');
btn.type = 'submit';
btn.value = text;
btn.className = 'editor_' + mode + '_button';
if ('cancel' == mode)
btn.onclick = this._boundCancelHandler;
this._form.appendChild(btn);
this._controls[mode] = btn;
} else if ('link' == control) {
var link = document.createElement('a');
link.href = '#';
link.appendChild(document.createTextNode(text));
link.onclick = 'cancel' == mode ? this._boundCancelHandler : this._boundSubmitHandler;
link.className = 'editor_' + mode + '_link';
if (extraClasses)
link.className += ' ' + extraClasses;
this._form.appendChild(link);
this._controls[mode] = link;
}
},
createEditField: function() {
var text = (this.options.loadTextURL ? this.options.loadingText : this.getText());
var fld;
if (1 >= this.options.rows && !/\r|\n/.test(this.getText())) {
fld = document.createElement('input');
fld.type = 'text';
var size = this.options.size || this.options.cols || 0;
if (0 < size) fld.size = size;
} else {
fld = document.createElement('textarea');
fld.rows = (1 >= this.options.rows ? this.options.autoRows : this.options.rows);
fld.cols = this.options.cols || 40;
}
fld.name = this.options.paramName;
fld.value = text; // No HTML breaks conversion anymore
fld.className = 'editor_field';
if (this.options.submitOnBlur)
fld.onblur = this._boundSubmitHandler;
this._controls.editor = fld;
if (this.options.loadTextURL)
this.loadExternalText();
this._form.appendChild(this._controls.editor);
},
createForm: function() {
var ipe = this;
function addText(mode, condition) {
var text = ipe.options['text' + mode + 'Controls'];
if (!text || condition === false) return;
ipe._form.appendChild(document.createTextNode(text));
};
this._form = $(document.createElement('form'));
this._form.id = this.options.formId;
this._form.addClassName(this.options.formClassName);
this._form.onsubmit = this._boundSubmitHandler;
this.createEditField();
if ('textarea' == this._controls.editor.tagName.toLowerCase())
this._form.appendChild(document.createElement('br'));
if (this.options.onFormCustomization)
this.options.onFormCustomization(this, this._form);
addText('Before', this.options.okControl || this.options.cancelControl);
this.createControl('ok', this._boundSubmitHandler);
addText('Between', this.options.okControl && this.options.cancelControl);
this.createControl('cancel', this._boundCancelHandler, 'editor_cancel');
addText('After', this.options.okControl || this.options.cancelControl);
},
destroy: function() {
if (this._oldInnerHTML)
this.element.innerHTML = this._oldInnerHTML;
this.leaveEditMode();
this.unregisterListeners();
},
enterEditMode: function(e) {
if (this._saving || this._editing) return;
this._editing = true;
this.triggerCallback('onEnterEditMode');
if (this.options.externalControl)
this.options.externalControl.hide();
this.element.hide();
this.createForm();
this.element.parentNode.insertBefore(this._form, this.element);
if (!this.options.loadTextURL)
this.postProcessEditField();
if (e) Event.stop(e);
},
enterHover: function(e) {
if (this.options.hoverClassName)
this.element.addClassName(this.options.hoverClassName);
if (this._saving) return;
this.triggerCallback('onEnterHover');
},
getText: function() {
return this.element.innerHTML;
},
handleAJAXFailure: function(transport) {
this.triggerCallback('onFailure', transport);
if (this._oldInnerHTML) {
this.element.innerHTML = this._oldInnerHTML;
this._oldInnerHTML = null;
}
},
handleFormCancellation: function(e) {
this.wrapUp();
if (e) Event.stop(e);
},
handleFormSubmission: function(e) {
var form = this._form;
var value = $F(this._controls.editor);
this.prepareSubmission();
var params = this.options.callback(form, value) || '';
if (Object.isString(params))
params = params.toQueryParams();
params.editorId = this.element.id;
if (this.options.htmlResponse) {
var options = Object.extend({ evalScripts: true }, this.options.ajaxOptions);
Object.extend(options, {
parameters: params,
onComplete: this._boundWrapperHandler,
onFailure: this._boundFailureHandler
});
new Ajax.Updater({ success: this.element }, this.url, options);
} else {
var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
Object.extend(options, {
parameters: params,
onComplete: this._boundWrapperHandler,
onFailure: this._boundFailureHandler
});
new Ajax.Request(this.url, options);
}
if (e) Event.stop(e);
},
leaveEditMode: function() {
this.element.removeClassName(this.options.savingClassName);
this.removeForm();
this.leaveHover();
this.element.style.backgroundColor = this._originalBackground;
this.element.show();
if (this.options.externalControl)
this.options.externalControl.show();
this._saving = false;
this._editing = false;
this._oldInnerHTML = null;
this.triggerCallback('onLeaveEditMode');
},
leaveHover: function(e) {
if (this.options.hoverClassName)
this.element.removeClassName(this.options.hoverClassName);
if (this._saving) return;
this.triggerCallback('onLeaveHover');
},
loadExternalText: function() {
this._form.addClassName(this.options.loadingClassName);
this._controls.editor.disabled = true;
var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
Object.extend(options, {
parameters: 'editorId=' + encodeURIComponent(this.element.id),
onComplete: Prototype.emptyFunction,
onSuccess: function(transport) {
this._form.removeClassName(this.options.loadingClassName);
var text = transport.responseText;
if (this.options.stripLoadedTextTags)
text = text.stripTags();
this._controls.editor.value = text;
this._controls.editor.disabled = false;
this.postProcessEditField();
}.bind(this),
onFailure: this._boundFailureHandler
});
new Ajax.Request(this.options.loadTextURL, options);
},
postProcessEditField: function() {
var fpc = this.options.fieldPostCreation;
if (fpc)
$(this._controls.editor)['focus' == fpc ? 'focus' : 'activate']();
},
prepareOptions: function() {
this.options = Object.clone(Ajax.InPlaceEditor.DefaultOptions);
Object.extend(this.options, Ajax.InPlaceEditor.DefaultCallbacks);
[this._extraDefaultOptions].flatten().compact().each(function(defs) {
Object.extend(this.options, defs);
}.bind(this));
},
prepareSubmission: function() {
this._saving = true;
this.removeForm();
this.leaveHover();
this.showSaving();
},
registerListeners: function() {
this._listeners = { };
var listener;
$H(Ajax.InPlaceEditor.Listeners).each(function(pair) {
listener = this[pair.value].bind(this);
this._listeners[pair.key] = listener;
if (!this.options.externalControlOnly)
this.element.observe(pair.key, listener);
if (this.options.externalControl)
this.options.externalControl.observe(pair.key, listener);
}.bind(this));
},
removeForm: function() {
if (!this._form) return;
this._form.remove();
this._form = null;
this._controls = { };
},
showSaving: function() {
this._oldInnerHTML = this.element.innerHTML;
this.element.innerHTML = this.options.savingText;
this.element.addClassName(this.options.savingClassName);
this.element.style.backgroundColor = this._originalBackground;
this.element.show();
},
triggerCallback: function(cbName, arg) {
if ('function' == typeof this.options[cbName]) {
this.options[cbName](this, arg);
}
},
unregisterListeners: function() {
$H(this._listeners).each(function(pair) {
if (!this.options.externalControlOnly)
this.element.stopObserving(pair.key, pair.value);
if (this.options.externalControl)
this.options.externalControl.stopObserving(pair.key, pair.value);
}.bind(this));
},
wrapUp: function(transport) {
this.leaveEditMode();
// Can't use triggerCallback due to backward compatibility: requires
// binding + direct element
this._boundComplete(transport, this.element);
}
});
Object.extend(Ajax.InPlaceEditor.prototype, {
dispose: Ajax.InPlaceEditor.prototype.destroy
});
Ajax.InPlaceCollectionEditor = Class.create(Ajax.InPlaceEditor, {
initialize: function($super, element, url, options) {
this._extraDefaultOptions = Ajax.InPlaceCollectionEditor.DefaultOptions;
$super(element, url, options);
},
createEditField: function() {
var list = document.createElement('select');
list.name = this.options.paramName;
list.size = 1;
this._controls.editor = list;
this._collection = this.options.collection || [];
if (this.options.loadCollectionURL)
this.loadCollection();
else
this.checkForExternalText();
this._form.appendChild(this._controls.editor);
},
loadCollection: function() {
this._form.addClassName(this.options.loadingClassName);
this.showLoadingText(this.options.loadingCollectionText);
var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
Object.extend(options, {
parameters: 'editorId=' + encodeURIComponent(this.element.id),
onComplete: Prototype.emptyFunction,
onSuccess: function(transport) {
var js = transport.responseText.strip();
if (!/^\[.*\]$/.test(js)) // TODO: improve sanity check
throw 'Server returned an invalid collection representation.';
this._collection = eval(js);
this.checkForExternalText();
}.bind(this),
onFailure: this.onFailure
});
new Ajax.Request(this.options.loadCollectionURL, options);
},
showLoadingText: function(text) {
this._controls.editor.disabled = true;
var tempOption = this._controls.editor.firstChild;
if (!tempOption) {
tempOption = document.createElement('option');
tempOption.value = '';
this._controls.editor.appendChild(tempOption);
tempOption.selected = true;
}
tempOption.update((text || '').stripScripts().stripTags());
},
checkForExternalText: function() {
this._text = this.getText();
if (this.options.loadTextURL)
this.loadExternalText();
else
this.buildOptionList();
},
loadExternalText: function() {
this.showLoadingText(this.options.loadingText);
var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
Object.extend(options, {
parameters: 'editorId=' + encodeURIComponent(this.element.id),
onComplete: Prototype.emptyFunction,
onSuccess: function(transport) {
this._text = transport.responseText.strip();
this.buildOptionList();
}.bind(this),
onFailure: this.onFailure
});
new Ajax.Request(this.options.loadTextURL, options);
},
buildOptionList: function() {
this._form.removeClassName(this.options.loadingClassName);
this._collection = this._collection.map(function(entry) {
return 2 === entry.length ? entry : [entry, entry].flatten();
});
var marker = ('value' in this.options) ? this.options.value : this._text;
var textFound = this._collection.any(function(entry) {
return entry[0] == marker;
}.bind(this));
this._controls.editor.update('');
var option;
this._collection.each(function(entry, index) {
option = document.createElement('option');
option.value = entry[0];
option.selected = textFound ? entry[0] == marker : 0 == index;
option.appendChild(document.createTextNode(entry[1]));
this._controls.editor.appendChild(option);
}.bind(this));
this._controls.editor.disabled = false;
Field.scrollFreeActivate(this._controls.editor);
}
});
//**** DEPRECATION LAYER FOR InPlace[Collection]Editor! ****
//**** This only exists for a while, in order to let ****
//**** users adapt to the new API. Read up on the new ****
//**** API and convert your code to it ASAP! ****
Ajax.InPlaceEditor.prototype.initialize.dealWithDeprecatedOptions = function(options) {
if (!options) return;
function fallback(name, expr) {
if (name in options || expr === undefined) return;
options[name] = expr;
};
fallback('cancelControl', (options.cancelLink ? 'link' : (options.cancelButton ? 'button' :
options.cancelLink == options.cancelButton == false ? false : undefined)));
fallback('okControl', (options.okLink ? 'link' : (options.okButton ? 'button' :
options.okLink == options.okButton == false ? false : undefined)));
fallback('highlightColor', options.highlightcolor);
fallback('highlightEndColor', options.highlightendcolor);
};
Object.extend(Ajax.InPlaceEditor, {
DefaultOptions: {
ajaxOptions: { },
autoRows: 3, // Use when multi-line w/ rows == 1
cancelControl: 'link', // 'link'|'button'|false
cancelText: 'cancel',
clickToEditText: 'Click to edit',
externalControl: null, // id|elt
externalControlOnly: false,
fieldPostCreation: 'activate', // 'activate'|'focus'|false
formClassName: 'inplaceeditor-form',
formId: null, // id|elt
highlightColor: '#ffff99',
highlightEndColor: '#ffffff',
hoverClassName: '',
htmlResponse: true,
loadingClassName: 'inplaceeditor-loading',
loadingText: 'Loading...',
okControl: 'button', // 'link'|'button'|false
okText: 'ok',
paramName: 'value',
rows: 1, // If 1 and multi-line, uses autoRows
savingClassName: 'inplaceeditor-saving',
savingText: 'Saving...',
size: 0,
stripLoadedTextTags: false,
submitOnBlur: false,
textAfterControls: '',
textBeforeControls: '',
textBetweenControls: ''
},
DefaultCallbacks: {
callback: function(form) {
return Form.serialize(form);
},
onComplete: function(transport, element) {
// For backward compatibility, this one is bound to the IPE, and passes
// the element directly. It was too often customized, so we don't break it.
new Effect.Highlight(element, {
startcolor: this.options.highlightColor, keepBackgroundImage: true });
},
onEnterEditMode: null,
onEnterHover: function(ipe) {
ipe.element.style.backgroundColor = ipe.options.highlightColor;
if (ipe._effect)
ipe._effect.cancel();
},
onFailure: function(transport, ipe) {
alert('Error communication with the server: ' + transport.responseText.stripTags());
},
onFormCustomization: null, // Takes the IPE and its generated form, after editor, before controls.
onLeaveEditMode: null,
onLeaveHover: function(ipe) {
ipe._effect = new Effect.Highlight(ipe.element, {
startcolor: ipe.options.highlightColor, endcolor: ipe.options.highlightEndColor,
restorecolor: ipe._originalBackground, keepBackgroundImage: true
});
}
},
Listeners: {
click: 'enterEditMode',
keydown: 'checkForEscapeOrReturn',
mouseover: 'enterHover',
mouseout: 'leaveHover'
}
});
Ajax.InPlaceCollectionEditor.DefaultOptions = {
loadingCollectionText: 'Loading options...'
};
// Delayed observer, like Form.Element.Observer,
// but waits for delay after last key input
// Ideal for live-search fields
Form.Element.DelayedObserver = Class.create({
initialize: function(element, delay, callback) {
this.delay = delay || 0.5;
this.element = $(element);
this.callback = callback;
this.timer = null;
this.lastValue = $F(this.element);
Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this));
},
delayedListener: function(event) {
if(this.lastValue == $F(this.element)) return;
if(this.timer) clearTimeout(this.timer);
this.timer = setTimeout(this.onTimerEvent.bind(this), this.delay * 1000);
this.lastValue = $F(this.element);
},
onTimerEvent: function() {
this.timer = null;
this.callback(this.element, $F(this.element));
}
});
function logger(message) {
if (typeof(console) != 'undefined')
console.log(message);
}
function leadzero(number) {
if ((number + "").length == 1)
return "0" + number;
else
return number;
}
function validatePresence(form, fields, confirmation) {
var error = 0;
fields.each(function(field) {
if ($F(field).blank()) {
error += 1;
$(field).addClassName('field_with_errors');
}
else {
$(field).removeClassName('field_with_errors');
}
});
if (error == 0) {
if (confirmation) {
if (!confirm(confirmation)) {
return false;
}
}
$(form).submit();
}
}
/*
Carousel = Class.create({
initialize: function(element, frequency, cClass) {
this.cClass = cClass || 'carousel';
this.container = $(element);
this.element1 = this.container.down('.' + this.cClass);
this.width = this.element1.getDimensions()['width'];
this.createTrack();
this.startAnimation(frequency);
this.active = true;
this.addEvents();
},
createTrack: function() {
//this.element1.id = "carousel1";
this.element2 = this.element1.cloneNode(true);
//this.element2.id = "carousel2";
this.element2.setStyle({ left: '658px' });
this.element1.up('div').appendChild(this.element2);
},
addEvents: function() {
[this.element1, this.element2].each(function(element) {
element.observe('mouseover', function() { this.active = false }.bind(this));
element.observe('mouseout', function() { this.active = true }.bind(this));
}.bind(this));
},
startAnimation: function(frequency) {
var self = this;
window.setInterval(function() { this.animate() }.bind(this), frequency);
},
animate: function() {
this.move(this.element1);
this.move(this.element2);
},
move: function(element) {
if (parseInt(element.getStyle('left')) < -this.width)
element.setStyle({ left: this.width + 'px' });
else
if (this.active) element.setStyle({ left: (parseInt(element.getStyle('left')) - 1 + 'px') });
}
});*/
Autocompleter.LocalComplex = Class.create(Autocompleter.Base, {
initialize: function(element, update, array, options) {
this.baseInitialize(element, update, options);
this.options.array = array;
//this.hiddenField = options.hiddenField;
},
getUpdatedChoices: function() {
this.updateChoices(this.options.selector(this));
},
setOptions: function(options) {
this.options = Object.extend({
choices: 10,
partialSearch: true,
partialChars: 2,
ignoreCase: true,
fullSearch: false,
selector: function(instance) {
var ret = []; // Beginning matches
var partial = []; // Inside matches
var entry = instance.getToken();
var count = 0;
for (var i = 0; i < instance.options.array.length &&
ret.length < instance.options.choices ; i++) {
var elem = instance.options.array[i];
var foundPos = instance.options.ignoreCase ?
elem.name.toLowerCase().indexOf(entry.toLowerCase()) :
elem.name.indexOf(entry);
while (foundPos != -1) {
if (foundPos == 0 && elem.length != entry.length) {
ret.push("" + elem.name.substr(0, entry.length) + " " +
elem.name.substr(entry.length) + "" + elem.name.substr(0, foundPos) + "" +
elem.name.substr(foundPos, entry.length) + " " + elem.name.substr(
foundPos + entry.length) + " ");
break;
}
}
foundPos = instance.options.ignoreCase ?
elem.name.toLowerCase().indexOf(entry.toLowerCase(), foundPos + 1) :
elem.name.indexOf(entry, foundPos + 1);
}
}
if (partial.length)
ret = ret.concat(partial.slice(0, instance.options.choices - ret.length))
return "";
}
}, options || { });
},
updateElement: function(selectedElement) {
this.element.value = $(selectedElement).id.split("_")[1];
if (this.options.updateElement) {
this.options.updateElement(selectedElement);
return;
}
var value = '';
if (this.options.select) {
var nodes = $(selectedElement).select('.' + this.options.select) || [];
if(nodes.length>0) value = Element.collectTextNodes(nodes[0], this.options.select);
} else
value = Element.collectTextNodesIgnoreClass(selectedElement, 'informal');
var bounds = this.getTokenBounds();
if (bounds[0] != -1) {
var newValue = this.element.value.substr(0, bounds[0]);
var whitespace = this.element.value.substr(bounds[0]).match(/^\s+/);
if (whitespace)
newValue += whitespace[0];
this.element.value = newValue + value + this.element.value.substr(bounds[1]);
} else {
this.element.value = value;
}
this.oldElementValue = this.element.value;
this.element.focus();
if (this.options.afterUpdateElement)
this.options.afterUpdateElement(this.element, selectedElement);
}
});
function expand(element) {
var element = $(element);
if (!element.hasClassName('expand'))
element = element.previous('a');
var content = element.next('div');
if (!content.visible())
element.setStyle({ backgroundPosition: '-18px 0' });
else
element.setStyle({ backgroundPosition: '0 0' });
content.toggle();
}
var mStatus;
function openItemInfo(element) {
mStatus = true;
var element = $(element);
if (element.down('div') && $('item_info')) {
$('item_info').innerHTML = element.down('div').innerHTML;
var pos = element.cumulativeOffset();
var x = (Prototype.Browser.Gecko) ? pos.first() - 310 : pos.first() - 300;
$('item_info').setStyle({ top: (pos.last() + 20) + "px", left: x + "px" }).show();
}
}
function outOfInfoWindow(event) {
mStatus = false;
closeItemInfo(event);
}
function closeItemInfo(event) {
var element = event.target || event.srcElement;
if (mStatus === false && $A(['medium', 'i_info']).include(element.className))
$('item_info').hide();
$$('.delete_icon').invoke('hide');
}
StyleTabs = Class.create({
initialize: function(element) {
this.element = $(element); // the list
this.addEvents();
this.addShadows();
},
addEvents: function() {
this.element.observe('click', this.onclick.bind(this));
},
onclick: function(event) {
var element = event.element();
element.addClassName('currentTab');
},
addShadows: function() {
if (/MSIE (5\.5|6\.)/.test(navigator.userAgent)) return false;
var arr = this.element.immediateDescendants();
for (var i=1; i < arr.length; i++) {
arr[i].insert({ top: new Element('b', { className: 'shadow' }) });
if (arr[i].hasClassName('active'))
arr[i].insert({ top: new Element('b', { className: 'shadow_left' }) });
};
}
});
/*
Slider = Class.create({
initialize: function(element, elementWidth, options) {
this.element = $(element);
this.bars = this.element.down('.bars');
this.bar1 = this.element.down('.c_bar');
//if (typeof(this.bar1 == 'undefined')) return false;
this.elementWidth = elementWidth;
this.elementCount = this.bar1.immediateDescendants().length;
this.setOptions(options);
if (options && options['field']) {
this.serialize();
}
this.addEvents();
this.cloneBar();
},
addEvents: function() {
this.element.down('.arrow_left').observe('click', this.moveLeft.bind(this));
this.element.down('.arrow_right').observe('click', this.moveRight.bind(this));
this.element.observe('click', this.activateRow.bind(this));
},
cloneBar: function() {
this.bar1.setStyle({ width: this.bar1.immediateDescendants().length * this.elementWidth + "px" });
this.bar2 = this.bars.appendChild(this.bar1.cloneNode(true));
var barID = id.next();
this.bar1.id = "bar1_" + barID;
this.barWidth = this.bar1.getDimensions()['width'];
this.bar2.setStyle({ left: this.barWidth + "px" }).id = "bar2_" + barID;
},
setOptions: function(options) {
this.options = {
itemsToScroll: 1
};
Object.extend(this.options, options || {});
},
moveLeft: function() {
this.moveBy(this.options.itemsToScroll * this.elementWidth);
},
moveRight: function() {
this.moveBy(this.options.itemsToScroll * -this.elementWidth);
},
moveBy: function(number) {
this.activateRow();
if (this.moving == true) {
logger('still moving');
return false;
}
else {
this.moving = true
this.adjustBars(number);
if ($('styling_selector'))
$('styling_selector').setStyle({ zIndex: 4 });
new Effect.Parallel([
new Effect.Move(this.bar1, { x: number, y: 0 }),
new Effect.Move(this.bar2, { x: number, y: 0 })
], { duration: (this.options.itemsToScroll * 0.3), transition: Effect.Transitions.sinoidal });
setTimeout(function() {
this.moving = false;
if (this.options['field']) this.serialize();
if ($('styling_selector'))
$('styling_selector').setStyle({ zIndex: 1 });
}.bind(this), this.options.itemsToScroll * 300);
}
},
serialize: function() {
var bar = this.determineBarOfCenterElement();
var element = this.determineCenterElement(bar);
if (element)
$(this.options['field']).value = element.down('.item_id').innerHTML;
},
determineBarOfCenterElement: function() {
var multipliers = this.elementCount < 4 ? [1, 2] : [2, 3];
var barOffset = parseInt(this.bar1.getStyle('left'));
if (barOffset > (this.elementWidth * multipliers[0]) || (barOffset + this.barWidth) < (this.elementWidth * multipliers[1])) {
logger('bar2');
return this.bar2;
}
else {
logger('bar1');
return this.bar1;
}
},
determineCenterElement: function(bar) {
var centerElementOffset = this.elementCount < 4 ? 1 : 2;
var index = -(parseInt(bar.getStyle('left')) / this.elementWidth) + centerElementOffset;
return bar.immediateDescendants()[index];
},
adjustBars: function(number) {
if (number > 0) {
if (parseInt(this.bar1.getStyle('left')) == 0)
this.bar2.setStyle({ 'left': -this.barWidth + "px" });
if (parseInt(this.bar2.getStyle('left')) == 0)
this.bar1.setStyle({ 'left': -this.barWidth + "px" });
}
else {
if (parseInt(this.bar1.getStyle('left')) == 0)
this.bar2.setStyle({ 'left': this.barWidth + "px" });
if (parseInt(this.bar2.getStyle('left')) == 0)
this.bar1.setStyle({ 'left': this.barWidth + "px" });
}
},
activateRow: function() {
$$('.w_row').invoke("removeClassName", "active");
this.element.addClassName('active');
}
});*/
function insertUploader(uploadUrl, jsRedirect, update_prefs) {
var applet = "";
$('java_upload').insert({ bottom: applet });
$('java_upload_link').hide();
$('adv_upload_help').show();
$("simple_upload_link").show();
if ($('browser_upload'))
$('browser_upload').hide();
if (update_prefs)
new Ajax.Request('/upload_preferences/advanced', { method: 'get' });
}
function simpleUpload() {
$("simple_upload_link").hide();
$('adv_upload_help').hide();
$("applet_upload").remove();
$('java_upload_link').show();
$('browser_upload').show();
new Ajax.Request('/upload_preferences/simple', { method: 'get' });
}
function openMessenger() {
window.open("/chat", "Chat", "width=409,height=500,status=no,toolbar=no,resizable=yes,menubar=no,location=no,scrollbars=0"); //
}
function openChat(login) {
window.open("/html_chat", "Chat", "width=500,height=500,status=no,toolbar=no,resizable=yes,menubar=no,location=no,scrollbars=0"); //
if(login)
new Ajax.Request("/html_chat", { postBody: $H({ what: 'request', to: login }).toQueryString() });
}
function activateButton(element, direction) { $(element).addClassName('a_active_' + direction); }
function deactivateButton(element, direction) { $(element).removeClassName('a_active_' + direction); }
var bar;
function initBottomBar(options) {
bar = new BottomBar(options);
}
function ping() {
new Ajax.Request('/ping', { method: 'get' });
}
function pingEvents(resp) {
return false;
responses = resp.transport.responseText.evalJSON();
$("notices").hide();
$("notices").innerHTML = "";
responses.each(function(response) {
if(response['type'] == 'request') {
chatNotice(response);
}
if(response['type'] == 'chat_window') {
chatWin = response['chatwin'];
responses = responses.without(response);
}
});
if (!$("notices").empty())
$("notices").show();
}
function chatNotice(response) {
var notice = new Element('div').update("Chat mit " + response['from'] + " : chatten | ablehnen ");
$("notices").insert(notice);
}
var poll;
function initSB() {
hideFlash();
poll = new PeriodicalExecuter(ping, 180);
setTimeout(ping, 2000);
}
function hideFlash() {
var flash = $('flash');
if (flash.visible()) {
new Effect.Highlight(flash, { endcolor: '#E6E6E6' });
new Effect.Fade(flash, { duration: 1, delay: 1.5 });
}
}
function flash(message) {
var flash = $('flash');
flash.update(message);
new Effect.Appear(flash, { duration: 0.5, afterFinish: hideFlash });
}
function noticeClick(event) {
var element = event.element();
if(element.tagName.toLowerCase() == 'span') {
if(element.innerHTML == 'chatten') {
var verb = 'request';
if (chatWin == 'closed') openChat();
}
else if (element.innerHTML == 'ablehnen')
var verb = 'reject';
new Ajax.Request('/html_chat', { postBody: $H({ what: verb, to: element.up('div').down('strong').innerHTML }).toQueryString() });
var fade = ($("notices").immediateDescendants().length > 1) ? element.up("div") : $("notices");
fade.visualEffect("fade", { duration: 0.3 });
}
}
function galleryUpload() {
var urlMatch = window.location.href.match(/album_id=(\d+)/);
if (urlMatch && urlMatch.last())
window.location.href = "/fotos/new?album_id=" + urlMatch.last();
else
window.location.href = "/fotos/new";
}
function add_upload_slot() {
var upload_id = Math.ceil(Math.random() * 1000) + "_uploaded_data";
Element.insert('slot_0', { after: "
" });
}
var BottomBar = Class.create({
initialize: function(options) {
this.url = "/html_chat";
this.userName = options['userName'];
this.startPoll();
this.addEvents();
this.fastPoll = false;
},
startPoll: function() {
if (poll)
poll.stop();
poll = new PeriodicalExecuter(this.ping.bind(this), 10);
this.friendPoll = new PeriodicalExecuter(this.getFriends.bind(this), 30);
this.ping('history');
},
speedUp: function() {
if (poll)
poll.stop();
if (!this.fastPoll)
this.fastPoll = new PeriodicalExecuter(this.ping.bind(this), 4);
},
ping: function(type) {
var call = (typeof(type) == 'string') ? type : 'poll';
new Ajax.Request(this.url, { parameters: $H({ what: call }).toQueryString(), method: 'get', onSuccess: this.handlePings.bind(this) });
},
getFriends: function() {
new Ajax.Request(this.url, { parameters: $H({ what: 'friends' }).toQueryString(), method: 'get', onSuccess: function(resp) {
var responses = resp.transport.responseText.evalJSON();
//logger(Object.toJSON(responses[0]));
$$(".chat_friend").invoke("remove");
responses[0].each(function(friend) {
var login = friend['bee']['login'];
var bee_image = responses[1].select(function(i) { return i['bee_id'] == friend['bee']['id']});
bee_image = (bee_image.any()) ? bee_image[0]['src'] : '/images/avatar_small.jpg';
var html = new Element('div', { id: "friend___" + login, className: 'chat_friend' });
html.appendChild(new Element('span', { className: 'bottom_icon status_online' }));
html.appendChild(new Element('img', { src: bee_image, className: 'small' }));
html.appendChild(new Element('span').update(login));
html.appendChild(new Element('div', { style: 'clear: both;' }));
$("chat_friend_footer").insert({ before: html });
});
$$(".bees_online, #chat_friend_footer").invoke("update", "Bees Online (" + responses[0].length + ")");
} });
},
addEvents: function() {
$("bottom_bar_right").observe("click", this.handleClick.bind(this));
},
handlePings: function(resp) {
var self = this;
responses = resp.transport.responseText.evalJSON();
responses.each(function(response) {
if (response['type'] == 'message') {
self.postMessage(response);
if (!response['old']) self.speedUp();
}
});
var d = responses.select(function(response) { return response['type'] == 'current_channel' });
if (d.any())
self.switchChannel(d[0]['user'], true);
else {
if (!$$('.current_channel').any()) {
var r = responses.select(function(response) { return response['type'] == 'message' });
if (r.any())
self.switchChannel(r.last()['from'], true);
}
}
},
handleClick: function(event) {
var element = event.element();
if (element.hasClassName('chat_login'))
this.switchChannel(element.up('.chat_channel').down('span a').innerHTML);
else if (element.hasClassName('min_friends'))
this.toggleFriends();
else if (element.hasClassName('minimize'))
this.switchChannel(element.up('div').down('span a').innerHTML);
else if (element.hasClassName('close'))
this.removeChannel(element.up('.chat_channel').down('.chat_channel_header span a').innerHTML);
else if (element.className.match(/bees_online|chat_friends|chat_friend_footer/))
this.toggleFriends();
else if (element.hasClassName('chat_friend') || (element = element.up('.chat_friend')))
this.addChannel(element.id.split("___")[1]);
else
return false;
event.stop();
},
toggleFriends: function() {
$('friends_online').toggle();
if ($('chat_icon_friends').hasClassName('chat_friends'))
$('chat_icon_friends').removeClassName('chat_friends').addClassName('chat_friends_active')
else
$('chat_icon_friends').removeClassName('chat_friends_active').addClassName('chat_friends')
},
addChannel: function(user, noSwitch) {
var self = this;
if ($("friends_online").visible())
this.toggleFriends();
if ($('chat_' + user)) {
if (!noSwitch)
this.switchChannel(user, true);
return false;
}
if (!$$('.chat_channel').any())
$("bottom_bar_right").insert({ bottom: (new Element('div', { id: "chat_gap" })) });
var channelName = (user.length > 11) ? user.substr(0, 11) + "…" : user;
var channel = new Element('div', { id: 'chat_' + user, className: 'chat_channel' });
var form = new Element('form', { onsubmit: 'return false' });
var form_container = new Element('div', { className: 'chat_form', style: 'display: none;' });
form.appendChild(new Element('input', { className: 'chat_input', type: 'text' }));
form.appendChild(new Element('span', { className: 'bottom_icon bubble' }));
form_container.appendChild(form);
if ($("friend___" + user))
var user_img = $("friend___" + user).down('img').cloneNode(false);
else
var user_img = new Element('img', { src: '/images/avatar_small.jpg', className: 'avatar_missing' });
var header = new Element('div', { className: 'chat_channel_header', style: 'display: none;' });
var user_img_link = new Element('a', { href: '/bees/' + user });
user_img_link.appendChild(user_img);
header.appendChild(user_img_link);
header.appendChild(new Element('span').update("" + user + " "));
header.appendChild(new Element('span', { className: 'bottom_icon minimize' }));
header.appendChild(new Element('span', { className: 'bottom_icon close' }));
channel.appendChild(header);
var chat_login = new Element('div', { className: 'chat_login' }).update(channelName)
chat_login.appendChild(new Element('span', { className: 'bottom_icon close' }));
chat_login.appendChild(new Element('span', { className: 'inactive_messages bottom_icon', style: 'display: none;' }).update("0"));
channel.appendChild(chat_login);
channel.appendChild(new Element('div', { className: 'chat_pane', style: 'display: none;' }));
channel.appendChild(form_container);
$("chat_gap").insert({ before: channel });
$("chat_" + user).down('form').observe("submit", function(event) {
event.stop();
var input = event.element().down('input');
var msg = $F(input);
input.value = "";
input.focus();
if (msg.blank())
return false;
var time = new Date();
var timestamp = leadzero(time.getHours()) + ":" + leadzero(time.getMinutes()) + "," + time.getMonth() + "/" + time.getDay();
self.postMessage({ 'from': user, 'message': msg, 'is_self': true, 'timestamp': timestamp });
self.speedUp();
new Ajax.Request(self.url, { postBody: $H({ what: 'message', to: user, message: msg }).toQueryString() });
});
if (!noSwitch)
this.switchChannel(user);
},
removeChannel: function(user) {
$("chat_" + user).remove();
new Ajax.Request(this.url, { postBody: $H({ what: 'close', to: user }).toQueryString() });
if (!$$(".chat_channel").any())
$("chat_gap").remove();
},
switchChannel: function(user, changeCurrentChannel) {
var newChannel = $("chat_" + user);
$$(".current_channel .chat_pane, .current_channel .chat_form, .current_channel .chat_channel_header").invoke("hide");
if (newChannel && newChannel.hasClassName('current_channel')) {
newChannel.removeClassName("current_channel");
return false;
}
try {
$$(".current_channel")[0].removeClassName('current_channel');
} catch(err) {}
newChannel.addClassName('current_channel').immediateDescendants().invoke("show");
newChannel.down(".inactive_messages").hide().update("0");
newChannel.down("input").focus();
newChannel.down('.chat_pane').scrollTop += 100000;
if (!changeCurrentChannel)
new Ajax.Request(this.url, { method: 'get', parameters: $H({ what: 'switch', to: user }).toQueryString() });
},
postMessage: function(response) {
var user = response['from'];
var style = response['is_self'] ? "message_self" : "";
var from = response['is_self'] ? this.userName : user;
var message = response['message'].stripTags().gsub(/\b(?:http(s)?:\/\/)?(www\.[\.\:A-Za-z0-9\/\-\_&\?=]+)/, "http#{1}://#{2}");
message = message.gsub(/(?:http:\/\/|https:\/\/)([\.\:A-Za-z0-9\/\-\_&\?=]+)/, "#{1} ");
this.addChannel(user, true);
var time = new Date();
var timeNow = leadzero(time.getHours()) + ":" + leadzero(time.getMinutes());// + "," + time.getMonth() + "/" + time.getDay();
var timestamp = new Element('span', { className: 'timestamp' }).update(timeNow);
var message = new Element('div', { className: style }).update(message);
message.appendChild(timestamp);
message.appendChild(new Element('span', { className: 'chat_name' }).update(from));
$("chat_" + user).down('.chat_pane').insert(message).scrollTop += 10000;
if (!response['old'] && !$("chat_" + user).hasClassName('current_channel')) {
var inactive_messages = $("chat_" + user).down(".inactive_messages");
var inactive_messages_count = parseInt(inactive_messages.innerHTML) + 1;
inactive_messages.update(inactive_messages_count).show();
$('chat_sound').Play();
}
}
});
// script.aculo.us builder.js v1.8.1, Thu Jan 03 22:07:12 -0500 2008
// Copyright (c) 2005-2007 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
//
// script.aculo.us is freely distributable under the terms of an MIT-style license.
// For details, see the script.aculo.us web site: http://script.aculo.us/
var Builder = {
NODEMAP: {
AREA: 'map',
CAPTION: 'table',
COL: 'table',
COLGROUP: 'table',
LEGEND: 'fieldset',
OPTGROUP: 'select',
OPTION: 'select',
PARAM: 'object',
TBODY: 'table',
TD: 'table',
TFOOT: 'table',
TH: 'table',
THEAD: 'table',
TR: 'table'
},
// note: For Firefox < 1.5, OPTION and OPTGROUP tags are currently broken,
// due to a Firefox bug
node: function(elementName) {
elementName = elementName.toUpperCase();
// try innerHTML approach
var parentTag = this.NODEMAP[elementName] || 'div';
var parentElement = document.createElement(parentTag);
try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707
parentElement.innerHTML = "<" + elementName + ">";
} catch(e) {}
var element = parentElement.firstChild || null;
// see if browser added wrapping tags
if(element && (element.tagName.toUpperCase() != elementName))
element = element.getElementsByTagName(elementName)[0];
// fallback to createElement approach
if(!element) element = document.createElement(elementName);
// abort if nothing could be created
if(!element) return;
// attributes (or text)
if(arguments[1])
if(this._isStringOrNumber(arguments[1]) ||
(arguments[1] instanceof Array) ||
arguments[1].tagName) {
this._children(element, arguments[1]);
} else {
var attrs = this._attributes(arguments[1]);
if(attrs.length) {
try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707
parentElement.innerHTML = "<" +elementName + " " +
attrs + ">";
} catch(e) {}
element = parentElement.firstChild || null;
// workaround firefox 1.0.X bug
if(!element) {
element = document.createElement(elementName);
for(attr in arguments[1])
element[attr == 'class' ? 'className' : attr] = arguments[1][attr];
}
if(element.tagName.toUpperCase() != elementName)
element = parentElement.getElementsByTagName(elementName)[0];
}
}
// text, or array of children
if(arguments[2])
this._children(element, arguments[2]);
return element;
},
_text: function(text) {
return document.createTextNode(text);
},
ATTR_MAP: {
'className': 'class',
'htmlFor': 'for'
},
_attributes: function(attributes) {
var attrs = [];
for(attribute in attributes)
attrs.push((attribute in this.ATTR_MAP ? this.ATTR_MAP[attribute] : attribute) +
'="' + attributes[attribute].toString().escapeHTML().gsub(/"/,'"') + '"');
return attrs.join(" ");
},
_children: function(element, children) {
if(children.tagName) {
element.appendChild(children);
return;
}
if(typeof children=='object') { // array can hold nodes and text
children.flatten().each( function(e) {
if(typeof e=='object')
element.appendChild(e)
else
if(Builder._isStringOrNumber(e))
element.appendChild(Builder._text(e));
});
} else
if(Builder._isStringOrNumber(children))
element.appendChild(Builder._text(children));
},
_isStringOrNumber: function(param) {
return(typeof param=='string' || typeof param=='number');
},
build: function(html) {
var element = this.node('div');
$(element).update(html.strip());
return element.down();
},
dump: function(scope) {
if(typeof scope != 'object' && typeof scope != 'function') scope = window; //global scope
var tags = ("A ABBR ACRONYM ADDRESS APPLET AREA B BASE BASEFONT BDO BIG BLOCKQUOTE BODY " +
"BR BUTTON CAPTION CENTER CITE CODE COL COLGROUP DD DEL DFN DIR DIV DL DT EM FIELDSET " +
"FONT FORM FRAME FRAMESET H1 H2 H3 H4 H5 H6 HEAD HR HTML I IFRAME IMG INPUT INS ISINDEX "+
"KBD LABEL LEGEND LI LINK MAP MENU META NOFRAMES NOSCRIPT OBJECT OL OPTGROUP OPTION P "+
"PARAM PRE Q S SAMP SCRIPT SELECT SMALL SPAN STRIKE STRONG STYLE SUB SUP TABLE TBODY TD "+
"TEXTAREA TFOOT TH THEAD TITLE TR TT U UL VAR").split(/\s+/);
tags.each( function(tag){
scope[tag] = function() {
return Builder.node.apply(Builder, [tag].concat($A(arguments)));
}
});
}
}
function showDeleteIcon(element) {
var elem = $(element);
var deleteIcon = elem.down('.delete_icon');
var wardrobeAddIcon = elem.down('.add_wardrobe_icon');
var wardrobeRemoveIcon = elem.down('.remove_wardrobe_icon');
var male = elem.down('.s_male');
var female = elem.down('.s_female');
var child = elem.down('.s_child');
if (deleteIcon) deleteIcon.show();
if (wardrobeAddIcon) wardrobeAddIcon.show();
if (wardrobeRemoveIcon) wardrobeRemoveIcon.show();
if (male) male.show();
if (female) female.show();
if (child) child.show();
}
function hideDeleteIcon(element) {
var elem = $(element);
var deleteIcon = elem.down('.delete_icon');
var wardrobeAddIcon = elem.down('.add_wardrobe_icon');
var wardrobeRemoveIcon = elem.down('.remove_wardrobe_icon');
var male = elem.down('.s_male');
var female = elem.down('.s_female');
var child = elem.down('.s_child');
if (deleteIcon) deleteIcon.hide();
if (wardrobeAddIcon) wardrobeAddIcon.hide();
if (wardrobeRemoveIcon) wardrobeRemoveIcon.hide();
if (male) male.hide();
if (female) female.hide();
if (child) child.hide();
}
function initGraphInterface() {
if (!$('graph_interface'))
return false;
$('graph_interface').observe('click', function(event) {
var element = event.element();
var crit = element.id.split("_")[1];
if ($w('week month day').include(crit)) {
$$('#week, #month, #day').invoke("hide");
$$('#graph_week, #graph_month, #graph_day').invoke('removeClassName', 'active');
$(crit).show();
$("graph_" + crit).addClassName('active');
}
});
}
multishow = Class.create({
initialize: function(images) {
this.imageList = images;
this.currentImage = this.imageList[0]
new PeriodicalExecuter(this.switchImage.bind(this), 10);
},
switchImage: function() {
var image = this.cycle();
var multishow_image = Builder.node('a', { href: image['link'] }, Builder.node('img', { src: image.url, style: 'z-index: 4;' }));
$('content').appendChild(multishow_image);
$$('#content img').first().setStyle({ zIndex: 5 }).visualEffect('fade', { delay: 2, afterFinish: function() { $$('#content a')[0].remove() } });
$$('#content img').last().visualEffect('appear', { delay: 2 });
},
cycle: function() {
this.currentImage = this.imageList.without(this.currentImage).random();
return this.currentImage;
}
});
Array.prototype.random = function(){
var rand = Math.floor(this.length * Math.random());
return this[rand];
}
function itemSearch() {
setTimeout(function() { $('new_item').onsubmit() }, 100);
return false;
new Ajax.Request('/items/search?start_page=1',
{
asynchronous:true,
evalScripts:true,
parameters:Form.serialize($('new_item'))
}
);
}
// friendship request form stuff
function open_friendship_request_overlay(name) {
$("friendship_request_overlay").down('.user_name').update(name);
$("friendship_request_overlay").show(); // setStyle({display: "block"});
$("grey_overlay").show();
$('friendship_request_message_field').focus();
}
function submit_friendship_request() {
var name = $("friendship_request_overlay").down('.user_name').innerHTML;
var url = "/bees/invite_friend/" + name;
new Ajax.Request(url, {asynchronous:true, evalScripts:true, parameters:Form.serialize( $('friendship_request_form') )});
$("friendship_request_overlay").hide();
$("grey_overlay").hide();
}
function cancel_friendship_request() {
$("friendship_request_overlay").hide();
$("friendship_request_message_field").value = '';
$("grey_overlay").hide();
}
function show_recommendation_dialog( errors ) {
if( typeof(errors) == 'object') {
if( typeof(errors.email_address) != 'undefined' ) {
$('email_address').addClassName( 'field_with_errors' );
}
if( typeof(errors.user_name) != 'undefined' ) {
$('user_name').addClassName( 'field_with_errors' );
}
if (typeof(errors.recipient_select) != 'undefined') {
$('email_address').addClassName( 'field_with_errors' );
$('user_name').addClassName( 'field_with_errors' );
}
if (typeof(errors.captcha) != 'undefined') {
$('email_address').addClassName( 'field_with_errors' );
$('user_name').addClassName( 'field_with_errors' );
Recaptcha.reload();
}
}
$("recommendation_overlay").show();
$("grey_overlay").show();
}
function hide_recommendation_dialog() {
$('email_address').removeClassName( 'field_with_errors' );
$('user_name').removeClassName( 'field_with_errors' );
$("recommendation_overlay").hide();
$("grey_overlay").hide();
}
function submit_recommendation( url ) {
new Ajax.Request(url, {asynchronous:true, evalScripts:true, parameters:Form.serialize( $('recommendation_form') )});
hide_recommendation_dialog();
}
function cancel_recommendation() {
// $("recommendation_overlay").hide();
// $("recommendation_message_field").value = '';
// $("grey_overlay").hide();
hide_recommendation_dialog();
}
function open_top_topic_creation_overlay( params ) {
new Ajax.Request( params.url, {
parameters: {
linked_object_type: params.type,
linked_object_id: params.id
},
method: 'get',
onSuccess: function( transport ) {
$("top_topic_overlay_content").innerHTML = transport.responseText;
$("top_topic_overlay").show();
$("grey_overlay").show();
}
});
}
ColorPicker = Class.create({
initialize: function(target, hiddenField, maxcolors) {
this.element = $('colors');
this.target = $(target);
this.hiddenField = $(hiddenField);
this.addEvents();
if(typeof(maxcolors) == 'undefined')
maxcolors = 5;
this.maxColors = maxcolors;
this.colors = 0;
this.setColors();
this.serialize();
},
addEvents: function() {
this.element.observe('click', this.colorClick.bind(this));
this.target.observe('click', this.removeColor.bind(this));
},
colorClick: function(event) {
var element = event.element();
if (element.tagName.toLowerCase() != 'b')
return false;
if (this.colors < this.maxColors && !this.target.immediateDescendants().pluck('className').include(element.className)) {
this.addColor(element.className.split(" ")[0]);
}
},
addColor: function(color) {
var newElement = $$('.' + color).first().cloneNode(true);
newElement.setStyle({ display: 'none' });
this.target.appendChild(newElement);
this.serialize();
new Effect.Appear(newElement, { duration: 0.2 });
this.colors += 1;
this.element.down('.' + color).visualEffect('fade', { duration: 0.2, afterFinish: function() { this.element.down('.' + color).setStyle({ display: 'block', visibility: 'hidden' }) }.bind(this) });
},
removeColor: function(event) {
var self = this;
var element = event.element();
if (element.tagName.toLowerCase() == 'b') {
var color = element.className.split(" ")[0];
new Effect.DropOut(element, { duration: 0.2, to: 0.5, afterFinish: function() { element.remove(); self.serialize(); }});
this.element.down('.' + color).setStyle({ visibility: 'visible' }).visualEffect('appear', { duration: 0.2 });
this.colors -= 1;
}
},
serialize: function() {
this.hiddenField.value = this.target.immediateDescendants().pluck('className').join(" ").gsub("text_color", '');
this.noColors();
},
setColors: function() {
var self = this;
var colors = $F(this.hiddenField).strip().split(" ");
for (var i=0; i < colors.length; i++) {
if (!colors[i].blank() && $$("." + colors[i]).length == 1)
this.addColor(colors[i]);
};
if($$("#item_right #item_colors b").any()) {
$$("#item_right #item_colors b").each(function(b) {
var element = self.element.down('.' + b.className);
if (element)
element.setStyle({ visibility: 'hidden' });
});
}
},
noColors: function() {
if ($F(this.hiddenField).blank()) {
this.target.hide();
if ($('no_color')) {
$('no_color').show();
}
}
else {
if ($('no_color')) {
$('no_color').hide();
}
this.target.show();
}
}
});
/* Starry Widget
* @version 1.1 (April 27, 2007)
* (c) 2007 Chris Iufer
* Starry is freely distributable under the terms of an MIT-style license.
* See the Duarte Design web site: http://www.duarte.com/portfolio/
/*--------------------------------------------------------------------------*/
var debug = false;
var StarryDefaults = {
sprite: "/images/stars.gif",
width: 15,
height: 15,
startAt: 0,
maxLength: 5,
multiplier: 1,
showNull: false,
align: 'left',
feedback: false,
url: '/',
locked: false
};
// The Starry Class
// new Starry('id_of_element'[, {options}]);
// This is the main starry widget. Create new widgets after window load
var Starry = Class.create();
Starry.prototype = {
initialize: function(element) {
this.element = $(element);
this.element.addClassName("starry");
this.options = {};
// get our defaults
Object.extend(this.options, StarryDefaults);
Object.extend(this.options, arguments[1] || {});
this.name = this.options.name || "starry" + id.next();
this.element.style.height = this.options.height + 'px';
if(debug) console.log(this.options.showNull);
// lets build our array with an extra one for null
this.children = new Array(this.options.maxLength + 1);
if(debug) console.log('children length '+ this.children.length);
// lets make the hidden form value
this.hidden = document.createElement("input");
this.hidden.type = "hidden";
this.hidden.name = "rating"; // this.name;
this.element.appendChild(this.hidden);
// build out each child
for(i=0; i < this.children.length; i++) {
this.children[i] = new SingleStar(this, i);
this.element.appendChild(this.children[i].element);
}
if( this.options.feedback ) {
this.feedback = document.createElement('div');
this.feedback.className = "feedback";
this.feedback.style.cssFloat = this.options.align;
this.element.appendChild(this.feedback);
}
if (this.options.locked === true)
this.element.addClassName("locked");
// startup
this.selected = this.options.startAt;
this.reset(this.selected);
},
set: function(index, call) {
if(debug) console.log('set index '+ index);
// set the child
for(var i=1; i < this.children.length; i++)
this.children[i].element.style.backgroundPosition = (i <= index) ? "0 -" + this.options.height * 2 + "px" : "0 0";
if(this.options.feedback)
this.feedback.innerHTML = this.children[index].value;
this.selected = index;
// set the form value
this.hidden.value = this.children[index].value;
if(debug) console.log('set value ' + this.hidden.value);
if (call) {
//new Ajax.Request(this.options.url, { postBody: $H({ 'rating': this.hidden.value }).toQueryString() });
//this.options.locked = true;
//this.element.up('div').appendChild(new Element('span').update(loc('rating_info_1') + ' ' + this.hidden.value + ' '+ loc('rating_info_2') +'.'));
}
},
show: function(index) {
if(debug) console.log('show index '+ index);
// show the child
for(var i=1; i < this.children.length; i++)
this.children[i].element.style.backgroundPosition = (i <= index) ? "0 -" + this.options.height + "px" : "0 0";
if(this.options.feedback)
this.feedback.innerHTML = this.children[index].value;
},
reset: function() { this.set(this.selected, false); },
clear: function() {
for(var i=1; i < this.children.length; i++)
this.children[i].element.style.backgroundPosition = "0 0";
}
};
// Class: SingleStar(parent_object, index of that parent's children)
// Not to be called directly, inherits its options from a Starry object
var SingleStar = Class.create();
SingleStar.prototype = {
initialize: function(parent, index) {
this.parent = parent;
this.index = index;
if(debug) console.log('Creating star at index '+ this.index);
this.value = this.index * this.parent.options.multiplier;
if(debug) console.log('value '+ this.value);
this.element = document.createElement("div");
this.element.style.width = this.parent.options.width + "px";
this.element.style.height = this.parent.options.height + "px";
this.element.style.backgroundImage = "url(" + this.parent.options.sprite + ")";
this.element.style.backgroundPosition = (this.index == 0) ? "0 -" + this.parent.options.height * 3 +"px" : "0 0";
this.element.className = "standard_star";
this.element.style.cssFloat = this.parent.options.align;
if(!this.parent.options.showNull && this.index == 0) this.element.style.display = "none";
this.element.onclick = function() { if(!this.parent.options.locked) this.parent.set(this.index, true); }.bind(this);
this.element.onmouseover = function() { if(!this.parent.options.locked) this.parent.show(this.index); }.bind(this);
this.element.onmouseout = function() { if(!this.parent.options.locked) this.parent.reset(this.parent.startAt); }.bind(this);
if(debug) console.log('set onclick handler');
}
};
// this function manages an auto_increment for id's
var id = { start: 0, prev: 0, next: function() { return this.start + this.prev++; } };
// -----------------------------------------------------------------------------------
//
// Lightbox v2.04
// by Lokesh Dhakar - http://www.lokeshdhakar.com
// Last Modification: 2/9/08
//
// For more information, visit:
// http://lokeshdhakar.com/projects/lightbox2/
//
// Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
// - Free for use in both personal and commercial projects
// - Attribution requires leaving author name, author link, and the license info intact.
//
// Thanks: Scott Upton(uptonic.com), Peter-Paul Koch(quirksmode.com), and Thomas Fuchs(mir.aculo.us) for ideas, libs, and snippets.
// Artemy Tregubenko (arty.name) for cleanup and help in updating to latest ver of proto-aculous.
//
// -----------------------------------------------------------------------------------
/*
Table of Contents
-----------------
Configuration
Lightbox Class Declaration
- initialize()
- updateImageList()
- start()
- changeImage()
- resizeImageContainer()
- showImage()
- updateDetails()
- updateNav()
- enableKeyboardNav()
- disableKeyboardNav()
- keyboardAction()
- preloadNeighborImages()
- end()
Function Calls
- document.observe()
*/
// -----------------------------------------------------------------------------------
//
// Configurationl
//
LightboxOptions = Object.extend({
fileLoadingImage: '/images/loading.gif',
fileBottomNavCloseImage: '/images/closelabel.gif',
overlayOpacity: 0.8, // controls transparency of shadow overlay
animate: true, // toggles resizing animations
resizeSpeed: 7, // controls the speed of the image resizing animations (1=slowest and 10=fastest)
borderSize: 10, //if you adjust the padding in the CSS, you will need to update this variable
// When grouping images this is used to write: Image # of #.
// Change it for non-english localization
labelImage: "Image",
labelOf: "of"
}, window.LightboxOptions || {});
// -----------------------------------------------------------------------------------
var Lightbox = Class.create();
Lightbox.prototype = {
imageArray: [],
activeImage: undefined,
// initialize()
// Constructor runs on completion of the DOM loading. Calls updateImageList and then
// the function inserts html at the bottom of the page which is used to display the shadow
// overlay and the image container.
//
initialize: function() {
this.updateImageList();
this.keyboardAction = this.keyboardAction.bindAsEventListener(this);
if (LightboxOptions.resizeSpeed > 10) LightboxOptions.resizeSpeed = 10;
if (LightboxOptions.resizeSpeed < 1) LightboxOptions.resizeSpeed = 1;
this.resizeDuration = LightboxOptions.animate ? ((11 - LightboxOptions.resizeSpeed) * 0.15) : 0;
this.overlayDuration = LightboxOptions.animate ? 0.2 : 0; // shadow fade in/out duration
// When Lightbox starts it will resize itself from 250 by 250 to the current image dimension.
// If animations are turned off, it will be hidden as to prevent a flicker of a
// white 250 by 250 box.
var size = (LightboxOptions.animate ? 250 : 1) + 'px';
// Code inserts html at the bottom of the page that looks similar to this:
//
//
//
//
//
//
//
//
//
//
//
//
';
var bottom_corners ='
';
if( $('top_bar') ) $('top_bar').insert({bottom: bottom_corners});
$$('.grey_bar' ).each(function(bar){
bar.insert({ bottom: top_corners+bottom_corners });
});
*/
// $$('#main_search .button').each(function(b){
//
// b.setStyle({background: 'url(/images/front/front_button_bg.png) no-repeat scroll 0 0' });
// });
var buttonsCSS = 'url(/images/front/buttons.gif) no-repeat scroll 0 ';
// $$('#result_search .button').each(function(b){
// b.setStyle({background: buttonsCSS + 0 });
// });
$$('#top_login .register_link').each(function(l){
l.setStyle({background: buttonsCSS+'-25px'})
});
$$('#top_login .buttons input, #result_bottom_bar .button').each( function(b){
b.setStyle({background: buttonsCSS+'-46px'});
});
} 
// 
//