root/trunk/phptagengine.js.php

<?php

// Copyright (c) 2006-2007 Alex King. All rights reserved.
// http://alexking.org/projects/php-tag-engine
//
// Released under the LGPL license
// http://www.opensource.org/licenses/lgpl-license.php
//
// **********************************************************************
// This program is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
// **********************************************************************

ini_set('display_errors', '0');
ini_set('error_reporting', E_PARSE);

/**
 * The JavaScript for PHP Tag Engine
 * 
 * Includes the AJAX code and sets the strings for localization
 * 
 * @package phptagengine
 */

$pte_js = true;

require_once('phptagengine.class.inc.php');
require_once('phptagengine.config.inc.php');

if (isset($_SERVER['HTTP_IF_MODIFIED_SINCE'])) {
        $if_modified_since = preg_replace('/;.*$/', '', $_SERVER['HTTP_IF_MODIFIED_SINCE']);
        
        $config = filemtime('phptagengine.config.inc.php');
        $language = filemtime('languages/'.$pte->language.'.inc.php');
        if ($config > $language) {
                $mtime = $config;
        }
        else {
                $mtime = $language;
        }
        $gmdate_mod = gmdate('D, d M Y H:i:s', $mtime) . ' GMT';
        
        if ($if_modified_since == $gmdate_mod) {
                header("HTTP/1.0 304 Not Modified");
                exit;
        }
        header("Last-Modified: $gmdate_mod");
}

@ob_start('ob_gzhandler');

header("Content-type: text/javascript");
header('Expires: '.gmdate('D, d M Y H:i:s', time()+24*60*60) . ' GMT');

if ($pte->yac) {
        foreach ($pte->yac_files as $file) {
                readfile('yui/'.$file);
        }
}

?>

// Copyright (c) 2006 Alex King. All rights reserved.
// http://www.alexking.org/software/phptagengine/
//
// Released under the LGPL license
// http://www.opensource.org/licenses/lgpl-license.php
//
// **********************************************************************
// This program is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
// **********************************************************************

var pte = {
        req : false
        , ajax_handler : '<?php print($pte->ajax_handler); ?>'
        , tag_browse_url : '<?php print($pte->tag_browse_url); ?>'
        , strings : {}
        , show_remove_links : <?php if ($pte->show_remove_links) { print('true'); } else { print('false'); } ?>
        , edit_button_display : '<?php print($pte->edit_button_display); ?>'
        , edit_button_image_url : '<?php print($pte->edit_button_image_url); ?>'
        , delete_button_display : '<?php print($pte->delete_button_display); ?>'
        , delete_button_image_url : '<?php print($pte->delete_button_image_url); ?>'
}

<?php
// put language strings into the JS scope
foreach ($pte->strings as $k => $v) {
        print('pte.strings["'.$k.'"] = "'.$pte->slash($v).'";'."\n");
}
?>

pte.pipe = function(url, handler, content) {
        if (typeof content == 'undefined') {
                content = '';
        }
        pte.req = false;
        if (window.XMLHttpRequest) {
// branch for native XMLHttpRequest object
                try {
                        pte.req = new XMLHttpRequest();
                } 
                catch(e) {
                        pte.req = false;
                }
        } 
        else if (window.ActiveXObject) {
// branch for IE/Windows ActiveX version
                try {
                        pte.req = new ActiveXObject("Msxml2.XMLHTTP");
                } 
                catch(e) {
                        try {
                                pte.req = new ActiveXObject("Microsoft.XMLHTTP");
                        } 
                        catch(e) {
                                pte.req = false;
                        }
                }
        }
        if (pte.req) {
// debug
// prompt('piping:', url);
                pte.req.onreadystatechange = handler;
                pte.req.open("GET", url, true);
                pte.req.send(content);
        }
}

pte.save_tags = function(user, item, tags, type) {
        pte.item_tag_view(item, 'saving');
        var url = this.ajax_handler + '?pte_action=save_tags'
                + '&user=' + encodeURIComponent(user)
                + '&item=' + encodeURIComponent(item)
                + '&tags=' + encodeURIComponent(tags)
                + '&type=' + encodeURIComponent(type)
                ;
        pte.pipe(url, pte.save_tags_handler);
}

