");
$tagList.append($tagElements);
for (var i = 0; i < tags.length; i++) {
tag = tags[i];
$tagWidget.addTagElement(tag.id, tag.label, tag.selected);
}
/*
* TagActions
*/
$actionElements = $("
");
$tagPopup.append($("").addClass(options.actionListClass).append($actionElements));
jQuery.each(actions, function(id, action){
$tagWidget.addAction(action);
});
/*
* Special treatment
*/
/* Filter */
new $.Filter($tagWidget, $searchInput, $tagList, options);
});
};
$.Filter = function($tagWidget, input, $tagList, options){
var KEY = {
UP: 38,
DOWN: 40,
DEL: 46,
TAB: 9,
RETURN: 13,
ESC: 27,
COMMA: 188,
PAGEUP: 33,
PAGEDOWN: 34,
BACKSPACE: 8,
SPACE: 32
};
var TYPE = {
TAG: "tag",
ACTION: "action"
};
var timeout;
var stopTimeout;
var $tagWidget = $tagWidget;
var $tagList = $tagList;
var lastKeyCode;
$input = $(input);
/* setTimeout */
$input.setTimeout = function(to){
timeout = to;
}
/* getTimeout */
$input.getTimeout = function(){
return timeout;
}
/* changeSelection */
$input.changeSelection = function($tagWidget, $tagList, options, lastKeyCode){
// track last key pressed
switch (lastKeyCode) {
case KEY.UP:
case KEY.PAGEUP:
// remove all Over class from hidden elements
$(":hidden", $tagWidget.getAllOverElements()).each(function(){
$tagWidget.removeOverToElement($(this));
});
if ($tagWidget.getAllOverElements().size() > 0) {
// select current element
overElement = $tagWidget.getAllOverElements();
if (overElement.attr('tagType') == TYPE.TAG) {
// a visible Tag has class Over
var tagIdArr = [];
$tagWidget.getAllVisibleTags().each(function(){
tagIdArr.push($(this).attr('id'));
});
firstTagId = $tagWidget.getAllVisibleTags().filter(':first').attr('id');
curTagId = $tagWidget.getAllOverTagElements().filter(':first').attr('id');
currentElementIndex = jQuery.inArray(overElement.attr('id'), tagIdArr);
nbVisibleElements = $tagWidget.getAllVisibleTags().size();
firstElementIndex = 0;
if (currentElementIndex == firstElementIndex) {
// if first visible Tag then Tag last Action
$tagWidget.getAllOverElements().each(function(){
$tagWidget.removeOverToElement($(this));
});
$tagWidget.addOverToElement($tagWidget.getAllVisibleActions().filter(':last'));
}
else {
switch (lastKeyCode) {
case KEY.UP:
// otherwise Tag the previous Tag
$tagWidget.addOverToElement($tagWidget.getAllOverTagElements().removeClass(options.overClass).prevAll(':visible:first'));
$tagWidget.adaptScroll();
break;
case KEY.PAGEUP:
// otherwise Tag the previous Scroll Tag
elementHeight = overElement.outerHeight();
topPositionScrollTagList = $tagList.scrollTop();
topElementIndex = (topPositionScrollTagList - (topPositionScrollTagList % elementHeight)) / elementHeight;
if ((elementHeight / 2) < (topPositionScrollTagList % elementHeight)) {
topElementIndex = topElementIndex + 1;
}
nbElemInsideTagList = (($tagList.innerHeight() - ($tagList.innerHeight() % elementHeight)) / elementHeight) - 1;
bottomElementIndex = nbElemInsideTagList + topElementIndex;
if (currentElementIndex == topElementIndex) {
// if current element is last visible element then scroll
if (currentElementIndex <= nbElemInsideTagList) {
// if jump is too far: limit to the first element
nextElementIndex = firstElementIndex;
}
else {
// else jump of nb elements inside the tagList
nextElementIndex = topElementIndex - nbElemInsideTagList;
}
}
else {
// else jump to the topElementIndex
nextElementIndex = topElementIndex;
}
$tagWidget.addOverToElement($tagWidget.getAllVisibleTags().eq(nextElementIndex));
$tagWidget.adaptScroll();
break;
}
}
}
else {
if ($tagWidget.getAllOverElements().attr('tagType') == TYPE.ACTION) {
// a visible Action has class Over
firstActionId = $tagWidget.getAllVisibleActions().filter(':first').attr('id');
curActionId = $tagWidget.getAllOverActionElements().filter(':first').attr('id');
regExp = new RegExp(curActionId, "i");
if (regExp.test(firstActionId)) {
// if first visible Action then Tag last tag
$tagWidget.getAllOverElements().each(function(){
$tagWidget.removeOverToElement($(this));
});
$tagWidget.addOverToElement($tagWidget.getAllVisibleTags().filter(':last'));
$tagWidget.adaptScroll();
}
else {
switch (lastKeyCode) {
case KEY.UP:
// otherwise Tag the previous Action
$tagWidget.addOverToElement($tagWidget.getAllOverActionElements().removeClass(options.overClass).prevAll(':visible:first'));
break;
case KEY.PAGEUP:
// otherwise Tag the first Action
$tagWidget.addOverToElement($tagWidget.getAllOverActionElements().removeClass(options.overClass).prevAll(':visible:last'));
break;
}
}
}
}
}
else {
// No element has the Over class
if ($tagWidget.getAllVisibleTags().size() > 0) {
// Tag the last Tag
$tagWidget.addOverToElement($tagWidget.getAllVisibleTags().filter(':last'));
$tagWidget.adaptScroll();
}
else
if ($tagWidget.getAllVisibleActions().size() > 0) {
// Tag the last Action
$tagWidget.addOverToElement($tagWidget.getAllVisibleActions().filter(':last'));
}
}
break;
case KEY.DOWN:
case KEY.PAGEDOWN:
// remove all Over class from hidden elements
$(":hidden", $tagWidget.getAllOverElements()).each(function(){
$tagWidget.removeOverToElement($(this));
});
if ($tagWidget.getAllOverElements().size() > 0) {
// select current element
overElement = $tagWidget.getAllOverElements();
if (overElement.attr('tagType') == TYPE.TAG) {
// a visible Tag has class Over
var tagIdArr = [];
$tagWidget.getAllVisibleTags().each(function(){
tagIdArr.push($(this).attr('id'));
});
lastTagId = $tagWidget.getAllVisibleTags().filter(':last').attr('id');
curTagId = $tagWidget.getAllOverTagElements().filter(':first').attr('id');
currentElementIndex = jQuery.inArray(overElement.attr('id'), tagIdArr);
nbVisibleElements = $tagWidget.getAllVisibleTags().size();
lastElementIndex = nbVisibleElements - 1;
if (currentElementIndex == lastElementIndex) {
// if last visible Tag then Tag first Action
$tagWidget.getAllOverElements().each(function(){
$tagWidget.removeOverToElement($(this));
});
$tagWidget.addOverToElement($tagWidget.getAllVisibleActions().filter(':first'));
}
else {
switch (lastKeyCode) {
case KEY.DOWN:
// otherwise Tag the next Tag
$tagWidget.addOverToElement($tagWidget.getAllOverTagElements().removeClass(options.overClass).nextAll(':visible:first'));
$tagWidget.adaptScroll();
break;
case KEY.PAGEDOWN:
// otherwise Tag the next Scroll Tag
elementHeight = overElement.outerHeight();
topPositionScrollTagList = $tagList.scrollTop();
topElementIndex = (topPositionScrollTagList - (topPositionScrollTagList % elementHeight)) / elementHeight;
if ((elementHeight / 2) < (topPositionScrollTagList % elementHeight)) {
topElementIndex = topElementIndex + 1;
}
nbElemInsideTagList = (($tagList.innerHeight() - ($tagList.innerHeight() % elementHeight)) / elementHeight) - 1;
if (topElementIndex + nbElemInsideTagList <= lastElementIndex) {
bottomElementIndex = topElementIndex + nbElemInsideTagList;
}
else {
bottomElementIndex = lastElementIndex;
}
if (currentElementIndex == bottomElementIndex) {
// if current element is last visible element then scroll
if (currentElementIndex + nbElemInsideTagList >= nbVisibleElements) {
// if jump is too far: limit to the last element
nextElementIndex = nbVisibleElements - 1;
}
else {
// else jump of nb elements inside the tagList
nextElementIndex = bottomElementIndex + nbElemInsideTagList;
}
}
else {
// else jump to the bottomElementIndex
nextElementIndex = bottomElementIndex;
}
$tagWidget.addOverToElement($tagWidget.getAllVisibleTags().eq(nextElementIndex));
$tagWidget.adaptScroll();
break;
}
}
}
else {
if ($tagWidget.getAllOverElements().attr('tagType') == TYPE.ACTION) {
// a visible Action has class Over
lastActionId = $tagWidget.getAllVisibleActions().filter(':last').attr('id');
curActionId = $tagWidget.getAllOverActionElements().filter(':first').attr('id');
regExp = new RegExp(curActionId, "i");
if (regExp.test(lastActionId)) {
// if last visible Action then Tag first tag
$tagWidget.getAllOverElements().each(function(){
$tagWidget.removeOverToElement($(this));
});
$tagWidget.addOverToElement($tagWidget.getAllVisibleTags().filter(':first'));
$tagWidget.adaptScroll();
}
else {
switch (lastKeyCode) {
case KEY.DOWN:
// otherwise Tag the next Action
$tagWidget.addOverToElement($tagWidget.getAllOverActionElements().removeClass(options.overClass).nextAll(':visible:first'));
break;
case KEY.PAGEDOWN:
// otherwise Tag the last Action
$tagWidget.addOverToElement($tagWidget.getAllOverActionElements().removeClass(options.overClass).nextAll(':visible:last'));
break;
}
}
}
}
}
else {
// No element has the Over class
if ($tagWidget.getAllVisibleTags().size() > 0) {
// Tag the first Tag
$tagWidget.addOverToElement($tagWidget.getAllVisibleTags().filter(':first'));
$tagWidget.adaptScroll();
}
else {
// Tag the first Action
if ($tagWidget.getAllVisibleActions().size() > 0) {
$tagWidget.addOverToElement($tagWidget.getAllVisibleActions().filter(':first'));
}
}
}
break;
}
clearTimeout($input.getTimeout());
$input.setTimeout(setTimeout(function(){
$input.changeSelection($tagWidget, $tagList, options, lastKeyCode)
}, options.delay));
};
$input.bind("keyup", function(event){
switch (event.keyCode) {
case KEY.UP:
case KEY.DOWN:
case KEY.PAGEUP:
case KEY.PAGEDOWN:
case KEY.TAB:
case KEY.RETURN:
case KEY.SPACE:
clearTimeout($input.getTimeout());
break;
default:
searchEl = $(this);
var pattern = searchEl.val().replace(/^\s+|\s+$/g, '');
var regExp = new RegExp(pattern, "i");
var lis = $tagWidget.getAllTags().each(function(){
if (regExp.test($(this).text())) {
$(this).show();
}
else {
if ($tagWidget.elementHasOver($(this))) {
$tagWidget.removeOverToElement($(this));
}
$(this).hide();
}
});
break;
}
});
$input.keydown(function(event){
// track last key pressed
switch (event.keyCode) {
case KEY.UP:
case KEY.PAGEUP:
case KEY.DOWN:
case KEY.PAGEDOWN:
lastKeyCode = event.keyCode;
event.preventDefault();
$input.changeSelection($tagWidget, $tagList, options, lastKeyCode);
break;
case KEY.TAB:
case KEY.RETURN:
if ($tagWidget.getAllOverElements().size() > 0) {
$tagWidget.toggleElement($tagWidget.getAllOverElements());
}
break;
case KEY.ESC:
$tagWidget.closePopup();
break;
default:
break;
}
})
};
})(jQuery);