kityminder/ui/ribbon/idea/link.js

Kity Minder

/**
 * @fileOverview
 *
 * 插入和管理超链接
 *
 * @author: techird
 * @copyright: Baidu FEX, 2014
 */

KityMinder.registerUI('ribbon/idea/link', function(minder) {

    var R_URL = /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/;

    var $attachment = minder.getUI('ribbon/idea/attachment');

    var $linkButtonMenu = new FUI.ButtonMenu({
        id: 'link-button-menu',
        text: minder.getLang('ui.link'),
        layout: 'bottom',
        buttons: [{}, {
            label: minder.getLang('ui.link')
        }],
        menu: {
            items: [minder.getLang('ui.removelink')]
        }
    }).appendTo($attachment);

    $linkButtonMenu.bindCommandState(minder, 'hyperlink');

    var $linkDialog = new FUI.Dialog({
        width: 600,
        height: 200,
        prompt: true,
        caption: minder.getLang('ui.link')
    }).appendTo(document.getElementById('content-wrapper'));

    var $dialogBody = $($linkDialog.getBodyElement());

    $dialogBody.html([
        '<p><label>连接地址：</label><input type="url" class="link-href fui-widget fui-selectable" /></p>',
        '<p><label>提示文本：</label><input type="text" class="link-title fui-widget fui-selectable" /></p>'
    ].join(''));

    var $href = $dialogBody.find('.link-href');
    var $title = $dialogBody.find('.link-title');
    var $ok = $linkDialog.getButton(0);
    var $errorMsg = $('<span class="validate-error"></span>');

    function error(value) {
        if (value) {
            $href.addClass('validate-error');
            $errorMsg.text('地址格式错误');
            $ok.disable();
        } else {
            $href.removeClass('validate-error');
            $errorMsg.text('');
            $ok.enable();
        }
    }

    $href.after($errorMsg);

    $href.on('input', function() {
        var url = $href.val();
        error(!R_URL.test(url));
    });

    $linkButtonMenu.on('buttonclick', function() {
        $linkDialog.open();
        $href[0].focus();
    });

    $linkButtonMenu.on('select', function() {
        minder.execCommand('unhyperlink');
    });

    $linkDialog.on('ok', function() {
        minder.execCommand('hyperlink', $href.val(), $title.val() || '');
    });

    $linkDialog.on('open', function() {
        var value = minder.queryCommandValue('hyperlink');
        $href.val(value.url);
        $title.val(value.title);
        error(false);
    });

    $(minder.getPaper().getNode()).delegate('a', 'click', function(e) {
        var $a = $(e.target).closest('a');
        var href = $a.prop('href').baseVal;
        if (window.confirm(minder.getLang('ui.redirect', href))) {
            window.open(href, '_blank');
        }
        e.preventDefault();
    });

    return $linkButtonMenu;
});