[Tagger] Update

git-svn-id: file:///home/shish/svn/shimmie2/trunk@492 7f39781d-f577-437e-ae19-be835c7a54ca
This commit is contained in:
Artanis 2007-09-25 21:28:09 +00:00
parent b9b36f3205
commit de599ea131
4 changed files with 267 additions and 223 deletions

View File

@ -1,6 +1,4 @@
<?php <?php
// author: Erik Youngren
// email: artanis.00@gmail.com
class tagger extends Extension { class tagger extends Extension {
var $theme; var $theme;
@ -13,14 +11,14 @@ class tagger extends Extension {
global $page; global $page;
$tags = $database->Execute(" $tags = $database->Execute("
SELECT tag SELECT tag
FROM `tags` FROM `tags`
WHERE count > 1 WHERE count > 1 AND substring(tag,1,1) != '.'
ORDER BY tag"); ORDER BY tag");
$this->theme->build($page, $tags); $this->theme->build($page, $tags);
} }
} }
} }
add_event_listener(new tagger()); add_event_listener( new tagger());
?> ?>

View File

@ -24,6 +24,11 @@ function addTag(tag) {
} }
} }
function addTagById(id) {
tag = byId(id);
addTag(tag.value);
}
// Drag Code // // Drag Code //
//***************************************************************************** //*****************************************************************************
// Do not remove this notice. // Do not remove this notice.
@ -36,36 +41,36 @@ function addTag(tag) {
function Browser() { function Browser() {
var ua, s, i; var ua, s, i;
this.isIE = false; this.isIE = false;
this.isNS = false; this.isNS = false;
this.version = null; this.version = null;
ua = navigator.userAgent; ua = navigator.userAgent;
s = "MSIE"; s = "MSIE";
if ((i = ua.indexOf(s)) >= 0) { if ((i = ua.indexOf(s)) >= 0) {
this.isIE = true; this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length)); this.version = parseFloat(ua.substr(i + s.length));
return; return;
} }
s = "Netscape6/"; s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) { if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true; this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length)); this.version = parseFloat(ua.substr(i + s.length));
return; return;
} }
// Treat any other "Gecko" browser as NS 6.1. // Treat any other "Gecko" browser as NS 6.1.
s = "Gecko"; s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) { if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true; this.isNS = true;
this.version = 6.1; this.version = 6.1;
return; return;
} }
} }
var browser = new Browser(); var browser = new Browser();
@ -77,108 +82,108 @@ dragObj.zIndex = 0;
function dragStart(event, id) { function dragStart(event, id) {
var el; var el;
var x, y; var x, y;
// If an element id was given, find it. Otherwise use the element being // If an element id was given, find it. Otherwise use the element being
// clicked on. // clicked on.
if (id) if (id)
dragObj.elNode = document.getElementById(id); dragObj.elNode = document.getElementById(id);
else { else {
if (browser.isIE) if (browser.isIE)
dragObj.elNode = window.event.srcElement; dragObj.elNode = window.event.srcElement;
if (browser.isNS) if (browser.isNS)
dragObj.elNode = event.target; dragObj.elNode = event.target;
// If this is a text node, use its parent element. // If this is a text node, use its parent element.
if (dragObj.elNode.nodeType == 3) if (dragObj.elNode.nodeType == 3)
dragObj.elNode = dragObj.elNode.parentNode; dragObj.elNode = dragObj.elNode.parentNode;
} }
// Get cursor position with respect to the page. // Get cursor position with respect to the page.
if (browser.isIE) { if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft x = window.event.clientX + document.documentElement.scrollLeft
+ document.body.scrollLeft; + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop y = window.event.clientY + document.documentElement.scrollTop
+ document.body.scrollTop; + document.body.scrollTop;
} }
if (browser.isNS) { if (browser.isNS) {
x = event.clientX + window.scrollX; x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY; y = event.clientY + window.scrollY;
} }
// Save starting positions of cursor and element. // Save starting positions of cursor and element.
dragObj.cursorStartX = x; dragObj.cursorStartX = x;
dragObj.cursorStartY = y; dragObj.cursorStartY = y;
dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10); dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10);
dragObj.elStartTop = parseInt(dragObj.elNode.style.top, 10); dragObj.elStartTop = parseInt(dragObj.elNode.style.top, 10);
if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = 0; if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = 0;
if (isNaN(dragObj.elStartTop)) dragObj.elStartTop = 0; if (isNaN(dragObj.elStartTop)) dragObj.elStartTop = 0;
// Update element's z-index. // Update element's z-index.
dragObj.elNode.style.zIndex = ++dragObj.zIndex; dragObj.elNode.style.zIndex = ++dragObj.zIndex;
// Capture mousemove and mouseup events on the page. // Capture mousemove and mouseup events on the page.
if (browser.isIE) { if (browser.isIE) {
document.attachEvent("onmousemove", dragGo); document.attachEvent("onmousemove", dragGo);
document.attachEvent("onmouseup", dragStop); document.attachEvent("onmouseup", dragStop);
window.event.cancelBubble = true; window.event.cancelBubble = true;
window.event.returnValue = false; window.event.returnValue = false;
} }
if (browser.isNS) { if (browser.isNS) {
document.addEventListener("mousemove", dragGo, true); document.addEventListener("mousemove", dragGo, true);
document.addEventListener("mouseup", dragStop, true); document.addEventListener("mouseup", dragStop, true);
event.preventDefault(); event.preventDefault();
} }
} }
function dragGo(event) { function dragGo(event) {
var x, y; var x, y;
// Get cursor position with respect to the page. // Get cursor position with respect to the page.
if (browser.isIE) { if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft x = window.event.clientX + document.documentElement.scrollLeft
+ document.body.scrollLeft; + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop y = window.event.clientY + document.documentElement.scrollTop
+ document.body.scrollTop; + document.body.scrollTop;
} }
if (browser.isNS) { if (browser.isNS) {
x = event.clientX + window.scrollX; x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY; y = event.clientY + window.scrollY;
} }
// Move drag element by the same amount the cursor has moved. // Move drag element by the same amount the cursor has moved.
dragObj.elNode.style.left = (dragObj.elStartLeft + x - dragObj.cursorStartX) + "px"; dragObj.elNode.style.left = (dragObj.elStartLeft + x - dragObj.cursorStartX) + "px";
dragObj.elNode.style.top = (dragObj.elStartTop + y - dragObj.cursorStartY) + "px"; dragObj.elNode.style.top = (dragObj.elStartTop + y - dragObj.cursorStartY) + "px";
if (browser.isIE) { if (browser.isIE) {
window.event.cancelBubble = true; window.event.cancelBubble = true;
window.event.returnValue = false; window.event.returnValue = false;
} }
if (browser.isNS) if (browser.isNS)
event.preventDefault(); event.preventDefault();
} }
function dragStop(event) { function dragStop(event) {
// Stop capturing mousemove and mouseup events. // Stop capturing mousemove and mouseup events.
if (browser.isIE) { if (browser.isIE) {
document.detachEvent("onmousemove", dragGo); document.detachEvent("onmousemove", dragGo);
document.detachEvent("onmouseup", dragStop); document.detachEvent("onmouseup", dragStop);
} }
if (browser.isNS) { if (browser.isNS) {
document.removeEventListener("mousemove", dragGo, true); document.removeEventListener("mousemove", dragGo, true);
document.removeEventListener("mouseup", dragStop, true); document.removeEventListener("mouseup", dragStop, true);
} }
} }

