").text(value).html();
}
/**
* farshid:
* ray_autocomplete call back function
*/
function ray_autocomplete_selected(value, data, prefix, icon, forceSigle, elName) {
if (!forceSigle) {
addInput(value, data, prefix, icon, forceSigle, elName);
jQuery('.autocomp').val('');
} else {
addInput(value, data, prefix, icon, forceSigle, elName);
//jQuery('input#'+elName).val('').css('display', 'none');
//jQuery('input[name|=' + elName + ']').attr('type', 'hidden');
jQuery('input[name|=' + elName + ']').each(function(i, el) {
var jel = jQuery(el);
var $name = jel.attr('name');
var $id = jel.attr('id');
var $class = jel.attr('class');
var $rel = jel.attr('rel');
var $services = jel.attr('services');
jQuery('.autocomp-showAll[rel="' + $rel + '"]').parent().hide();
var $html = '
';
var $htmlTitle = '
';
var inp = jQuery($html);
var inpTitle = jQuery($htmlTitle);
jel.after(inp);
inp.after(inpTitle);
jel.remove();
});
}
return false;
}
/**
* farshid:
* revised version of jQuery Autocomplete plugin
* new name will be: RayAutocomplete
* RayAutocomplete:
*/
(function(jQuery) {
var reEscape = new RegExp('(\\' + ['/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\'].join('|\\') + ')', 'g');
function fnFormatResult(value, data, currentValue) {
var pattern = '(' + currentValue.replace(reEscape, '\\$1') + ')';
return HTMLEncode(value).replace(new RegExp(pattern, 'gi'), '
$1<\/strong>');
}
function RayAutocomplete(el, options) {
this.el = jQuery(el);
this.el.attr('ray_autocomplete', 'off');
this.suggestions = [];
this.data = [];
this.icons = [];
this.badQueries = [];
this.selectedIndex = -1;
this.currentValue = this.el.val();
this.intervalId = 0;
this.cachedResponse = [];
this.onChangeInterval = null;
this.ignoreValueChange = false;
this.serviceUrl = options.serviceUrl;
this.isLocal = false;
this.forceSigle = this.el.hasClass('forcesingle');
this.options = {
autoSubmit: false,
minChars: 0,
maxHeight: 300,
deferRequestBy: 0,
width: 0,
highlight: true,
params: {},
fnFormatResult: fnFormatResult,
delimiter: null,
zIndex: 9999,
noCache: true
};
this.initialize();
this.setOptions(options);
this.prefix = this.el.attr('rel');
this.services = jQuery(this.el).metadata().services;
this.onSelectFunc = jQuery(this.el).metadata().onSelectFunc;
}
jQuery.fn.ray_autocomplete = function(options) {
return new RayAutocomplete(this.get(0), options);
};
RayAutocomplete.prototype = {
killerFn: null,
initialize: function() {
var me, uid, rayAutocompleteElId;
me = this;
uid = Math.floor(Math.random() * 0x100000).toString(16);
rayAutocompleteElId = 'RayAutocomplete_' + uid;
this.killerFn = function(e) {
if (jQuery(e.target).parents('.ray_autocomplete').size() === 0) {
me.killSuggestions();
me.disableKillerFn();
}
};
if (!this.options.width) { this.options.width = this.el.width(); };
this.mainContainerId = 'RayAutocompleteContainter_' + uid;
jQuery('').appendTo('body');
this.container = jQuery('#' + rayAutocompleteElId);
jQuery('#contentmain').scroll(function() { me.fixPosition(); });
jQuery(window).resize(function() { me.fixPosition(); });
this.fixPosition();
if (window.opera) {
this.el.keypress(function(e) { me.onKeyPress(e); });
} else {
this.el.keydown(function(e) { me.onKeyPress(e); });
}
this.el.keyup(function(e) { me.onKeyUp(e); });
this.el.blur(function() { me.enableKillerFn(); });
this.el.focus(function() { me.fixPosition(); });
//this.el.get(0).AutoCompObject = this;
jQuery(this.el).parent().find('.autocomp-showAll').click(function(e) {
me.showAll();
e.stopImmediatePropagation();
e.preventDefault();
});
},
setOptions: function(options) {
var o = this.options;
jQuery.extend(o, options);
if (o.lookup) {
this.isLocal = true;
if (jQuery.isArray(o.lookup)) { o.lookup = { suggestions: o.lookup, data: [] }; }
}
jQuery('#' + this.mainContainerId).css({ zIndex: o.zIndex });
this.container.css({ maxHeight: o.maxHeight + 'px', width: o.width });
},
clearCache: function() {
this.cachedResponse = [];
this.badQueries = [];
},
disable: function() {
this.disabled = true;
},
enable: function() {
this.disabled = false;
},
fixPosition: function() {
var offset = this.el.offset();
if (offset.top < (jQuery(window).height() / 2)) {
jQuery('#' + this.mainContainerId).css({ top: (offset.top + this.el.outerHeight()) + 'px', left: offset.left + 'px' });
this.options.width = this.el.outerWidth() - 2;
this.container.css({ maxHeight: this.options.maxHeight + 'px', width: this.options.width });
} else {
this.options.width = this.el.outerWidth() - 2;
this.container.css({ maxHeight: this.options.maxHeight + 'px', width: this.options.width });
jQuery('#' + this.mainContainerId).css({ top: (offset.top - this.container.outerHeight()) + 'px', left: offset.left + 'px' });
}
},
enableKillerFn: function() {
var me = this;
jQuery(document).bind('click', me.killerFn);
},
disableKillerFn: function() {
var me = this;
jQuery(document).unbind('click', me.killerFn);
},
killSuggestions: function() {
var me = this;
this.stopKillSuggestions();
this.intervalId = window.setInterval(function() { me.hide(); me.stopKillSuggestions(); }, 300);
},
stopKillSuggestions: function() {
window.clearInterval(this.intervalId);
},
onKeyPress: function(e) {
if (this.disabled || !this.enabled) { return; }
// return will exit the function
// and event will not be prevented
switch (e.keyCode) {
case 27: //KEY_ESC:
this.el.val(this.currentValue);
this.hide();
break;
case 9: //KEY_TAB:
case 13: //KEY_RETURN:
/**
* Farshid
* I have removed this part, which is handling tab key,
* if things go just fine we will remove this
*/
//if (this.selectedIndex === -1 || e.keyCode === 9) {
// this.hide();
// e.stopImmediatePropagation();
// e.preventDefault();
// return;
//}
this.select(this.selectedIndex);
break;
case 38: //KEY_UP:
this.moveUp();
break;
case 40: //KEY_DOWN:
this.moveDown();
break;
default:
return;
}
e.stopImmediatePropagation();
e.preventDefault();
},
onKeyUp: function(e) {
if (this.disabled) { return; }
switch (e.keyCode) {
case 38: //KEY_UP:
case 40: //KEY_DOWN:
{
//if (this.selectedIndex === -1 && ! this.enabled) this.getSuggestions("");
}
return;
}
clearInterval(this.onChangeInterval);
if (this.currentValue !== this.el.val()) {
if (this.options.deferRequestBy > 0) {
// Defer lookup in case when value changes very quickly:
var me = this;
this.onChangeInterval = setInterval(function() { me.onValueChange(); }, this.options.deferRequestBy);
} else {
this.onValueChange();
}
}
},
onValueChange: function() {
clearInterval(this.onChangeInterval);
this.currentValue = this.el.val();
var q = this.getQuery(this.currentValue);
this.selectedIndex = -1;
if (this.ignoreValueChange) {
this.ignoreValueChange = false;
return;
}
if (q === '' || q.length < this.options.minChars) {
this.hide();
} else {
this.getSuggestions(q);
}
},
getQuery: function(val) {
var d, arr;
d = this.options.delimiter;
if (!d) { return jQuery.trim(val); }
arr = val.split(d);
return jQuery.trim(arr[arr.length - 1]);
},
getSuggestionsLocal: function(q) {
var ret, arr, len, val, i;
arr = this.options.lookup;
len = arr.suggestions.length;
ret = { suggestions: [], data: [] };
q = q.toLowerCase();
for (i = 0; i < len; i++) {
val = arr.suggestions[i];
if (val.toLowerCase().indexOf(q) === 0) {
ret.suggestions.push(val);
ret.data.push(arr.data[i]);
}
}
return ret;
},
getSuggestions: function(q) {
var cr, me;
cr = this.isLocal ? this.getSuggestionsLocal(q) : this.cachedResponse[q];
if (cr && jQuery.isArray(cr.suggestions)) {
this.suggestions = cr.suggestions;
this.data = cr.data;
this.suggest();
}
else if (!this.isBadQuery(q)) {
me = this;
me.options.params.query = q;
var res_ret = {};
res_ret.query = q;
res_ret.data = [];
res_ret.suggestions = [];
res_ret.icons = [];
for (var service in this.services) {
var funcName = this.services[service].func_name;
funcName += '("' + q + '", me)';
var res = eval(funcName);
if (res.error) {
me.serverError(res);
return;
}
var className = this.services[service].name;
var idField = this.services[service].idField;
var codeField = this.services[service].codeField;
var titleField = this.services[service].titleField;
jQuery.each(res.value, function(i, item) {
var item_ID = eval('item.' + idField);
var item_Title = eval('item.' + titleField);
var item_Code = eval('item.' + codeField);
res_ret.data.push(item_ID);
res_ret.suggestions.push(item_Title + (item_Code ? (' , ' + item_Code) : ""));
res_ret.icons.push(className);
});
}
me.processResponse(res_ret);
}
},
serverError: function(res) {
if (res.error) {
var user_message = '';
user_message += 'خطا در برقراری ارتباط با سرور' + '\n';
user_message += 'برای ادامه کار لطفا دوباره وارد سیستم شوید' + '\n';
user_message += 'جزئیات خطا' + '\n';
user_message += res.error.Message + '\n';
user_message += 'نوع خطا:' + '\n';
user_message += res.error.Type + '\n';
user_message += '\n';
user_message += 'آیا مایلید دوباره وارد سیستم شوید؟';
if (window.confirm(user_message)) {
window.location.reload();
}
}
},
isBadQuery: function(q) {
var i = this.badQueries.length;
while (i--) {
if (q.indexOf(this.badQueries[i]) === 0) { return true; }
}
return false;
},
hide: function() {
this.enabled = false;
this.selectedIndex = -1;
this.container.hide();
},
suggest: function() {
if (this.suggestions.length === 0) {
this.hide();
return;
}
var me, len, div, f, v, i, s, mOver, mClick;
me = this;
len = this.suggestions.length;
f = this.options.fnFormatResult;
v = this.getQuery(this.currentValue);
mOver = function(xi) { return function() { me.activate(xi); }; };
mClick = function(xi) { return function() { me.select(xi); }; };
this.container.hide().empty();
for (i = 0; i < len; i++) {
s = this.suggestions[i];
div = jQuery((me.selectedIndex === i ? '' + f(s, this.data[i], v) + '
');
div.mouseover(mOver(i));
div.click(mClick(i));
this.container.append(div);
}
this.enabled = true;
this.container.show();
this.container.css('overflow-x', 'hidden');
me.fixPosition();
},
processResponse: function(text) {
var response;
response = text;
if (!jQuery.isArray(response.icons)) { response.icons = []; }
if (!jQuery.isArray(response.data)) { response.data = []; }
if (!this.options.noCache) {
this.cachedResponse[response.query] = response;
if (response.suggestions.length === 0) { this.badQueries.push(response.query); }
}
if (response.query === this.getQuery(this.currentValue) || response.query === "") {
this.suggestions = response.suggestions;
this.data = response.data;
this.icons = response.icons;
this.suggest();
}
},
activate: function(index) {
var divs, activeItem;
divs = this.container.children();
// Clear previous selection:
if (this.selectedIndex !== -1 && divs.length > this.selectedIndex) {
jQuery(divs.get(this.selectedIndex)).removeClass('selected');
}
this.selectedIndex = index;
if (this.selectedIndex !== -1 && divs.length > this.selectedIndex) {
activeItem = divs.get(this.selectedIndex);
jQuery(activeItem).addClass('selected');
}
return activeItem;
},
deactivate: function(div, index) {
div.className = '';
if (this.selectedIndex === index) { this.selectedIndex = -1; }
},
select: function(i) {
var selectedValue, f;
selectedValue = this.suggestions[i];
if (selectedValue) {
this.el.val(selectedValue);
if (this.options.autoSubmit) {
f = this.el.parents('form');
if (f.length > 0) { f.get(0).submit(); }
}
this.ignoreValueChange = true;
this.hide();
this.onSelect(i);
}
},
moveUp: function() {
if (this.selectedIndex === -1) { return; }
if (this.selectedIndex === 0) {
this.container.children().get(0).className = '';
this.selectedIndex = -1;
this.el.val(this.currentValue);
return;
}
this.adjustScroll(this.selectedIndex - 1);
},
moveDown: function() {
if ((this.selectedIndex === (this.suggestions.length - 1))) { return; }
this.adjustScroll(this.selectedIndex + 1);
},
adjustScroll: function(i) {
var activeItem, offsetTop, upperBound, lowerBound;
activeItem = this.activate(i);
offsetTop = activeItem.offsetTop;
upperBound = this.container.scrollTop();
lowerBound = upperBound + this.options.maxHeight - 25;
if (offsetTop < upperBound) {
this.container.scrollTop(offsetTop);
} else if (offsetTop > lowerBound) {
this.container.scrollTop(offsetTop - this.options.maxHeight + 25);
}
this.el.val(this.getValue(this.suggestions[i]));
},
onSelect: function(i) {
var me, onSelect, s, d;
me = this;
onSelect = me.options.onSelect;
s = me.suggestions[i];
d = me.data[i];
ic = me.icons[i];
me.el.val(me.getValue(s));
if (jQuery.isFunction(onSelect)) { onSelect(s, d, this.prefix, ic, this.forceSigle, me.el.attr('name')); };
if (this.onSelectFunc && jQuery.isFunction(eval(this.onSelectFunc))) {
eval(this.onSelectFunc + '(\'' + s + '\',\'' + d + '\',\'' + this.prefix + '\',\'' + ic + '\',\'' + this.forceSigle + '\',\'' + me.el.attr('name') + '\')');
}
},
getValue: function(value) {
var del, currVal, arr, me;
me = this;
del = me.options.delimiter;
if (!del) { return value; }
currVal = me.currentValue;
arr = currVal.split(del);
if (arr.length === 1) { return value; }
return currVal.substr(0, currVal.length - arr[arr.length - 1].length) + value;
},
showAll: function() {
this.el.focus();
this.getSuggestions("");
},
getSelectedValues: function() {
}
};
} (jQuery));
/**
* RayAutocomplete.
*/
/**
* onSelectFuncTemplate, template for onSelectFunc function
* (passed via metadata to be called on item selects)
*
* @param value string
* visual item text value
*
* @param data string
* item ID, returned from called serviec
*
* @param prefix string
* reference input name
*
* @param icon string
* icon classname
*
* @param forceSigle boolean
* is the autocom a sigle or multi select
*
* @param elName string
* The source element name, generated from .net
*
*/
/*
function onSelectFuncTemplate(value, data, prefix, icon, forceSigle, elName) {
// Your great code here :)
}
*/