[Tagger] Update
git-svn-id: file:///home/shish/svn/shimmie2/trunk@492 7f39781d-f577-437e-ae19-be835c7a54ca
This commit is contained in:
parent
b9b36f3205
commit
de599ea131
@ -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());
|
||||||
?>
|
?>
|
||||||
|
@ -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
27
contrib/tagger/style.css
Normal 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;
|
||||||
|
}
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user