27
contrib/tagger/style.css Normal file
View File

@ -0,0 +1,27 @@
/* Tagger Cascading Style Sheet *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#tagger_window {
position:fixed;
}
#tagger_titlebar {
font-weight:bold;
text-align:center;
position:relative;
top:-0em;
padding:.25em;
border:2px solid;
border-bottom:1px solid;
-moz-border-radius:10px 10px 0px 0px;
background-color:white;
cursor:move;
}
#tagger_body {
overflow:scroll;
padding:1em;
border:2px solid;
border-top:none;
background-color:white;
}

View File

@ -1,16 +1,30 @@
<?php <?php
class taggerTheme extends Themelet { class taggerTheme extends Themelet {
public function build ($page, $tags) { public function build ($page, $tags) {
$html = "<div onmousedown='dragStart(event);' style='position:fixed;top:100px;left:800px;height:400px;overflow:scroll;padding:1em;border:2px solid;background-color:white;'>"; $html = "<div id='tagger_window' style='top:100px;left:800px;'>";
foreach ($tags as $tag) { $html .= "<div id='tagger_titlebar' title='Drag to move' onmousedown='dragStart(event,\"tagger_window\");'>";
$html .= "<input type='button' style='width:10em;' onclick='javascript:addTag(\"".$tag['tag']."\");' value='".$tag['tag']."'></input><br/>"; $html .= "Tagger";
} $html .= "</div>";
$html .= "</div>"; $html .= "<div id='tagger_body' style='height:300px;'>";
$html .= "<input type='text' id='custTag' value=''></input><input type='button' value='Add' onclick='addTagById(\"custTag\")'></input><br/>";
foreach ($tags as $tag) {
$tag_name = $this->trimTag($tag['tag'],32);
$html .= "<a style='cursor:pointer;' onclick='addTag(\"".$tag['tag']."\");'title='Add \"".$tag['tag']."\" to the tag list'>".$tag_name."</a><br/>";
}
$html .= "</div></div>";
$page->add_block( new Block(null, $page->add_block( new Block("Tagger",
$html, "<span style='font-size:.8em;'>Collapse this block to hide Tagger.</span><br/><br/>Use: Click the links to add the tag to the list, when done, press Set to save the tags.".$html,
"main", "left",
1000)); 0));
}
public function trimTag($s,$len=80) {
if(strlen($s) > $len) {
$s = substr($s, 0,$len-1);
$s = substr($s,0, strrpos($s,'_'))."...";
}
return $s;
} }
} }
?> ?>