--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/plugins/gallery/tagging.js Sat Feb 16 23:07:31 2008 -0500
@@ -0,0 +1,240 @@
+function snapr_add_tag()
+{
+ var image = document.getElementById('snapr_preview_img');
+ image.parentNode.onclick = function(e)
+ {
+ canvas_click(this);
+ }
+ image.parentNode.setAttribute('canvas:oncomplete', 'snapr_process_canvas_add(this);');
+ image.parentNode.setAttribute('canvas:oncancel', 'obj.onclick = null;');
+}
+
+function snapr_process_canvas_add(obj)
+{
+ obj.onclick = null;
+ var abs_x = $(obj).Left() + obj.canvas.left;
+ var abs_y = $(obj).Top() + obj.canvas.top;
+ var height = obj.canvas.height + 2;
+
+ var entry_div = document.createElement('div');
+ entry_div.className = 'snapr_tag_entry';
+ entry_div.style.position = 'absolute';
+ entry_div.style.top = String(abs_y + height) + 'px';
+ entry_div.style.left = String(abs_x)+ 'px';
+
+ entry_div.appendChild(document.createTextNode('Enter a tag:'));
+ entry_div.appendChild(document.createElement('br'));
+
+ var ta = document.createElement('textarea');
+ ta.rows = '7';
+ ta.cols = '30';
+ entry_div.appendChild(ta);
+
+ entry_div.appendChild(document.createElement('br'));
+
+ var a_add = document.createElement('a');
+ a_add.href = '#';
+ a_add.onclick = function()
+ {
+ snapr_finalize_canvas_add(this.parentNode, this.parentNode.parentNode.canvas, this.previousSibling.previousSibling.value);
+ return false;
+ }
+ a_add.appendChild(document.createTextNode('Add tag'));
+ entry_div.appendChild(a_add);
+
+ entry_div.appendChild(document.createTextNode(' | '));
+
+ var a_cancel = document.createElement('a');
+ a_cancel.href = '#';
+ a_cancel.onclick = function()
+ {
+ snapr_finalize_canvas_cancel(this.parentNode);
+ return false;
+ }
+ a_cancel.appendChild(document.createTextNode('Cancel'));
+ entry_div.appendChild(a_cancel);
+
+ obj.appendChild(entry_div);
+ ta.focus();
+}
+
+function snapr_finalize_canvas_add(obj, canvas_data, tag)
+{
+ // add the new box
+ var id = obj.parentNode.getAttribute('snapr:imgid');
+ if ( !id )
+ return false;
+
+ // destroy form, etc.
+ var parent = obj.parentNode;
+ parent.removeChild(parent.canvas_box_obj);
+ parent.removeChild(obj);
+
+ var canvas_json = toJSONString(canvas_data);
+ ajaxPost(makeUrlNS('Gallery', id), 'ajax=true&act=add_tag&tag=' + escape(tag) + '&canvas_params=' + escape(canvas_json), snapr_process_ajax_tag_packet);
+}
+
+function snapr_finalize_canvas_cancel(obj)
+{
+ var parent = obj.parentNode;
+ parent.removeChild(parent.canvas_box_obj);
+ parent.removeChild(obj);
+}
+
+function snapr_draw_note(obj, tag, canvas_data, note_id, initial_hide, auth_delete)
+{
+ var newbox = canvas_create_box(obj, canvas_data.left, canvas_data.top, canvas_data.width, canvas_data.height);
+ newbox.tag_id = note_id;
+ obj.onmouseover = function()
+ {
+ var boxen = this.getElementsByTagName('div');
+ for ( var i = 0; i < boxen.length; i++ )
+ if ( boxen[i].className == 'canvasbox' )
+ boxen[i].style.display = 'block';
+ }
+ obj.onmouseout = function()
+ {
+ var boxen = this.getElementsByTagName('div');
+ for ( var i = 0; i < boxen.length; i++ )
+ if ( boxen[i].className == 'canvasbox' )
+ boxen[i].style.display = 'none';
+ }
+ newbox.onmouseover = function()
+ {
+ this.style.borderColor = '#FFFF00';
+ this.firstChild.style.borderColor = '#000000';
+ snapr_display_note(this.noteObj);
+ }
+ newbox.onmouseout = function()
+ {
+ this.style.borderColor = '#000000';
+ this.firstChild.style.borderColor = '#FFFFFF';
+ snapr_hide_note(this.noteObj);
+ }
+ if ( auth_delete )
+ {
+ var p = document.createElement('p');
+ p.style.cssFloat = 'right';
+ p.style.styleFloat = 'right';
+ p.style.fontWeight = 'bold';
+ p.style.margin = '5px';
+ var a_del = document.createElement('a');
+ a_del.style.color = '#FF0000';
+ a_del.href = '#';
+ a_del.onclick = function()
+ {
+ snapr_nuke_tag(this.parentNode.parentNode.parentNode);
+ return false;
+ }
+ a_del.appendChild(document.createTextNode('[X]'));
+ p.appendChild(a_del);
+ newbox.firstChild.appendChild(p);
+ }
+ var abs_x = $(newbox).Left();
+ var abs_y = $(newbox).Top() + $(newbox).Height() + 2;
+ var noteObj = document.createElement('div');
+ newbox.noteObj = noteObj;
+ noteObj.className = 'snapr_tag';
+ noteObj.style.display = 'none';
+ noteObj.style.position = 'absolute';
+ noteObj.style.top = abs_y + 'px';
+ noteObj.style.left = abs_x + 'px';
+ var re = new RegExp(unescape('%0A'), 'g');
+ noteObj.innerHTML = tag.replace(re, "<br />\n");
+ obj.appendChild(noteObj);
+ if ( initial_hide )
+ newbox.style.display = 'none';
+}
+
+function snapr_display_note(note)
+{
+ //domObjChangeOpac(0, note);
+ note.style.display = 'block';
+ //domOpacity(note, 0, 100, 500);
+}
+
+function snapr_hide_note(note)
+{
+ //domOpacity(note, 100, 0, 500);
+ //setTimeout(function()
+ // {
+ note.style.display = 'none';
+ // }, 600);
+}
+
+function snapr_nuke_tag(obj)
+{
+ // add the new box
+ var parent_obj = document.getElementById('snapr_preview_img').parentNode;
+ var id = parent_obj.getAttribute('snapr:imgid');
+ if ( !id )
+ return false;
+ ajaxPost(makeUrlNS('Gallery', id), 'ajax=true&act=del_tag&tag_id=' + obj.tag_id, snapr_process_ajax_tag_packet);
+}
+
+function snapr_process_ajax_tag_packet()
+{
+ if ( ajax.readyState == 4 && ajax.status == 200 )
+ {
+ var response = String(ajax.responseText + '');
+ if ( response.substr(0, 1) != '[' && response.substr(0, 1) != '{' )
+ {
+ handle_invalid_json(response);
+ return false;
+ }
+ response = parseJSON(response);
+ if ( response.mode )
+ {
+ if ( response.mode == 'error' )
+ {
+ alert(response.error);
+ return false;
+ }
+ }
+ var parent_obj = document.getElementById('snapr_preview_img').parentNode;
+ for ( var i = 0; i < response.length; i++ )
+ {
+ var packet = response[i];
+ switch(packet.mode)
+ {
+ case 'add':
+ snapr_draw_note(parent_obj, packet.tag, packet.canvas_data, packet.note_id, packet.initial_hide, packet.auth_delete);
+ break;
+ case 'remove':
+ // Server requested to remove a tag
+ var divs = parent_obj.getElementsByTagName('div');
+ for ( var i = 0; i < divs.length; i++ )
+ {
+ var box = divs[i];
+ if ( box.className == 'canvasbox' )
+ {
+ if ( box.tag_id == packet.note_id )
+ {
+ // You. We have orders to shoot. Stand in front of wall.
+ var sibling = box.nextSibling;
+ var parent = box.parentNode;
+ // BLAM.
+ parent.removeChild(sibling);
+ parent.removeChild(box);
+ break;
+ }
+ }
+ }
+ break;
+ }
+ }
+ }
+}
+
+var snapr_tags_onload = function()
+{
+ // add the new box
+ var parent_obj = document.getElementById('snapr_preview_img').parentNode;
+ var id = parent_obj.getAttribute('snapr:imgid');
+ if ( !id )
+ return false;
+ ajaxPost(makeUrlNS('Gallery', id), 'ajax=true&act=get_tags', snapr_process_ajax_tag_packet);
+}
+
+addOnloadHook(snapr_tags_onload);
+