matrix_insert_link.inc

<?php
global $ROOT_PATH;
include_once($ROOT_PATH.'wysiwyg_plugin.inc');
require_once dirname(__FILE__).'/../../../../core/include/init.inc';

class matrix_insert_link extends wysiwyg_plugin
{


    function matrix_insert_link(&$wysiwyg)
    {
        wysiwyg_plugin::wysiwyg_plugin($wysiwyg);
        $this->_add_button('matrixcreatelink','MatrixCreateLink', translate('insert_link'),'false','32');
        $this->_add_button('matrixunlink','Unlink', translate('remove_link'),'false','33');

    }//end constructor


    function paint_generic()
    {
        ?>
        <script type="text/javascript" src="<?php echo sq_web_path('lib').'/js/general.js' ?>"></script>
        <script type="text/javascript" src="<?php echo sq_web_path('fudge').'/var_serialise/var_serialise.js' ?>"></script>

        <script type="text/javascript" language="Javascript">
            var wysiwyg_editing = true; // just so that onclick link's don't execute in wysiwyg


            HTMLArea.prototype._matrixUnLink = function() {
                var editor = this; // for nested functions

                var current_a = this.getClosest("a");
                
                if (!current_a) {
                    if (HTMLArea.is_ie) { //IMG tag support for IE as they land in controlRange collection.
                        var sel = this._getSelection();
                        var range = this._createRange(sel);
                        if (sel.type == "Control"){
                            for (i = 0; i < range.length; i++){
                                if (range.item(i).tagName == "IMG"){
                                    if (range.item(i).parentNode.tagName == "A"){//check parent is anchor
                                        current_a = range.item(i).parentNode;
                                        break;
                                    }
                                }
                            }
                        }
                        
                    } 
                    if (!current_a) return false; //still not found
                }
                var inside_html = current_a.innerHTML;
                var selection =  editor.getSelectedHTML();
                //IMG tag support
                //Firefox: selection same as inside_html but attributes re-arranged.
                //IE: can't get selection because lands in controlRange collection (see above).
                //selection only needed to process partial selection so just equate to inside_html (see below).
                var reg = new RegExp("^\s*<img ?[^>]+src=[^>]+>\s*$", "i");
                if (!selection || selection.match(reg)) selection = inside_html;
                
                // Remove surrounding anchor tag from selected HTML for comparison
                if (HTMLArea.is_ie) {
                    // Remove anchor start and end
                    var e = '^<a[^>]*>';
                    var re = new RegExp(e, "i");
                    selection = selection.replace(re, "");
                    e = '</a>$';
                    re = new RegExp(e, "i");
                    selection = selection.replace(re, "");
                    // Remove newlines from anchor HTML so we can perform a meaningful comparison
                    e = '\r\n';
                    re = new RegExp(e, "i");
                    selection = selection.replace(re, "");
                }

                if (selection != '' && selection != inside_html) {
                    // Partial selection within the link tag
                    // will not work if selection partially includes other tags
                    // for example:
                    // <a href="example.com">partial <b>link</b> here</a>
                    // and user selects "partial <b>li" as the selection
                    var e = '(<a [^>]+>)(.*)' + '(' + selection + ')(.*)(</a>)';
                    var re = new RegExp(e, "i");
                    // turns into "<a>before</a> selection <a>after</a>"
                    var remove_tag = HTMLArea.getHTML(current_a, true).replace(re, "$1$2$5$3$1$4$5");
                    // Remove empty link tags
                    var e = '<a [^>]+>\\s*</a>';
                    var re = new RegExp(e, "gi");
                    inside_html = remove_tag.replace(re, "");
                }
                var text = this._doc.createDocumentFragment();
                var div = this._doc.createElement("div");
                div.innerHTML = inside_html;
                while (div.firstChild) {
                    text.appendChild(div.firstChild);
                }
                current_a.parentNode.replaceChild(text, current_a);
            }


            // Called when the user clicks on "InsertImage" button
            HTMLArea.prototype._matrixInsertLink = function() {
                var editor = this; // for nested functions

                // all available new window options
                var NEW_WINDOW_OPTIONS = new Array('toolbar','menubar','location','status','scrollbars','resizable','width','height');

                // OK, let's create the current args array that we'll pass to the dialog
                var currArgs = new Object();
                currArgs["assetid"] = "0";
                currArgs["url"] = "http://";
                currArgs["class_name"] = "";
                currArgs["id_name"] = "";
                currArgs["anchor"] = "";
                currArgs["status_text"] = "";
                currArgs["link_title"] = "";
                currArgs["target"] = "";
                currArgs["new_window"]  = 0;
                currArgs["show_summary"] = 0;

                currArgs["new_window_options"] = new Object();
                for(var i=0; i < NEW_WINDOW_OPTIONS.length; i++) {
                    currArgs["new_window_options"][NEW_WINDOW_OPTIONS[i]] = '';
                }

                var sel = this._getSelection();
                var range = this._createRange(sel);
                var text_range = false;

                // OK, so they have a control object selected, let's try and make it a text selection
                if (sel.type && sel.type.toLowerCase() == "control") {
                    var control_range = this._createRange(sel);
                    var text_range = this._createTextRange(sel);
                    if (text_range != null) {
                        text_range = true;
                        editor.selectNodeContents(control_range(0));
                    } else {
                        alert(js_translate('object_requires_selection'));
                        sel.empty();
                        return;
                    }
                    sel = this._getSelection();
                    range = this._createRange(sel);
                }// end if a control

                var inside_html = '';
                var current_a = this.getClosest("a");
                if (current_a) {
                    inside_html = current_a.innerHTML;
                    this.selectNodeContents(current_a);
                } else {
                    inside_html = editor.getSelectedHTML();
                }

                sel = this._getSelection();
                range = this._createRange(sel);

                // is this aready a link?
                if (current_a) {

                    var e = '^(<a [^>]+>)(.*)</a>$';
                    var re = new RegExp(e, "i");
                    var tag_html = HTMLArea.getHTML(current_a, true).replace(re, "$1");

                    var re = new RegExp("\n", "gi");
                    var tag_html = tag_html.replace(re, "");

                    currArgs["url"] = current_a.href;

                    re = new RegExp('if \\(!window\\.wysiwyg_editing\\)[\\s]+\\{[\\s]+window\\.open\\([\'"]([^\'"]+)[\'"], [\'"][0-9]+[\'"], [\'"]([^\'"]+)[\'"]\\);', "gi");
                    results = re.exec(tag_html);

                    if (results != null) {
                        currArgs["url"] = results[1];
                        currArgs["new_window"] = 2;
                        var options_str = results[2];

                        for(var i=0; i < NEW_WINDOW_OPTIONS.length; i++) {
                            e = NEW_WINDOW_OPTIONS[i] + "=([^,]+)";
                            re = new RegExp(e, "gi");
                            var res = re.exec(options_str);
                            currArgs["new_window_options"][NEW_WINDOW_OPTIONS[i]] = (res != null) ? res[1] : "";
                        }
                    }// end if

                    // let's try and get the window.status text if any
                    re = new RegExp('onmouseover="([^"]+)"', "gi");
                    results = re.exec(tag_html);
                    if (results != null) {
                        var onmouseover = results[1];
                        re = new RegExp('window.status=\'(.+)\'; return true;', "gi");
                        results = re.exec(onmouseover);
                        if (results != null) {
                            currArgs["status_text"] = rev_htmlspecialchars(results[1]).replace(/\\\'/gi, "\'");
                        }
                    }// end if

                    //Get the link title, if there is one
                    re = new RegExp('title="([^"]+)"', "gi");
                    results = re.exec(tag_html);
                    if (results != null) {
                        currArgs["link_title"] = rev_htmlspecialchars(results[1]);
                    }
                    // let's try and get the target if any
                    re = new RegExp('target="([^"]+)"', "gi");
                    results = re.exec(tag_html);
                    if (results != null) {
                        currArgs["target"] = rev_htmlspecialchars(results[1]).replace(/\\\'/gi, "\'");
                    }
                    if (currArgs["target"] == "_blank") { currArgs["new_window"] = 1; }

                    // let's try and get the class if any
                    re = new RegExp('class="([^"]+)"', "gi");
                    results = re.exec(tag_html);
                    if (results != null) {
                        currArgs["class_name"] = rev_htmlspecialchars(results[1]).replace(/\\\'/gi, "\'");
                    }

                    // let's try and get the class if any
                    re = new RegExp('id="([^"]+)"', "gi");
                    results = re.exec(tag_html);
                    if (results != null) {
                        currArgs["id_name"] = rev_htmlspecialchars(results[1]).replace(/\\\'/gi, "\'");
                    }

                    // it seems that the make_relative_hrefs() fn will take out the hash and think that a lone
                    // anchor is actually the url link. Work out here whether it might need to be added on...
                    var needsHash = false;
                    if (currArgs["url"].indexOf('#') != -1) {
                        needsHash = true;
                    }

                    // because the editor automatically prepend the http:// business to
                    // all relative urls remove it
                    currArgs["url"] = unescape(editor.make_relative_hrefs(currArgs["url"]));

                    // if it's hashed and it's disappeared, add it back on here
                    if (needsHash && (currArgs["url"].indexOf('#') == -1)) {
                        currArgs["url"] = '#' + currArgs["url"];
                    }

                    // get the assetid for the link if there is one
                    // only matches './?a=(normal or shadow id)'
                    e = '\\./\\?a=([0-9]+)((:[^$]*)\\$)?';
                    re = new RegExp(e, "gi");
                    results = re.exec(currArgs["url"]);
                    if (results != null) {
                        currArgs["assetid"] = currArgs["url"].replace(re, "$1$3");
                    }


                    // if the link is made from asset attribute url
                    // make sure to remove the url of it
                    e = '(%globals_asset_attribute_(redirect|link)_url:([0-9]+[^$]+)%)';
                    re = new RegExp(e, "gi");
                    results = re.exec(currArgs["url"]);

                    if (results != null) {
                        currArgs["url"] = results[1];
                        currArgs["assetid"] = results[3];
                    }


                // else not a link so check for paragraphs
                } else {

                    // convert all para tags to lowercase
                    var para_html = inside_html.replace(/(<\/?)P/gi, "$1p");

                    // OK so we have some paragraph tags caught up in the mix, let's see what we can do with them
                    // because we don't want our href's going around paragraph tags
                    if (para_html.indexOf("<p") > -1) {

                        // if the position of the first tag is the same as the last then we have only one paragraph
                        // we don't want more than one paragraph because these can start or end from half-way through
                        // a para, which would break the formatting when we go to re-insert the text with the href
                        if (para_html.indexOf("<p") != para_html.lastIndexOf("<p")) {
                            alert(js_translate('select_one_paragraph_at_a_time'));
                            return;
                        }

                    }// end if paragraphs exist

                    // check for multiple list items <li>
                    var para_html = inside_html.replace(/(<\/?)LI/gi, "$1li");
                    if (para_html.indexOf("<li") > -1) {
                        if (para_html.indexOf("<li") != para_html.lastIndexOf("<li")) {
                            alert(js_translate('select_one_list_at_a_time'));
                            return;
                        } else if (para_html.indexOf("</li") > -1) {
                            // we don't want our href's going around a pair of list tags (IE problem)
                            // eg. <a href='url'> <li>item1</li> <li></a>item2</li>
                            alert(js_translate('select_one_list_at_a_time'));
                            return;
                        }
                    }

                }// end if existing link

                var in_popup = '0';
                if (this._inPopup == true) { in_popup = '1'; }

                editor_<?php echo $this->wysiwyg->name?>._object = this;
                var strPage = "<?php echo $this->get_popup_href('insert_link_frames.php')?>?assetid=" + escape(currArgs["assetid"]) + "&url=" + escape(currArgs["url"]) + "&status_text=" + escape(currArgs["status_text"]) + "&link_title=" + escape(currArgs["link_title"])+ "&target=" + escape(currArgs["target"]) +  "&new_window=" + escape(currArgs["new_window"]) + "&new_window_options=" + escape(var_serialise(currArgs["new_window_options"])) + "&editor_name=" + escape("<?php echo $this->wysiwyg->name; ?>") + "&in_popup=" + escape(in_popup) + "&class_name=" + escape(currArgs["class_name"]) + "&id_name=" + escape(currArgs["id_name"]);;

                var popup_height = 465;

                // A bit more breathing room for Safari
                if (HTMLArea.is_safari) popup_height += 5;

                // Should we insert the span wrapping around the asset summary?
                // Avoid inserting it repeatedly
                var insert_asset_summary_span = true;
                if(current_a) {
                    var parent = current_a.parentNode;
                    if(parent) {
                        if(parent.nodeName == 'SPAN' && parent.className == 'include_asset_summary') {
                                if(editor.getSelectedHTML().match(/<span class="?include_asset_summary"?>/gi) == null) {
                                    insert_asset_summary_span = false;
                                }
                        }
                    }
                }

                
                this._popupDialog("matrixInsertLink", strPage, 750, popup_height, true, function(param) {
                    if (param && param["url"] != "") {

                        var html = '';

                        // if we have an advanced new window, generate the new javascript url string
                        if (param["new_window"] == "1") { param["target"] = "_blank"; }
                        if (param["new_window"] == "2") {
                            var now = new Date();
                            var option_string = "";
                            for(var i=0; i < NEW_WINDOW_OPTIONS.length; i++) {
                                if (option_string != "") option_string += ",";
                                option_string += NEW_WINDOW_OPTIONS[i] + "=" + param["new_window_options"][NEW_WINDOW_OPTIONS[i]];
                            }

                            param["onClick"] = "javascript: if (!window.wysiwyg_editing) { window.open('" + param["url"] + "', '" + now.getTime() + "', '" + option_string + "'); } return false;";
                            param["target"] = "";
                        }

                        // This fixes some probs IE has with Paragraphs
                        var lower_range = '';
                        if (HTMLArea.is_ie) {
                            lower_range = range.htmlText;
                            lower_range = lower_range.replace(/(<\/?)P/gi, "$1p");
                            lower_range = lower_range.substring(0, lower_range.indexOf('</p>') + 4);
                        }

                        if (HTMLArea.is_ie && lower_range.indexOf('<p') != -1) {
                            //See bug #987 for details on why this is done
                            //It avoids <a> tags outside <p> tags
                            var start_new = lower_range.substring(0, lower_range.indexOf('>') + 1);
                            var end_new = lower_range.substring(lower_range.lastIndexOf('<'));
                            var new_middle = lower_range.substring(start_new.length, lower_range.length - end_new.length);
                            html = '<a href="' + param["url"] + '"';
                            if (param["class_name"] != "") {
                                html += ' class="' + htmlspecialchars(param["class_name"]).replace(/\'/gi, "\\'") + '"';
                            }
                            if (param["id_name"] != "") {
                                html += ' id="' + htmlspecialchars(param["id_name"]).replace(/\'/gi, "\\'") + '"';
                            }
                            if (param["target"] != "") {
                                html += ' target="' + htmlspecialchars(param["target"]).replace(/\'/gi, "\\'") + '"';
                            }
                            if (param["status_text"] != "") {
                                html += ' onMouseOver="javascript: window.status=\'' + htmlspecialchars(param["status_text"]).replace(/\'/gi, "\\'") + '\'; return true;" onMouseOut="javascript: window.status=\'\'; return true;"';
                            }
                            if (param["link_title"] != "") {
                                html += ' title="' + htmlspecialchars(param["link_title"]) + '"';
                            }
                            if (param["onClick"] != null && param["onClick"] != "") {
                                html += ' onClick="' + param["onClick"] + '"';
                            }
                

                            // insert file summary keyword
                            new_middle = new_middle.replace(/%asset_summary_[0-9]+%/gim, '');
                            
                            if (param['show_summary'] && param['assetid']) {
                                html += '>' + new_middle + "%asset_summary_" + param['assetid'] + "%" + '</a>';     
                                if (insert_asset_summary_span) {
                                    html = '<span class="include_asset_summary">' + html + '</span>';
                                }               
                            }
                            else {
                                html += '>' + new_middle + '</a>';
                            }
                            
                            editor.insertHTML('', range);
                            editor.insertHTML(start_new + html + end_new);
                        } else {
                            //We don't have IE, or there is no paragraph present to warrant different handling
                            html += '<a href="' + param["url"] + '"';
                            if (param["class_name"] != "") {
                                html += ' class="' + htmlspecialchars(param["class_name"]).replace(/\'/gi, "\\'") + '"';
                            }
                            if (param["id_name"] != "") {
                                html += ' id="' + htmlspecialchars(param["id_name"]).replace(/\'/gi, "\\'") + '"';
                            }
                            if (param["target"] != "") {
                                html += ' target="' + htmlspecialchars(param["target"]).replace(/\'/gi, "\\'") + '"';
                            }
                            if (param["status_text"] != "") {
                                html += ' onMouseOver="javascript: window.status=\'' + htmlspecialchars(param["status_text"]).replace(/\'/gi, "\\'") + '\'; return true;" onMouseOut="javascript: window.status=\'\'; return true;"';
                            }
                            if (param["link_title"] != "") {
                                html += ' title="' + htmlspecialchars(param["link_title"]) + '"';
                            }
                            if (param["onClick"] != null && param["onClick"] != "") {
                                html += ' onClick="' + param["onClick"] + '"';
                            }


                            
                            // remove existing link(s) before inserting a new link
                            if (current_a) {
                                current_a.parentNode.removeChild(current_a);
                            } else {
                                // overlap/partially overlap (existing links)
                                // note: regex doesn't work on nested tags, like in '<a>one<a>two</a>one</a>'
                                var e = '<a[^>]*>(.*?)</a>';
                                var re = new RegExp(e, "gim");
                                inside_html = inside_html.replace(re, "$1");
                            }


                            
                            // insert file summary keyword
                            inside_html = inside_html.replace(/%asset_summary_[0-9]+%/gim, '');
                            if (param['show_summary'] && param['assetid']) {
                                html += '>' + inside_html + "%asset_summary_" + param['assetid'] + "%" + '</a>';    
                                if (insert_asset_summary_span) {
                                    html = '<span class="include_asset_summary">' + html + '</span>';
                                }
                            }
                            else {
                                html += '>' + inside_html + '</a>';
                            }
                                
                            html = editor.make_absolute_urls(html);
        
                            // replace with new URL
                            editor.insertHTML(html, range);
                        }


                    }// end if param exists

                }, null);

            };
        </script>
        <?php

    }//end paint_generic()


    function print_plugin_shortcuts()
    {
        ?>
        case 'k':
            this._matrixInsertLink();
            HTMLArea._stopEvent(ev);
        break;
        <?php

    }//end print_plugin_shortcuts()


    function print_plugin_button_click()
    {
        ?>
        case "matrixcreatelink":
            this._matrixInsertLink();
        break;
        case "unlink":
            this._matrixUnLink();
        break;
        <?php

    }//end print_plugin_button_click()


    function print_plugin_update_toolbar()
    {
        ?>
        case "matrixcreatelink":
            if (allEnabled == null && this._tmp['disable_toolbar'] == true) {
                this.updateToolbar(false);
                return;
            }
        break;
        <?php

    }//end print_plugin_update_toolbar()


}//end class

?>