shimmie2/contrib/tagger/script.js

// Tagger - Advanced Tagging
// Author: Artanis (Erik Youngren <artanis.00@gmail.com>)
// Do not remove this notice.
// All other code copyright by their authors, see comments for details.

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
*                              Tagger Management                              *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
// Global settings and oft-used objects
var remove_tagme = null;
var tags_field = false;
var set_button = false;

// Put everything in a class? better?

function taggerInit() {
	// get imgdata hooks
	tags_field = getTagsField();
	set_button = getSetButton();

	// Set up Tagger
	// Get last position
	c = getCookie('shimmie-tagger-position');
	c = c ? c.replace(/px/g,"").split(" ") : new Array(null,null);
	taggerResetPos(c[0],c[1]);
	
	tagger_tagIndicators();
	DragHandler.attach(byId("tagger_titlebar"));
	remove_tagme = byId('tagme');
	
	// save position cookie on unload.
	window.onunload = function(e) {
		taggerSavePosition();
	};
}

function taggerResetPos(x,y) {
	tagger = byId("tagger_window");

	var pos = new Array();
	if(!x || !y) {
		tagger.style.top="";
		tagger.style.left="";
		tagger.style.right="25px";
		tagger.style.bottom="25px";
		// get location in (left,top) terms
		pos = findPos(tagger);
	} else {
		pos[0] = x;
		pos[1] = y;
	}
	
	tagger.style.top = pos[1]+"px";
	tagger.style.left = pos[0]+"px";
	tagger.style.right="";
	tagger.style.bottom="";
}

function taggerSavePosition() {
	tw = byId('tagger_window');
	if (tw) {
		xy = tw.style.left +" "+ tw.style.top
		setCookie('shimmie-tagger-position',xy);
		return true;
	}
	return false;
}

function tagger_tagIndicators() {
	arObjTags = getElementsByTagNames('a',byId('tagger_body'));
	
	for (i in arObjTags) {
		objTag = arObjTags[i];
		if(tagExists(objTag)) {
			objTag.style.fontWeight="bold";
		}
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
*                                   Tagging                                   *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

function toggleTag(objTag) {
	if(!tagExists(objTag)) {
		addTag(objTag);
		if (remove_tagme && objTag.getAttribute('tag') != 'tagme') {
			remTag(remove_tagme);
		}
	} else {
		remTag(objTag);
	}
	t = byId("tagger_new-tag");
	if(t.value) { t.select(); }
}

function addTag (objTag) {	
	delim = tags_field.value==" "?"":" ";

	tags_field.value += delim + objTag.getAttribute('tag');
	
	if(objTag.value != 'Add') {
		objTag.style.fontWeight = "bold";
	}
}

function remTag (objTag) {	
	aTags = tags_field.value.split(" ");
	
	tags_field.value="";
	for(i in aTags) {
		aTag = aTags[i];
		if(aTag != objTag.getAttribute('tag')) {
			if(tags_field.value=="") {
				tags_field.value += aTag;
			} else {
				tags_field.value += " "+aTag;
			}
		}
	}
	if(objTag.value != 'Add') {
		objTag.style.fontWeight = "";
	}
}

function tagExists(objTag) {
	return tags_field.value.match(reescape(objTag.getAttribute('tag')));
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
*                                  Filtering                                  *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

function tagger_filter() {
	var filter = byId('tagger_new-tag');
	var arObjTags = getElementsByTagNames('a',byId('tagger_body'));
	var prepend = filter.value.length<2? " ":"_";
	var search = prepend + reescape(filter.value);
	
	for(i in arObjTags) {
		objTag = arObjTags[i];
		tag = prepend + objTag.getAttribute('tag');

		if(tag.match(search) && taggerFilterMode(objTag)) {
			objTag.style.display='';
		} else {
			objTag.style.display='none';
		}
	}
}
function taggerToggleMode() {
	var obj = byId('tagger_mode');
	
	if(obj.getAttribute('mode')=='all') {
		obj.setAttribute('mode', 'applied');
		obj.innerHTML = 'View All Tags';
	} else {
		obj.setAttribute('mode','all');
		obj.innerHTML = 'View Applied Tags';
	}
	tagger_filter(true);
}
function taggerFilterMode(objTag) {
	var obj = byId('tagger_mode');
	if(obj.getAttribute('mode') == 'all') {
		return true;
	} else {
		return objTag.style.fontWeight=='bold';
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
*                                     Misc                                    *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

function getTagsField() {
	var nodes = getElementsByTagNames('input,textarea',byId('imgdata'));
	for (i in nodes) {
		node = nodes[i];
		if (node.getAttribute('name') == 'tags')
			return node;
	}
	return false;
}

function pushSet(form_id) {
	if(set_button) {
		set_button.click();
	}
}

function getSetButton() {
	var form_nodes = getElementsByTagNames('input',byId('imgdata'));
	for (i in form_nodes) {
		node = form_nodes[i];
		if (node.getAttribute('value')=="Set" && node.getAttribute('type')=="submit") {
			return node;
		}
	}
	return false;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
*                                quirksmode.org                               *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

// http://www.quirksmode.org/dom/getElementsByTagNames.html
function getElementsByTagNames(list,obj) {
	if (!obj) var obj = document;
	var tagNames = list.split(',');
	var resultArray = new Array();
	for (var i=0;i<tagNames.length;i++) {
		var tags = obj.getElementsByTagName(tagNames[i]);
		for (var j=0;j<tags.length;j++) {
			resultArray.push(tags[j]);
		}
	}
	var testNode = resultArray[0];
	if (!testNode) return [];
	if (testNode.sourceIndex) {
		resultArray.sort(function (a,b) {
				return a.sourceIndex - b.sourceIndex;
		});
	}
	else if (testNode.compareDocumentPosition) {
		resultArray.sort(function (a,b) {
				return 3 - (a.compareDocumentPosition(b) & 6);
		});
	}
	return resultArray;
}

// http://www.quirksmode.org/js/findpos.html
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

// ripped from a forum.
// todo: cite source
function reescape(str){
	var resp="()?:=[]*+{}^$|/,.!\\"
	var found=false
	var ret=""
	for(var i=0;i<str.length;i++) {
		found=false
		for(var j=0;j<resp.length;j++) {
			if(str.charAt(i)==resp.charAt(j)) {
				found=true;break
			}
		}
		if(found) {
			ret+="\\"
		}
		ret+=str.charAt(i)
	}
	return ret
}