/**
* @file
* @ingroup SMWHaloAutocompletion
*
* WICK: Web Input Completion Kit
* http://wick.sourceforge.net/
* Copyright (c) 2004, Christopher T. Holland
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
* Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
* Neither the name of the Christopher T. Holland, nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
* Modified by Ontoprise GmbH 2007 (KK)
*/
window.SMW_CATEGORY_NS = 14;
window.SMW_PROPERTY_NS = 102;
window.SMW_INSTANCE_NS = 0;
// special
window.SMW_ENUM_POSSIBLE_VALUE_OR_UNIT = 500;
// time intervals for triggering
window.SMW_AC_MANUAL_TRIGGERING_TIME = 500;
window.SMW_AC_AUTO_TRIGGERING_TIME = 800;
window.SMW_AJAX_AC = 1;
function autoCompletionsOptions(request) {
processAutoCompletionOptions(request.responseText);
document.cookie = "AC_options="+request.responseText+";path="+wgScriptPath+"/;"
}
function processAutoCompletionOptions(optionText) {
var options = optionText.split(",");
options.each(function(option) {
var optionKeyValue = option.split("=");
if (optionKeyValue[0] == 'smwhactriggering') {
autoCompleter.autoTriggering = optionKeyValue[1].indexOf('auto') != -1;
} else {
acNamespaceRegistry.registerNamespace(optionKeyValue[0], optionKeyValue[1]);
}
});
}
/**
* Namespace registry. Allows other extension to register their own namespaces.
*
*/
var ACNamespaceRegistry = Class.create();
ACNamespaceRegistry.prototype = {
initialize: function() {
this.imageregistry = new Object();
},
/**
* Registers a new namespace with its image and namespace prefix.
*
* @param nsIndex Namespace index
* @param imgPath Image path, relative to MW root
* @param namespacePrefix Content language constant referring to the namespace prefix with colon.
*/
registerNamespace: function(nsIndex, imgPath) {
this.imageregistry[nsIndex] = imgPath;
},
getImgPath: function(nsIndex) {
return this.imageregistry[nsIndex];
}
}
acNamespaceRegistry = new ACNamespaceRegistry();
var AutoCompleter = Class.create();
AutoCompleter.prototype = {
initialize: function() {
// current input box of last AC request
this.currentInputBox;
// constraints
this.constraints;
// current userInput of last AC request
this.userInputToMatch = null;
// current user context of last AC request
this.userContext = null;
// returned matches of last AC request
this.collection = [];
//used to ignore pending AJAX calls when a term has been inserted
this.ignorePending = false;
// regex which matches the user input which is used to query the database
this.articleRegEx = /((([\w\d])+\:)?([\w\d][\w\d\.\(\)\-\/\s]*)|(([\w\d])+\:))$/;
// timer which triggers ajax call
this.timer = null;
// flag for auto/manual mode
this.autoTriggering = false;
// all input boxes with class="wickEnabled" (NOT textareas)
this.allInputs = null;
this.textAreas = null;
// global floater object
this.siw = null;
// flag if left mouse button is pressed
this.mousePressed = false;
// counter for number of registered floaters
this.AC_idCounter = 0;
// Position data of Floater
this.AC_yDiff = 0;
this.AC_xDiff = 0;
this.AC_userDefinedY = 0;
this.AC_userDefinedX = 0;
// indicates if the mouse has been moved since last AC request
this.notMoved = false;
this.currentIESelection = null;
this.acMaxMatches = 15; // as default
},
/* Cancels event propagation */
freezeEvent: function(e) {
if (e.preventDefault) e.preventDefault();
e.returnValue = false;
e.cancelBubble = true;
if (e.stopPropagation) e.stopPropagation();
return false;
}, //this.freezeEvent
isWithinNode: function(e, i, c, t, obj) {
var answer = false;
var te = e;
while (te && !answer) {
if ((te.id && (te.id == i)) || (te.className && (te.className == i + "Class"))
|| (!t && c && te.className && (te.className == c))
|| (!t && c && te.className && (te.className.indexOf(c) != -1))
|| (t && te.tagName && (te.tagName.toLowerCase() == t)) || (obj && (te == obj))) {
answer = te;
} else {
te = te.parentNode;
}
}
return te;
}, //this.isWithinNode
isWithinNodeSimple: function(node, idOfNodeToFind) {
if (!node || node == null) return false;
while(node && node.nodeType != 9) { // node != document
var id = (OB_bd.isIE) ? node.id : node.getAttribute("id");
if (id && id != null && id.indexOf(idOfNodeToFind) >= 0) break;
node = node.parentNode;
}
return (node && node.nodeType != 9) ? true : false;
},
getEventElement: function(e) { return (e.srcElement ? e.srcElement : (e.target ? e.target : e.currentTarget));
}, //this.getEventElement()
findElementPosXY: function(obj) {
var curleft = 0;
var curtop = 0;
//if (this.isInIframe(obj)) alert('jippie');
if (obj.offsetParent) {
while (obj.offsetParent) {
curleft += obj.offsetLeft;
curtop += obj.offsetTop;
obj = obj.offsetParent;
}
} //if offsetParent exists
else {
if (obj.x) curleft += obj.x
if (obj.y) curtop += obj.y
}
return [curleft, curtop];
}, //this.findElementPosXY
isInIframe: function(obj) {
var parent = obj;
while (parent) {
obj = parent;
parent = obj.parentNode;
}
for (i = 0; i < window.parent.frames.length; i++) {
if (window.parent.frames[i].document == obj) return true;
}
return false;
},
handleKeyPress: function(event) {
var e = GeneralTools.getEvent(event);
var eL = this.getEventElement(e);
var upEl = eL.className.indexOf("wickEnabled") >= 0 ? eL : undefined;
var kc = e["keyCode"];
var isFloaterVisible = (this.siw && this.siw.floater.style.visibility == 'visible');
// remember old cursor position (only IE)
if (OB_bd.isIE) this.currentIESelection = document.selection.createRange();
if (isFloaterVisible && this.siw && ((kc == 13) || (kc == 9))) {
this.siw.selectingSomething = true;
if (OB_bd.isSafari) this.siw.inputBox.blur(); //hack to "wake up" safari
this.siw.inputBox.focus();
this.hideSmartInputFloater();
} else if (upEl && (kc != 38) && (kc != 40) && (kc != 37) && (kc != 39) && (kc != 13) && (kc != 27)) {
if (!this.siw || (this.siw && !this.siw.selectingSomething)) {
if ((e["ctrlKey"] && (kc == 32)) || isFloaterVisible) {
if (OB_bd.isIE && !isFloaterVisible && !e["altKey"] && typeof FCKeditor == "undefined") {
// only relevant to IE. removes the whitespace which is pasted when pressing Ctrl+Space
var userInput = this.getUserInputToMatch();
var selection_range = document.selection.createRange();
selection_range.moveStart("character", -userInput.length-1);
selection_range.text = userInput.substr(0, userInput.length-1);
selection_range.collapse(false);
}
if (!this.siw) this.siw = new SmartInputWindow();
this.siw.inputBox = upEl;
this.currentInputBox = upEl;
// get constraint
this.constraints = this.siw.inputBox.getAttribute("constraints") == null ? "" : this.siw.inputBox.getAttribute("constraints");
// Ctrl+Alt+Space was pressed
// get user input which is to be matched
// MUST be global because of setTimeout function
this.userInputToMatch = this.getUserInputToMatch();
if (this.userInputToMatch.length >= 0) {
// get user context (used for semantic AC)
// MUST be global because of setTimeout function
this.userContext = this.getUserContext();
// Call for autocompletion
if (this.timer) {
window.clearTimeout(this.timer);
}
// runs AC after 900ms have elapsed. That means user can enter several chars
// without causing a AJAX call after each, but only after the last.
this.timer = window.setTimeout(
"autoCompleter.timedAC(autoCompleter.userInputToMatch, autoCompleter.userContext, autoCompleter.currentInputBox, autoCompleter.constraints)",
SMW_AC_MANUAL_TRIGGERING_TIME);
} else {
// if userinputToMatch is empty --> hide floater
this.hideSmartInputFloater();
return;
}
// uncomment the following else statement to activate auto-triggering
} else if (this.autoTriggering) {
if (kc==17 || kc==18) return; //ignore Ctrt/Alt when pressed without any key
if (!this.siw) this.siw = new SmartInputWindow();
this.siw.inputBox = upEl;
this.currentInputBox = upEl;
// get constraints
this.constraints = this.siw.inputBox.getAttribute("constraints") == null ? "" : this.siw.inputBox.getAttribute("constraints");
if (GeneralBrowserTools.isTextSelected(this.siw.inputBox)) {
// do not trigger auto AC when something is selected.
this.hideSmartInputFloater();
return;
}
this.userContext = this.getUserContext();
// test if userContext is [[ or {{ and not an attribute value and do a AC request when at least one char is entered
// if inputBox is no TEXTAREA, no context must be given
if ((this.userContext.match(/^\[\[/) || this.userContext.match(/^\{\{/) || this.constraints != '') /*&& !this.userContext.match(/:=/)*/) {
this.userInputToMatch = this.getUserInputToMatch();
if (this.userInputToMatch.length >= 1) {
if (this.timer) {
window.clearTimeout(this.timer);
}
// runs AC after 900ms have elapsed. That means user can enter several chars
// without causing a AJAX call after each, but only after the last.
this.timer = window.setTimeout(
"autoCompleter.timedAC(autoCompleter.userInputToMatch, autoCompleter.userContext, autoCompleter.currentInputBox, autoCompleter.constraints)",
SMW_AC_AUTO_TRIGGERING_TIME);
} else {
// if userinputToMatch is empty --> hide floater
this.hideSmartInputFloater();
return;
}
} else {
// if user context is not [[ --> hide floater
this.siw.inputBox.focus();
this.hideSmartInputFloater();
return;
}
}
}
} else if (kc == 27) { // escape pressed -> hide floater
this.hideSmartInputFloater();
this.freezeEvent(e);
this.resetCursorinIE();
} else if (this.siw && this.siw.inputBox) {
// do not switch focus when user is in searchbox
if (eL != null && eL.tagName == 'HTML' && isFloaterVisible) {
this.siw.inputBox.focus(); //kinda part of the hack.
}
}
}, //handleKeyPress()
// used to run AC after a certain peroid of time has elapsed
timedAC: function(userInputToMatch, userContext, inputBox, constraints) {
function userInputToMatchResult(request) {
this.hidePendingAJAXIndicator();
// if there are pending calls right after the user inserted a term, ignore them.
if (this.ignorePending) {
return;
}
// if something went wrong, abort here and hide floater
if (request.status != 200) {
//alert("Error: " + request.status + " " + request.statusText + ": " + request.responseText);
this.hideSmartInputFloater();
return;
}
// stop processing and hide floater if no result
if (request.responseText.indexOf('noResult') != -1) {
this.collection = new Array();
// do not display empty floater
//this.processSmartInput(inputBox, userInputToMatch);
return;
}
// getResult string (xml), parse it and transform it into an array of MatchItems
var result = request.responseText;
this.collection = this.getMatchItems(request.responseText);
// add it it cache if it has at least one result
if (this.collection.length > 0) {
AC_matchCache.addLookup(userContext + userInputToMatch, this.collection, constraints);
}
// process match results
this.processSmartInput(inputBox, userInputToMatch);
}
this.notMoved = true;
this.ignorePending = false;
// check if AC result for current user input is in cache
var cacheResult = AC_matchCache.getLookup(userContext + userInputToMatch, constraints);
if (cacheResult == null) { // if no request it
if (userInputToMatch == null) return;
this.showPendingAJAXIndicator(inputBox);
this.resetCursorinIE();
sajax_do_call('smwf_ac_AutoCompletionDispatcher', [
wgTitle,
userInputToMatch,
userContext,
constraints
], userInputToMatchResult.bind(this), SMW_AJAX_AC);
} else { // if yes, use it from cache.
this.collection = cacheResult;
this.processSmartInput(inputBox, userInputToMatch);
}
},
/*
* Callback function with autocompletion candidates
*/
//userInputToMatchResult
handleKeyDown: function(event) {
var e = GeneralTools.getEvent(event);
var eL = this.getEventElement(e);
if (this.siw && (kc = e["keyCode"])) {
if (kc == 40 && this.siw.floater.style.visibility == 'visible') {
this.siw.selectingSomething = true;
this.freezeEvent(e);
//if (OB_bd.isGecko) this.siw.inputBox.blur(); /* Gecko hack */
this.selectNextSmartInputMatchItem();
} else if (kc == 38 && this.siw.floater.style.visibility == 'visible') {
this.siw.selectingSomething = true;
this.freezeEvent(e);
//if (OB_bd.isGecko) this.siw.inputBox.blur();
this.selectPreviousSmartInputMatchItem();
} else if ((kc == 13) && this.siw.floater.style.visibility == 'visible') { // enter
this.siw.selectingSomething = true;
this.activateCurrentSmartInputMatch();
this.hideSmartInputFloater();
this.freezeEvent(e);
} else if (kc == 9) { // tab
ajaxRequestManager.stopCalls(SMW_AJAX_AC, this.hidePendingAJAXIndicator);
this.hideSmartInputFloater();
} else if (kc == 27) {
ajaxRequestManager.stopCalls(SMW_AJAX_AC, this.hidePendingAJAXIndicator);
smwhgLogger.log("", "AC", "close_without_selection");
this.hideSmartInputFloater();
this.freezeEvent(e);
this.resetCursorinIE();
} else {
this.siw.selectingSomething = false;
}
}
}, //handleKeyDown()
handleFocus: function(event) {
// do nothing
}, //handleFocus()
handleBlur: function(event) {
var e = GeneralTools.getEvent(event);
var eL = this.getEventElement(e);
if (blurEl = this.isWithinNode(eL, null, "wickEnabled", null, null)) {
if (this.siw && !this.siw.selectingSomething) this.hideSmartInputFloater();
}
if (this.timer) {
window.clearTimeout(this.timer);
}
ajaxRequestManager.stopCalls(SMW_AJAX_AC, this.hidePendingAJAXIndicator);
}, //handleBlur()
handleClick: function(event) {
var e2 = GeneralTools.getEvent(event);
var eL2 = this.getEventElement(e2);
this.mousePressed = false;
if (this.siw && this.siw.selectingSomething) {
this.resetCursorinIE();
this.selectFromMouseClick();
}
}, //handleClick()
handleMouseOver: function(event) {
var e = GeneralTools.getEvent(event);
var eL = this.getEventElement(e);
if (this.siw && (mEl = this.isWithinNode(eL, null, "matchedSmartInputItem", null, null))) {
this.siw.selectingSomething = true;
this.selectFromMouseOver(mEl);
} else if (this.isWithinNode(eL, null, "siwCredit", null, null)) {
this.siw.selectingSomething = true;
} else if (this.siw) {
this.siw.selectingSomething = false;
}
}, //handleMouseOver
handleMouseDown: function(event) {
var e = GeneralTools.getEvent(event);
var eL = this.getEventElement(e);
var elementClicked = Event.element(e);
if (!this.isWithinNodeSimple(elementClicked, "smartInputFloaterContent") &&
!this.isWithinNodeSimple(elementClicked, (this.siw ? this.siw.getMWFloaterId() : 'undefined'))){
this.hideSmartInputFloater();
}
},
showSmartInputFloater: function() {
if (!this.siw.floater.style.display || (this.siw.floater.style.display == "none")) {
if (!this.siw.customFloater) {
var x = Position.cumulativeOffset(this.siw.inputBox)[0];
var y = Position.cumulativeOffset(this.siw.inputBox)[1] + this.siw.inputBox.offsetHeight;
//hack: browser-specific adjustments.
if (!OB_bd.isGecko && !OB_bd.isIE) x += 8;
if (!OB_bd.isGecko && !OB_bd.isIE) y += 10;
// read position flag and set it: fixed and absolute is possible
var posStyle = this.currentInputBox != null ? this.currentInputBox.getAttribute("position") : null;
if (posStyle == null || posStyle == 'absolute') {
Element.setStyle(this.siw.floater, { position: 'absolute'});
x = x - Position.page(document.body)[0] - Position.realOffset(document.body)[0];
y = y;
} else if (posStyle == 'fixed') {
Element.setStyle(this.siw.floater, { position: 'fixed'});
}
if(window.tf != undefined){
var pos = tf.getPositionForAC(this.siw.inputBox);
if(pos != false){
x = pos.left;
y = pos.top;
}
}
// read alignment flag and set position accordingly
var alignment = this.currentInputBox != null ? this.currentInputBox.getAttribute("alignfloater") : null;
var content = document.body;//$("content");
if (alignment == null || alignment == 'left') {
this.siw.floater.style.left = x + "px";
this.siw.floater.style.top = y + "px";
} else {
if( content.offsetWidth == 0 ) {
//this happens in WYSIWYG fullscreen mode
if( typeof window.innerWidth !== 'undefined' ) {
this.siw.floater.style.right = (window.innerWidth - x - this.currentInputBox.offsetWidth) + "px";
}
} else {
this.siw.floater.style.right = (content.offsetWidth - x - this.currentInputBox.offsetWidth) + "px";
}
this.siw.floater.style.top = y + "px";
}
} else {
if (!this.siw.inputBox) return;
if ((OB_bd.isGecko || OB_bd.isIE) && this.siw.inputBox.tagName == 'TEXTAREA') {
this.restorePosition();
}
}
this.siw.floater.style.display = "block";
this.siw.floater.style.visibility = "visible";
this.resetCursorinIE();
}
}, //this.showSmartInputFloater()
/**
* Resets cursor and sets scroll pos to cursor pos. (in IE)
*/
resetCursorinIE: function() {
if (!OB_bd.isIE) return;
var id = this.siw && this.siw.inputBox ? this.siw.inputBox.getAttribute("id") : null;
// ignore search field, because it deletes
// its content when it gains the focus.
if (id != 'searchInput') {
this.currentIESelection.scrollIntoView(true);
this.currentIESelection.collapse(false);
this.currentIESelection.select();
}
},
/**
* Shows small graphic indicating an AJAX call.
*/
showPendingAJAXIndicator: function(inputBox) {
var pending = $("pendingAjaxIndicator");
pending.style.position = '';
if (!this.siw) this.siw = new SmartInputWindow();
// Browser dependant! only IE ------------------------
if (OB_bd.isIE && inputBox.tagName == 'TEXTAREA') {
// put floater at cursor position
pending.style.left = "0px";
pending.style.top = "0px";
// only IE -------------------------
}
if (OB_bd.isGecko && inputBox.tagName == 'TEXTAREA') {
//TODO: remove the absolute values to the width/height specified in css
var x = GeneralBrowserTools.getCookie("this.AC_userDefinedX");
var y = GeneralBrowserTools.getCookie("this.AC_userDefinedY");
if (x != null && y != null) {
pending.style.left = parseInt(x) + "px";
pending.style.top = parseInt(y) + "px";
} else if(window.tf != undefined){
var pos = tf.getPositionForAC(inputBox);
if(pos != false){
pending.style.position = 'absolute';
pending.style.left = pos.left + "px";
pending.style.top = pos.top + "px";
} else {
pending.style.left = "0px";
pending.style.top = "0px";
}
} else {
pending.style.left = "0px";
pending.style.top = "0px";
}
}
// set pending indicator for input field
if (inputBox.tagName != 'TEXTAREA') {
pending.style.left = (Position.cumulativeOffset(inputBox)[0]) + "px";
pending.style.top = (Position.cumulativeOffset(inputBox)[1]) + "px";
}
pending.style.display = "block";
pending.style.visibility = "visible";
}, //showPendingElement()
/**
* Hides graphic indicating an AJAX call.
*/
hidePendingAJAXIndicator: function() {
var pending = $("pendingAjaxIndicator");
pending.style.display = "none";
pending.style.visibility = "hidden";
},
hideSmartInputFloater: function() {
if (this.siw) {
this.siw.floater.style.display = "none";
this.siw.floater.style.visibility = "hidden";
this.siw = null;
} //this.siw exists
}, //this.hideSmartInputFloater
processSmartInput: function(inputBox, userInput) {
// stop if floater is not set
if (!this.siw) return;
var classData = inputBox.className.split(" ");
var siwDirectives = null;
for (i = 0; (!siwDirectives && classData[i]); i++) {
if (classData[i].indexOf("wickEnabled") != -1) siwDirectives = classData[i];
}
if (siwDirectives && (siwDirectives.indexOf(":") != -1)) {
this.siw.customFloater = true;
var newFloaterId = siwDirectives.split(":")[1];
this.siw.floater = document.getElementById(newFloaterId);
if (!this.siw.floater) this.siw.floater = window.frames[0].document.getElementById(newFloaterId);
this.siw.floaterContent = this.siw.floater.getElementsByTagName("div")[OB_bd.isGecko ? 1 : 0];
}
this.setSmartInputData(userInput);
//if (this.siw.matchCollection && (this.siw.matchCollection.length > 0)) this.selectSmartInputMatchItem(0);
var content1 = this.getSmartInputBoxContent();
if (content1) {
this.modifySmartInputBoxContent(content1);
this.showSmartInputFloater();
/*if (OB_bd.isIE) {
//adjust size according to numbe of results in IE
this.siw.floater.style.height = 25 * Math.min(this.collection.length, this.siw.MAX_MATCHES) + 20;
this.siw.floater.firstChild.style.height
= 25 * Math.min(this.collection.length, this.siw.MAX_MATCHES) + 20;
}*/
} else this.hideSmartInputFloater();
}, //this.processSmartInput()
simplify: function(s) {
var nopipe = s.indexOf("|") != -1 ? s.substring(0, s.indexOf("|")).strip() : s; // strip everthing after a pipe
return nopipe.replace(/^[ \s\f\t\n\r]+/, '').replace(/[ \s\f\t\n\r]+$/, '');
}, //this.simplify
/*
* Returns user input, i.e. all text left from the cursor which may belong
* to an article title.
*/
getUserInputToMatch: function() {
if (!this.siw) return "";
// be sure that this.siw is set
if (this.siw.inputBox.tagName == 'TEXTAREA') {
var textBeforeCursor = this.getTextBeforeCursor();
var userInputToMatch = textBeforeCursor.match(this.articleRegEx);
// hack: category: is replaced because in this case category is not a namespace
return userInputToMatch ? userInputToMatch[0].replace(/\s/, "_").replace(/category\:/i, "") : "";
} else {
// do default
a = this.siw.inputBox.value;
var delimiter = this.siw.inputBox.getAttribute("delimiter");
fields = this.siw.inputBox.value.split(delimiter == null ? "," : delimiter);
if (fields.length > 0) a = fields[fields.length - 1];
return a.strip();
}
}, //this.getUserInputToMatch
/*
* Returns user context, i.e. all text left from user input to match until
* 2 brackets are reached. ([[)
*/
getUserContext: function() {
if (this.siw != null && this.siw.inputBox != null && this.siw.inputBox.tagName == 'TEXTAREA') {
var textBeforeCursor = this.getTextBeforeCursor();
var userContextStart = Math.max(textBeforeCursor.lastIndexOf("[["), textBeforeCursor.lastIndexOf("{{"));
userContextStart = Math.max(textBeforeCursor.lastIndexOf("{{"), userContextStart);
var closingSemTag = Math.max(textBeforeCursor.lastIndexOf("]]"), textBeforeCursor.lastIndexOf("}}"));
if (userContextStart != -1 && userContextStart > closingSemTag) {
var userInputToMatch = this.getUserInputToMatch();
if (userInputToMatch != null) {
var lengthOfContext = textBeforeCursor.length - userInputToMatch.length;
return textBeforeCursor.substring(userContextStart, lengthOfContext);
}
}
return "";
} else {
return "";
}
},
/*
* Returns all text left from cursor.
*/
getTextBeforeCursor: function() {
if (OB_bd.isIE) {
// debugger;
/* var advancedEditor = $('edit_area_toggle_checkbox_wpTextbox1') ? $('edit_area_toggle_checkbox_wpTextbox1').checked : false;
if (advancedEditor) {
var textbeforeCursor = editAreaLoader.getValue("wpTextbox1").substring(0, editAreaLoader.getSelectionRange("wpTextbox1")["start"]);
return textbeforeCursor;
} else {*/
this.siw.inputBox.focus();
var selection_range = document.selection.createRange();
var selection_rangeWhole = document.selection.createRange();
selection_rangeWhole.moveToElementText(this.siw.inputBox);
selection_range.setEndPoint("StartToStart", selection_rangeWhole);
return selection_range.text;
// }
} else if (OB_bd.isGecko) {
var start = this.siw.inputBox.selectionStart;
return this.siw.inputBox.value.substring(0, start);
}
// cannot return anything
return "";
},
/*
* Returns all text right from cursor.
*/
getTextAfterCursor: function() {
if (OB_bd.isIE) {
var selection_range = document.selection.createRange();
var selection_rangeWhole = document.selection.createRange();
selection_rangeWhole.moveToElementText(this.siw.inputBox);
selection_range.setEndPoint("EndToEnd", selection_rangeWhole);
return selection_range.text;
} else if (OB_bd.isGecko) {
var start = this.siw.inputBox.selectionStart;
return this.siw.inputBox.value.substring(start);
}
// cannot return anything
return "";
},
getUserInputBase: function() {
var s = this.siw.inputBox.value;
var delimiter = this.siw.inputBox.getAttribute("delimiter");
var lastComma = s.lastIndexOf(delimiter == null ? "," : delimiter);
return s.substr(0, lastComma+1);
}, //this.getUserInputBase()
highlightMatches: function(userInput) {
var userInput = this.simplify(userInput);
userInput = userInput.replace(/\s/, "_");
if (this.siw) this.siw.matchCollection = new Array();
var pointerToCollectionToUse = this.collection;
var re1m = new RegExp("([ \"\>\<\-]*)(" + userInput + ")", "i");
var re2m = new RegExp("([ \"\>\<\-]+)(" + userInput + ")", "i");
var re1 = new RegExp("([ \"\}\{\-]*)(" + userInput + ")", "gi");
var re2 = new RegExp("([ \"\}\{\-]+)(" + userInput + ")", "gi");
var reMeasure = new RegExp("(([+-]?\d*(\.\d+([eE][+-]?\d*)?)?)\s+)?(.*)", "gi");
for (i = 0, j = 0; (i < pointerToCollectionToUse.length); i++) {
var displayMatches = (j < this.acMaxMatches);
var entry = pointerToCollectionToUse[i];
var mEntry = this.simplify(entry.getText()+entry.getPasteContent());
if ((mEntry.indexOf(userInput) == 0)) {
userInput = userInput.replace(/\>/gi, '\\}').replace(/\< ?/gi, '\\{');
re = new RegExp("(" + userInput + ")", "i");
if (displayMatches) {
this.siw.matchCollection[j]
= new SmartInputMatch(entry.getText()+entry.getPasteContent(),
mEntry.replace(/\>/gi, '}').replace(/\< ?/gi, '{').replace(re, "$1").replace(/_/g, ' '),
entry.getType(), entry.getNsText(), entry.getExtraData(), entry.isInferred(), entry.getImageURL());
}
j++;
} else if (mEntry.match(re1m) || mEntry.match(re2m)) {
if (displayMatches) {
this.siw.matchCollection[j] = new SmartInputMatch(entry.getText()+entry.getPasteContent(),
mEntry.replace(/\>/gi, '}').replace(/\$2").replace(re2, "$1$2").replace(/_/g, ' '), entry.getType(), entry.getNsText(), entry.getExtraData(), entry.isInferred(),entry.getImageURL());
}
j++;
} else if (mEntry.match(reMeasure)) {
if (displayMatches) {
this.siw.matchCollection[j] = new SmartInputMatch(entry.getText()+entry.getPasteContent(),
mEntry.replace(/\>/gi, '}').replace(/\$2").replace(re2, "$1$2").replace(/_/g, ' '), entry.getType(), entry.getNsText(), entry.getExtraData(), entry.isInferred(),entry.getImageURL());
}
j++;
}
} //loop thru this.collection
}, //this.highlightMatches
setSmartInputData: function(orgUserInput) {
if (this.siw) {
var userInput = orgUserInput.toLowerCase().replace(/[\r\n\t\f\s]+/gi, ' ').replace(/^ +/gi, '').replace(
/ +$/gi, '').replace(/ +/gi, ' ').replace(/\\/gi, '').replace(/\[/gi, '').replace(
/\(/gi, '\\(').replace(/\./gi, '\.').replace(/\?/gi, '').replace(/\)/gi, '\\)');
if (userInput != null && (userInput != '"')) {
this.highlightMatches(userInput);
} //if userinput not blank and is meaningful
else {
this.siw.matchCollection = null;
}
} //this.siw exists ... uhmkaaayyyyy
}, //this.setSmartInputData
getSmartInputBoxContent: function() {
var a = '';
if (this.siw && this.siw.matchCollection && (this.siw.matchCollection.length > 0)) {
for (i = 0; i < this.siw.matchCollection.length; i++) {
selectedString = this.siw.matchCollection[i].isSelected ? ' selectedSmartInputItem' : '';
selectedString += this.siw.matchCollection[i].isInferred ? ' inferredSmartInputItem' : '';
var id = ("selected" + i);
a += ''
+ this.siw.matchCollection[i].getImageTag()
+ "\t" + this.siw.matchCollection[i].value.replace(/\{ */gi, "<").replace(/\} */gi, ">")
+ '
';
} //
if (this.siw.matchCollection.length == this.acMaxMatches) a+='[...] '+gLanguage.getMessage('AC_MORE_RESULTS_AVAILABLE')+'
';
} else if (this.siw && this.siw.matchCollection && (this.siw.matchCollection.length == 0)) {
a+=''+gLanguage.getMessage('AC_NO_RESULTS')+'
';
}
return a;
}, //this.getSmartInputBoxContent
modifySmartInputBoxContent: function(content) {
//todo: remove credits 'cuz no one gives a shit ;] - done
this.siw.floaterContent.innerHTML = '';
this.siw.matchListDisplay = document.getElementById("smartInputResults");
if (this.userContext != null && this.userContext != '') { // scroll only when in editor mode, ie. user context exists.
this.scrollToSelectedItem();
}
}, //this.modifySmartInputBoxContent()
/*
* Scrolls to the selected item in matching box.
* @deprecated
*/
scrollToSelectedItem: function() {
for (i = 0; i < this.siw.matchCollection.length; i++) {
if (this.siw.matchCollection[i].isSelected) {
var selElement = document.getElementById("selected" + i);
selElement.scrollIntoView(false);
return;
}
}
}, //this.scrollToSelectedItem
selectFromMouseOver: function(o) {
var currentIndex = this.getCurrentlySelectedSmartInputItem();
if (currentIndex != null) this.deSelectSmartInputMatchItem(currentIndex);
var newIndex = this.getIndexFromElement(o);
this.selectSmartInputMatchItem(newIndex);
this.modifySmartInputBoxContent(this.getSmartInputBoxContent());
}, //this.selectFromMouseOver
selectFromMouseClick: function() {
this.activateCurrentSmartInputMatch();
var id = this.siw.inputBox ? this.siw.inputBox.getAttribute("id") : null;
// ignore search field, because it deletes
// its content when it gains the focus.
if (id != 'searchInput') {
this.siw.inputBox.focus();
this.siw.inputBox.blur();
}
this.hideSmartInputFloater();
}, //this.selectFromMouseClick
getIndexFromElement: function(o) {
var index = 0;
while (o = o.previousSibling) {
index++;
} //
return index;
}, //this.getIndexFromElement
getCurrentlySelectedSmartInputItem: function() {
var answer = null;
if (!this.siw.matchCollection) return;
for (i = 0; ((i < this.siw.matchCollection.length) && !answer); i++) {
if (this.siw.matchCollection[i].isSelected) answer = i;
} //
return answer;
}, //this.getCurrentlySelectedSmartInputItem
selectSmartInputMatchItem: function(index) {
if (!this.siw.matchCollection) return;
this.siw.matchCollection[index].isSelected = true;
}, //this.selectSmartInputMatchItem()
deSelectSmartInputMatchItem: function(index) {
if (!this.siw.matchCollection) return;
this.siw.matchCollection[index].isSelected = false;
}, //this.deSelectSmartInputMatchItem()
selectNextSmartInputMatchItem: function() {
if (!this.siw.matchCollection) return;
currentIndex = this.getCurrentlySelectedSmartInputItem();
if (currentIndex != null) {
this.deSelectSmartInputMatchItem(currentIndex);
if ((currentIndex + 1) < this.siw.matchCollection.length) this.selectSmartInputMatchItem(currentIndex + 1);
else this.selectSmartInputMatchItem(0);
} else {
this.selectSmartInputMatchItem(0);
}
this.modifySmartInputBoxContent(this.getSmartInputBoxContent());
}, //this.selectNextSmartInputMatchItem
selectPreviousSmartInputMatchItem: function() {
if (!this.siw.matchCollection) return;
var currentIndex = this.getCurrentlySelectedSmartInputItem();
if (currentIndex != null) {
this.deSelectSmartInputMatchItem(currentIndex);
if ((currentIndex - 1) >= 0) this.selectSmartInputMatchItem(currentIndex - 1);
else this.selectSmartInputMatchItem(this.siw.matchCollection.length - 1);
} else {
this.selectSmartInputMatchItem(this.siw.matchCollection.length - 1);
}
this.modifySmartInputBoxContent(this.getSmartInputBoxContent());
}, //this.selectPreviousSmartInputMatchItem
/*
* Pastes the selected item as text in input box.
*/
activateCurrentSmartInputMatch: function() {
var baseValue = this.getUserInputBase();
if ((selIndex = this.getCurrentlySelectedSmartInputItem()) != null) {
addedValue = this.siw.matchCollection[selIndex].cleanValue;
this.insertTerm(addedValue, baseValue, this.siw.matchCollection[selIndex]);
this.ignorePending = true;
} else {
smwhgLogger.log("", "AC", "close_without_selection");
}
}, //this.activateCurrentSmartInputMatch
insertTerm: function(addedValue, baseValue, entry) {
var type = entry.getType();
var nsText = entry.getNsText();
// replace underscore with blank
addedValue = addedValue.replace(/_/g, " ");
var userContext = this.getUserContext();
if (this.siw.customFloater) {
//FIXME: localize category
if ((userContext.match(/:=/) || userContext.match(/::/) || userContext.match(/category:/i))
&& !this.getTextAfterCursor().match(/^(\s|\r|\n)*\]\]|^(\s|\r|\n)*\||^(\s|\r|\n)*;/)) {
addedValue += "]]";
} else if (userContext.match(/\?/) || userContext.match(/\|/)) {
// query parameter/printout context. do not add anything in this case
}else if (type == SMW_PROPERTY_NS && gLanguage.getMessage('PROPERTY_NS_WOC') != addedValue) {
// context is a property but not the namespace itself
addedValue += "::";
} else if (type == SMW_INSTANCE_NS) {
if (!userContext.match(/|(\s|\r|\n)*$/)) {
// add only if instance is no template parameter
addedValue += "]]";
}
}else if (addedValue.match("/"+gLanguage.getMessage('CATEGORY_NS_WOC')+"/i")) {
// category case
addedValue += ":";
} else if (userContext.match(/^\{\{/i)) {
// template or parser function case
} else {
// FIXME: in case of a namespace print the colon
if (!this.getTextAfterCursor().match(/^(\s|\r|\n)*\]\]|^(\s|\r|\n)*\||^(\s|\r|\n)*;/)) {
addedValue += ":"; // all others (probably namespace)
}
}
}
if (OB_bd.isIE && this.siw.inputBox.tagName == 'TEXTAREA') {
this.siw.inputBox.focus();
// set old cursor position
this.currentIESelection.collapse(false);
this.currentIESelection.select();
var userInput = this.getUserInputToMatch();
if (type == SMW_ENUM_POSSIBLE_VALUE_OR_UNIT) {
userInput = this.removeNumberFromMeasure(userInput);
}
// get TextRanges with text before and after user input
// which is to be matched.
// e.g. [[category:De]] would return:
// range1 = [[category:
// range2 = ]]
var pasteNS = this.siw.inputBox != null ? this.siw.inputBox.getAttribute("pasteNS") : null;
var nsPrefix = pasteNS && nsText != null && nsText != '' ? nsText + ":" : "";
var selection_range = document.selection.createRange();
selection_range.moveStart("character", -userInput.length);
selection_range.text = nsPrefix+addedValue;
selection_range.collapse(false);
selection_range.select();
if (typeof(refreshSTB) != "undefined") refreshSTB.changed();
// log
smwhgLogger.log(userInput+addedValue, "AC", "close_with_selection");
} else if (OB_bd.isGecko && this.siw.inputBox.tagName == 'TEXTAREA') {
var userInput = this.getUserInputToMatch();
if (type == SMW_ENUM_POSSIBLE_VALUE_OR_UNIT) {
userInput = this.removeNumberFromMeasure(userInput);
}
// save scroll position
var scrollTop = this.siw.inputBox.scrollTop;
// get text before and after user input which is to be matched.
var start = this.siw.inputBox.selectionStart;
var pre = this.siw.inputBox.value.substring(0, start - userInput.length);
var suf = this.siw.inputBox.value.substring(start);
// insert text
var pasteNS = this.siw.inputBox != null ? this.siw.inputBox.getAttribute("pasteNS") : null;
var nsPrefix = pasteNS && nsText != null && nsText != '' ? nsText + ":" : "";
var theString = pre + nsPrefix + addedValue + suf;
this.siw.inputBox.value = theString;
// set the cursor behind the inserted text
this.siw.inputBox.selectionStart = start + (nsPrefix.length+addedValue.length) - userInput.length;
this.siw.inputBox.selectionEnd = start + (nsPrefix.length+addedValue.length) - userInput.length;
// set old scroll position
this.siw.inputBox.scrollTop = scrollTop;
if (typeof(refreshSTB) != "undefined") refreshSTB.changed();
// log
smwhgLogger.log(userInput+addedValue, "AC", "close_with_selection");
} else {
var pasteNS = this.currentInputBox != null ? this.currentInputBox.getAttribute("pasteNS") : null;
var nsPrefix = pasteNS == 'true' && nsText != null && nsText != '' ? nsText + ":" : "";
var theString = (baseValue ? baseValue : "") + nsPrefix + addedValue;
this.siw.inputBox.value = theString;
smwhgLogger.log(theString, "AC", "close_with_selection");
}
},
/**
* Checks if added value has the form of a measure (= number + unit)
* If that is the case, remove number from userinput
*/
removeNumberFromMeasure: function(measure) {
var result = measure;
var matches = result.match(/[+-]?\d+(\.\d+([eE][+-]?\d*)?)?_+/gi);
if (matches) {
result = result.substr(matches[0].length);
}
return result;
},
/**
* @public buffers the current position so it can later be restored
*
*/
storePosition: function(){
var pos = this.getPosition();
this.posX = pos[0];
this.posY = pos[1];
this.moved = true;
},
/**
* @public buffers the current position so it can later be restored
*
* @return array[0] xposition
* array[1] yposition
*
*/
restorePosition: function(){
if(!isNaN(this.posX) && !isNaN(this.posY)){
this.setPosition(this.posX, this.posY);
}
},
/**
* @public returns the act. position of the toolbar
*
* @return array[0] xposition
* array[1] yposition
*
*/
getPosition: function(){
return new Array($('MWFloater0').offsetLeft,$('MWFloater0').offsetTop);
},
/**
* @public positions the STB at the given coordinates considering how it fits best
*
* @param posX
* desired X position
* posY
* desired Y position
*/
setPosition: function(posX,posY){
//X-Coordinates
var toolbarWidth = $('MWFloater0').scrollWidth;
//Check if it fits right to the coordinates
if( window.innerWidth - posX < toolbarWidth) {
//Check if it fits left to the coordinates
if( posX < toolbarWidth){
// if not place it on the left side of the window
$('MWFloater0').setStyle({right: '' });
$('MWFloater0').setStyle({left: '10px'});
} else {
//if it fits position it left to the coordinates
var pos = window.innerWidth - posX;
$('MWFloater0').setStyle({right: pos + 'px' });
$('MWFloater0').setStyle({left: ''});
}
} else {
//if it fits position it right to the coordinates
var pos = posX;
$('MWFloater0').setStyle({right: ''});
$('MWFloater0').setStyle({left: pos + 'px'});
}
//Y-Coordinates
var toolbarHeight = $('MWFloater0').scrollHeight;
//Check if it fits bottom to the coordinates
if( window.innerHeight - posY < toolbarHeight) {
//Check if it fits top to the coordinates
if(posY < toolbarHeight){
// if not place it on the top side of the window
$('MWFloater0').setStyle({bottom: '' });
$('MWFloater0').setStyle({top: '10px'});
} else {
var pos = window.innerHeight - posY;
//if it fits position it top to the coordinates
$('MWFloater0').setStyle({top: ''});
}
}else {
//if it fits position it bottom to the coordinates
var pos = posY;
$('MWFloater0').setStyle({bottom: ''});
$('MWFloater0').setStyle({top: pos + 'px'});
}
},
/**
* Initial registration of TEXTAREAs and INPUTs for AC.
* where className contains 'wickEnabled'
*/
registerSmartInputListeners: function() {
// use AC for all inputs.
var inputs = document.getElementsByTagName("input");
// use AC only for specified textareas, otherwise uncomment (*)
var texts = Array();
// (*) texts = document.getElementsByTagName("textarea");
texts[0] = document.getElementById("wpTextbox1");
// ----------------------------------------------------------
AC_matchCache = new MatchCache();
// register inputs
this.registerAllInputs();
// register textareas
this.textAreas = new Array();
var y = 0;
// copy all wickEnabled textareas
if (texts) {
while (texts[y]) {
this.textAreas.push(texts[y]);
this.createEmbeddingContainer(texts[y]);
y++;
} //
}
// creates the floater and adds it to content DIV
//var contentElement = document.getElementById("content");
var contentElement = document.body;
contentElement.appendChild(this.createFloater());
var pending = this.createPendingAJAXIndicator();
contentElement.appendChild(pending);
this.siw = null;
// register events
Event.observe(document, "keydown", this.handleKeyDown.bindAsEventListener(this), false);
Event.observe(document, "keyup", this.handleKeyPress.bindAsEventListener(this), false);
Event.observe(document, "mouseup", this.handleClick.bindAsEventListener(this), false);
if ($('MWFloater0') != null) {
// needed for draggable floater in FF
// needed for hiding floater when clicking outside
Event.observe(document, "mousedown", this.handleMouseDown.bindAsEventListener(this), false);
this.draggable = new Draggable('MWFloater0', {
//TODO: replace handle with proper tab if present
handle: 'mwfloater',
starteffect: function() {
//autoCompleter.storePosition();
//autoCompleter.restorePosition();
},
endeffect: function(){} });
//Adds an Observer which stores the position of the stb after each drag
//this is temporary and probably will be removed if lightweight framework is implemented
var DragObserver = Class.create();
DragObserver.prototype = {
initialize: function() {
this.element = null;
},
onEnd: function(){
autoCompleter.storePosition();
}
};
var dragObserver = new DragObserver();
Draggables.addObserver(dragObserver);
}
Event.observe(document, "mouseover", this.handleMouseOver.bindAsEventListener(this), false);
// show AC hint
$$('input.wickEnabled').each(function(t) {
jQuery(t).qtip( {
content: {
text: function(api) {
var constraints = t.getAttribute('constraints');
return autoCompleter.translateACHint(constraints);
}
},
show : {
effect : {
length : 500
},
when : {
event : 'mouseover'
}
},
hide : {
when : {
event : 'mouseout'
},
fixed : true
},
position : {
my: 'bottom left',
at: 'top left'
},
style : {
width : 300,
classes: 'ui-tooltip-blue ui-tooltip-shadow'
}
});
});
}, //registerSmartInputListeners
/**
* Translates the constraint parameter into human-readible text
*
* @param string Constraints parameter as it appears in the INPUT element.
*
* @return string
*/
translateACHint:function(constraint) {
if (constraint == null || constraint == '') {
constraint = "all";
}
constraint = jQuery.trim(constraint);
var commands = constraint.split("|");
var showText = "";
commands.each(function(c) {
var sepIndex = c.indexOf(":");
var parameter = '';
var command = '';
if (sepIndex != -1) {
command = jQuery.trim(c.substr(0, sepIndex));
parameter = jQuery.trim(c.substr(sepIndex+1));
}
if (constraint == 'all') {
showText += gLanguage.getMessage('AC_ALL');
} else if (command == 'ask') {
showText += gLanguage.getMessage('AC_QUERY') + parameter;
} else if (command == 'schema-property-domain') {
showText += gLanguage.getMessage('AC_SCHEMA_PROPERTY_DOMAIN') + parameter;
} else if (command == 'schema-property-range-instance') {
showText += gLanguage.getMessage('AC_SCHEMA_PROPERTY_RANGE_INSTANCE') + parameter;
} else if (command == 'domainless-property') {
showText += gLanguage.getMessage('AC_DOMAINLESS_PROPERTY') + parameter;
} else if (command == 'annotation-property') {
showText += gLanguage.getMessage('AC_ANNOTATION_PROPERTY') + parameter;
} else if (command == 'annotation-value') {
showText += gLanguage.getMessage('AC_ANNOTATION_VALUE') + parameter;
} else if (command == 'instance-property-range') {
showText += gLanguage.getMessage('AC_INSTANCE_PROPERTY_RANGE') + parameter;
} else if (command == 'namespace') {
// convert namespace indices into names, if necessary
var namespaces = parameter.split(",");
var namespaceText = "";
var i = 0;
namespaces.each(function(n) {
if (!isNaN(n)) {
var index = Number(n);
namespaceText += wgFormattedNamespaces[index];
} else{
namespaceText += n;
}
i++;
if (i < namespaces.length) namespaceText += ", ";
});
showText += gLanguage.getMessage('AC_NAMESPACE') + namespaceText;
} else if (command == 'lexical') {
showText += gLanguage.getMessage('AC_LEXICAL') + parameter;
} else if (command == 'schema-property-type') {
showText += gLanguage.getMessage('AC_SCHEMA_PROPERTY_TYPE') + parameter;
} else if (command == 'asf-ac') {
showText += gLanguage.getMessage('AC_ASF') + parameter;
} else if (command == 'from-bundle') {
showText += gLanguage.getMessage('AC_FROM_BUNDLE') + parameter;
} else {
showText += "Unknown constraint: "+c;
}
});
return showText;
},
/**
* Register all INPUT tags on page.
*/
registerAllInputs: function() {
var inputs = document.getElementsByTagName("input");
this.allInputs = new Array();
var x = 0;
var z = 0;
var c = null;
// copy all wickEnabled inputs and the one with ID="searchInput"
if (inputs) {
while (inputs[x]) {
if (((i = inputs[x].id) && (i.indexOf("searchInput") != -1)) ||
(c = inputs[x].className) && (c.indexOf("wickenabled") != -1)) {
this.allInputs[z] = new Array();
this.allInputs[z][0] = inputs[x];
this.allInputs[z][0].setAttribute("autocomplete", "OFF");
this.allInputs[z][0].setAttribute("class", "wickEnabled");
if (i.indexOf("searchInput") != -1 ) {
// pasteNS as default for searchInput
this.allInputs[z][0].setAttribute("pasteNS", "true");
}
this.allInputs[z][1] = this.handleBlur.bindAsEventListener(this);
Event.observe(this.allInputs[z][0], "blur", this.allInputs[z][1]);
z++;
}
x++;
}
}
},
/**
* Deregister all INPUT tags on page.
*/
deregisterAllInputs: function() {
if (this.allInputs != null) {
for (i = 0; i < this.allInputs.length; i++) {
Event.stopObserving(this.allInputs[i][0], "blur", this.allInputs[i][1]);
} //loop thru inputs
}
},
/**
* Register an additional textarea in another iframe for Auto-Completion
*
* @param textAreaID TextArea which will be registered.
* @param iFrame One of window.frames[ID].
*/
registerTextArea: function(textAreaID, iFrame) {
if (iFrame && textAreaID) {
var textArea = iFrame.document.getElementById(textAreaID);
if (textArea) {
if (this.textAreas.indexOf(textArea) != -1) {
return; // do not register twice
}
this.textAreas.push(textArea);
this.createEmbeddingContainer(textArea, iFrame);
var iFrameDocument = iFrame.document;
// register events
Event.observe(iFrameDocument, "keydown", this.handleKeyDown.bindAsEventListener(this), false);
Event.observe(iFrameDocument, "keyup", this.handleKeyPress.bindAsEventListener(this), false);
Event.observe(iFrameDocument, "mouseup", this.handleClick.bindAsEventListener(this), false);
if (OB_bd.isGecko) {
// needed for draggable floater in FF
Event.observe(iFrameDocument, "mousedown", this.handleMouseDown.bindAsEventListener(this), false);
}
Event.observe(iFrameDocument, "mouseover", this.handleMouseOver.bindAsEventListener(this), false);
}
}
},
// ------- Create HTML containers and elements --------------
/*
* creates the embedding container for textareas
*/
createEmbeddingContainer: function(textarea, iframe) {
var container = document.createElement("div") ;//: iframe.document.getElementById('acWrapperForWikitext');
container.setAttribute("style", "position:relative;text-align:left");
var mwFloater = document.createElement("div");
mwFloater.setAttribute("id", "MWFloater" + this.AC_idCounter);
Element.addClassName(mwFloater, "MWFloater");
var mwContent = document.createElement("div");
Element.addClassName(mwContent, "MWFloaterContent");
if (OB_bd.isGecko) {
// show dragging information in Gecko Browsers
var mwContentHeader = document.createElement("div");
Element.addClassName(mwContentHeader, "MWFloaterContentHeader");
var textinHeader = document.createElement("span");
//textinHeader.setAttribute("src", wgServer + wgScriptPath + "/extensions/SMWHalo/skins/Autocompletion/clicktodrag.gif");
textinHeader.setAttribute("style", "margin-left:5px;");
textinHeader.innerHTML = gLanguage.getMessage('AC_CLICK_TO_DRAG');
var cross = document.createElement("img");
Element.addClassName(cross, "closeFloater");
cross.setAttribute("src",
wgServer + wgScriptPath + "/extensions/SMWHalo/skins/Autocompletion/close.gif");
if (typeof FCKeditor != 'undefined')
cross.setAttribute("onclick", "javascript:window.top.autoCompleter.hideSmartInputFloater()");
else
cross.setAttribute("onclick", "javascript:autoCompleter.hideSmartInputFloater()");
cross.setAttribute("style", "margin-left:4px;margin-bottom:3px;");
mwContentHeader.appendChild(cross);
mwContentHeader.appendChild(textinHeader);
mwFloater.appendChild(mwContentHeader);
}
container.appendChild(mwFloater);
mwFloater.appendChild(mwContent);
var parent = document.body;
var f = container;//parent.replaceChild(container, textarea);
Element.addClassName(f, "wickEnabled:MWFloater" + this.AC_idCounter);
Element.addClassName(textarea, 'wickEnabled:MWFloater' + this.AC_idCounter);
parent.appendChild(f);
var acMessage = document.createElement("div");
Element.addClassName(acMessage, "acMessage");
acMessage.innerHTML = gLanguage.getMessage('AUTOCOMPLETION_HINT');
if (GeneralBrowserTools.getURLParameter("mode") == 'wysiwyg')
acMessage.innerHTML += ' ' + gLanguage.getMessage('WW_AUTOCOMPLETION_HINT');
acMessage.setAttribute("id", "smwhalo_acHint");
var copywarn = !iframe ? $('editpage-copywarn'): iframe.document.getElementById('editpage-copywarn');
var oldACHint = $('smwhalo_acHint');
if (!oldACHint) {
textarea.parentNode.insertBefore(acMessage, copywarn);
}
this.AC_idCounter++;
},
/*
* Creates the floater
*/
createFloater: function() {
var tableElement = document.createElement("table");
var tbodyElement = document.createElement("tbody");
tableElement.setAttribute("id", "smartInputFloater");
Element.addClassName(tableElement, "floater");
tableElement.setAttribute("cellpadding", "0");
tableElement.setAttribute("cellspacing", "0");
var trElement = document.createElement("tr");
var tdElement = document.createElement("td");
tdElement.setAttribute("id", "smartInputFloaterContent");
tdElement.setAttribute("nowrap", "nowrap");
trElement.appendChild(tdElement);
tbodyElement.appendChild(trElement);
tableElement.appendChild(tbodyElement);
return tableElement;
},
/**
* Creates element indicating pending AJAX calls.
*/
createPendingAJAXIndicator: function() {
var pending = document.createElement("img");
Element.addClassName(pending, "pendingElement");
pending.setAttribute("src",
wgServer + wgScriptPath + "/extensions/SMWHalo/skins/Autocompletion/pending.gif");
pending.setAttribute("id", "pendingAjaxIndicator");
return pending;
},
/**
* Parse the
*/
getMatchItems: function(xml) {
var list = GeneralXMLTools.createDocumentFromString(xml);
var children = list.firstChild.childNodes;
var collection = new Array();
this.acMaxMatches = list.firstChild.getAttribute("maxMatches");
for (var i = 0, n = children.length; i < n; i++) {
var displayNode = children[i].getElementsByTagName("display")[0];
var display = displayNode.firstChild.nodeValue;
var type = parseInt(children[i].getAttribute("type"));
var inferred = children[i].getAttribute("inferred") == "true";
var nsText = children[i].getAttribute("nsText");
var imageurl = children[i].getAttribute("imageurl");
var pasteContentTextNode = children[i].getElementsByTagName("pasteContent")[0];
var extraDataTextNode = children[i].getElementsByTagName("extraData")[0];
var pasteContent = pasteContentTextNode.firstChild != null ? pasteContentTextNode.firstChild.nodeValue : "";
var extraData = extraDataTextNode.firstChild != null ? extraDataTextNode.firstChild.nodeValue : "";
collection[i] = new MatchItem(display, type, nsText, extraData, inferred, pasteContent, imageurl);
}
return collection;
}
}
// ----- Classes -----------
function MatchItem(text, type, nsText, extraData, inferred, pasteContent, imageurl) {
var _text = text;
var _type = type;
var _nsText = nsText;
var _extraData = extraData;
var _inferred = inferred;
var _pasteContent = pasteContent;
var _imageurl = imageurl;
this.getText = function() { return _text; }
this.getExtraData = function() { return _extraData; }
this.getType = function() { return _type; }
this.getNsText = function() { return _nsText; }
this.getImageURL = function() { return _imageurl; }
this.isInferred = function() { return _inferred; }
this.getPasteContent = function() { return _pasteContent; }
}
function SmartInputWindow() {
this.customFloater = false;
this.floater = document.getElementById("smartInputFloater");
this.floaterContent = document.getElementById("smartInputFloaterContent");
this.selectedSmartInputItem = null;
this.showCredit = false;
this.getMWFloaterId = function() {
var node = this.floater;
if (!node || node == null) return "undefined";
while(node && node.nodeType != 9) { // node != document
if (Element.hasClassName(node, "MWFloater"))
return (node.id) ? node.id : "undefined";
node = node.parentNode;
}
return 'undefined';
}
} //SmartInputWindow Object
function SmartInputMatch(cleanValue, value, type, nsText, extraData, inferred, imageurl) {
this.cleanValue = cleanValue;
this.value = value;
this.isSelected = false;
this.isInferred = inferred;
var _type = type;
var _nsText = nsText;
var _extraData = extraData;
var _imageurl = imageurl;
/**
* Shows namespace icon or namespace as text.
* In case of primitive values neither of that.
*/
this.getImageTag = function() {
if (_imageurl && _imageurl != '') {
return "![](\"")
";
} else {
var imgPath = acNamespaceRegistry.getImgPath(_type);
var namespaceText = _nsText != null ? _nsText+":" : "";
return imgPath ? "" : namespaceText;
}
}
this.getType = function() { return _type; }
this.getNsText = function() { return _nsText; }
this.getExtraData = function() { return _extraData; }
} //SmartInputMatch
/**
* Cache to hold previous AC requests.
*/
function MatchCache() {
// general cache for edit mode as associative array
var generalCache = $H({ });
var nextToReplace = 0;
// maximum number of cache entries
var MAX_CACHE = 10;
//TODO: would be nice to implement a better cache replace strategy
this.addLookup = function(matchText, matches, constraints) {
if (matchText == "" || matchText == null) return;
// use general cache
if (generalCache.keys().length == MAX_CACHE) {
generalCache.remove(generalCache.keys()[nextToReplace]);
nextToReplace++;
if (nextToReplace == MAX_CACHE) {
nextToReplace = 0;
}
}
generalCache[matchText+constraints] = matches;
}
this.getLookup = function(matchText, constraints) {
// use general cache
if (generalCache[matchText+constraints] && typeof(generalCache[matchText+constraints]) == 'object') {
return generalCache[matchText+constraints];
}
return null; // lookup failed
}
}
// main program
// create global AutoCompleter object:
autoCompleter = new AutoCompleter();
// reset AC state from cookie
var AC_options = GeneralBrowserTools.getCookie("AC_options");
if (AC_options == null) {
sajax_do_call('smwf_ac_AutoCompletionOptions', [], autoCompletionsOptions);
} else {
processAutoCompletionOptions(AC_options);
}
// Initialize after complete document has been loaded
Event.observe(window, 'load', autoCompleter.registerSmartInputListeners.bind(autoCompleter));