pte.save_tags_handler = function() {
        if (pte.req.readyState == 4) {
                if (pte.req.status == 200) {
                        var result = pte.req.responseXML.getElementsByTagName('result')[0];
                        if (result.getAttribute('success') == 'y' && result.getAttribute('action') == 'save_tags') {
                                var tags = result.getElementsByTagName('tags')[0].firstChild.nodeValue;
                                var item = result.getAttribute('item');
                                
                                var tags_node = document.getElementById('pte_tags_list_' + item);
                                tags_node.innerHTML = '';

                                if (tags == '') {
                                        pte.clear_tags_display(item);
                                }
                                else {
                                        document.getElementById('pte_tags_edit_field_' + item).value = tags + ' ';
                                        if (tags.indexOf(' ') != -1) {
                                                tags = tags.split(' ');
                                        }
                                        else {
                                                tags = new Array(tags);
                                        }
                                        if (tags.length > 0) {
                                                var tag_nodes = pte.create_tag_nodes(tags, result);
                                                for (var i = 0; i < tag_nodes.length; i++) {
                                                        tags_node.appendChild(tag_nodes[i]);
                                                }
                                        }
                                }
                                tags_node.appendChild(pte.create_edit_node(item));
                                
                                pte.item_tag_view(item, 'view');
                        }
                        else {
// TODO
alert('Error saving tags: ' + pte.req.responseText);
                        }
                }
        }
}

pte.remove_tag = function(item, tag, type) {
        var url = pte.ajax_handler + '?pte_action=remove_tag&item=' + encodeURIComponent(item)
                + '&tag=' + encodeURIComponent(tag) + '&type=' + encodeURIComponent(type);
        pte.pipe(url, pte.remove_tag_handler);
}

pte.remove_tag_handler = function() {
        if (pte.req.readyState == 4) {
                if (pte.req.status == 200) {
                        var result = pte.req.responseXML.getElementsByTagName('result')[0];
                        if (result.getAttribute('success') == 'y' && result.getAttribute('action') == 'remove_tag') {
                                var item = result.getAttribute('item');
                                var tag = result.getElementsByTagName('tag')[0].firstChild.nodeValue;
                                var parent = document.getElementById('pte_tags_list_' + item);
                                var child = document.getElementById('pte_tag_' + item + '_' + tag);
                                parent.removeChild(child);
                        }
                }
        }
}

pte.edit_tag = function(tag) {
        var url = pte.ajax_handler + '?pte_action=edit_tag&tag=' + encodeURIComponent(tag);
        pte.pipe(url, pte.edit_tag_handler);
}

pte.edit_tag_handler = function() {
        if (pte.req.readyState == 4) {
                if (pte.req.status == 200) {
                        var result = pte.req.responseXML.getElementsByTagName('result')[0];
                        if (result.getAttribute('success') == 'y' && result.getAttribute('action') == 'edit_tag') {
                                var old_tag = result.getElementsByTagName('old_tag')[0].firstChild.nodeValue;
                                var new_tag = result.getElementsByTagName('new_tag')[0].firstChild.nodeValue;
                                var old_tag_node = document.getElementById('pte_tag_' + old_tag);
                                var new_tag_node = document.getElementById('pte_tag_' + new_tag);
                                if (new_tag_node) {
                                        old_tag_node.parentNode.removeChild(old_tag_node);
                                }
                                else if (old_tag_node) {
                                        old_tag_node.id = 'pte_tag_' + new_tag;
                                        old_tag_node.getElementsByTagName['a'][0].innerHTML = new_tag;
                                }
                        }
                }
        }
}

pte.delete_tag = function(tag) {
        var url = pte.ajax_handler + '?pte_action=delete_tag&tag=' + encodeURIComponent(tag);
        pte.pipe(url, pte.delete_tag_handler);
}

pte.delete_tag_handler = function() {
        if (pte.req.readyState == 4) {
                if (pte.req.status == 200) {
                        var result = pte.req.responseXML.getElementsByTagName('result')[0];
                        if (result.getAttribute('success') == 'y' && result.getAttribute('action') == 'delete_tag') {
                                var tag = result.getElementsByTagName('tag')[0].firstChild.nodeValue;
                                var tag_node = document.getElementById('pte_tag_' + tag);
                                if (tag_node) {
                                        tag_node.parentNode.removeChild(tag_node);
                                }
                        }
                }
        }
}

pte.create_tag_nodes = function(tags, result) {
        var tag_nodes = new Array();
        var item = result.getAttribute('item');
        var type = result.getAttribute('type');
        for (var i = 0; i < tags.length; i++) {
                var tag_link = document.createElement('a');
                tag_link.innerHTML = tags[i];
                tag_link.href = pte.get_tag_browse_url(tags[i], result.getAttribute('type'));

                var tag_node = document.createElement('li');
                tag_node.id = 'pte_tag_' + item + '_' + tags[i];
                tag_node.appendChild(tag_link);
                tag_node.appendChild(document.createTextNode(' '));

                if (pte.show_remove_links) {
                        var remove_link = document.createElement('a');
                        remove_link.innerHTML = pte.button_display('delete');
                        remove_link.href = "javascript:void(pte.remove_tag('" + item + "', '" + tags[i] + "', '" + type + "'));";
                        tag_node.appendChild(remove_link);
                }

                tag_nodes.push(tag_node);
        }
        return tag_nodes;
}

pte.get_tag_browse_url = function(tag, type) {
        var url = pte.tag_browse_url.replace('<tag>', tag);
        return url.replace('<type>', type);
}

pte.item_tag_view = function(item, display) {
        document.getElementById('pte_tags_list_' + item).style.display = 'none';
        document.getElementById('pte_tags_edit_' + item).style.display = 'none';
        document.getElementById('pte_tags_saving_' + item).style.display = 'none';
        switch (display) {
                case 'view':
                        display = 'list';
                case 'edit':
                case 'saving':
                        document.getElementById('pte_tags_' + display + '_' + item).style.display = 'inline';
                        if (display == 'edit') {
                                document.getElementById('pte_tags_edit_field_' + item).focus();
                        }
                        break;
        }
}

pte.clear_tags_display = function(item) {
// clear view
        var tags = document.getElementById('pte_tags_list_' + item);
        tags.innerHTML = '';
        banner = document.createElement('li');
        banner.innerHTML = pte.strings['data_none'];
        tags.appendChild(banner);
        pte.item_tag_view(item, 'view');
// clear edit
        document.getElementById('pte_tags_edit_field_' + item).value = '';
}

pte.button_display = function(type) {
        var display = '';
        switch (type) {
                case 'edit':
                        var scase = pte.edit_button_display;
                        var url = pte.edit_button_image_url;
                        break;
                case 'delete':
                        var scase = pte.delete_button_display;
                        var url = pte.delete_button_image_url;
                        break;
                default:
                        return display;
        }
        switch (scase) {
                case 'text':
                        if (pte.strings['action_' + type + '_text_icon']) {
                                display = pte.strings['action_' + type + '_text_icon'];
                        }
                        else {
                                display = pte.strings['action_' + type];
                        }
                        break;
                case 'image':
                        display = '<img src="' + url + '" alt="' + pte.slash(pte.strings['action_' + type], '"') + '" class="pte_button_' + type + '" />';
                        break;
        }
        return display;
}

pte.create_edit_node = function(item) {
        var edit_link = document.createElement('a');
        edit_link.innerHTML = '[' + pte.button_display('edit') + ']';
        edit_link.href = "javascript:void(pte.item_tag_view('" + item + "', 'edit'));";

        var edit_node = document.createElement('li');
        edit_node.className = 'pte_edit';
        edit_node.appendChild(edit_link);

        return edit_node;
}

pte.slash = function(str, escape) {
        return str.replace(escape, '\\' + escape);
}