CocoRoboDesktop/kityminder/ui/menu/share/share.js

/**
 * @fileOverview
 *
 * 分享功能交互
 *
 * @author: techird
 * @copyright: Baidu FEX, 2014
 */

KityMinder.registerUI('menu/share/share', function(minder) {
    var $share_menu = minder.getUI('menu/menu').createSubMenu('share');
    var $create_menu = $($share_menu.createSub('createshare'));
    var $manage_menu = $($share_menu.createSub('manageshare'));
    var $share_list = $('<ul>')
        .attr('id', 'manage-share-list')
        .appendTo($manage_menu);
    var $doc = minder.getUI('doc');
    var notice = minder.getUI('widget/notice');
    var finder = minder.getUI('widget/netdiskfinder');

    var BACKEND_URL = 'http://naotu.baidu.com/share.php';

    if (window.location.host == 'local.host') {
        //BACKEND_URL = '/naotu/share.php'; // 测试环境
    }

    var currentShare = null;
    var shareList = [];

    renderCreatePanel().then(bindCreatePanelEvent);
    renderManagePanel();

    var shareListLoaded = loadShareList();

    shareListLoaded.then(renderShareList);
    shareListLoaded.then(bindManageActions);

    minder.on('uiready', function() {
        minder.getUI('topbar/user').requireLogin($manage_menu);
    });

    $doc.on('docload', function(doc) {
        if (doc.source != 'netdisk') {
            currentShare = null;
            setShareType('none');
        }
        shareListLoaded.then(function() {
            var shared = getShareByPath(doc.path);
            setCurrentShare(shared);
        });
    });

    $doc.on('docsave', function(doc) {
        if (doc.source != 'netdisk') return;
        var shared = getShareByPath(doc.path);

        if (shared) {
            fio.user.check().then(function(user) {
                $.pajax({
                    url: BACKEND_URL,
                    type: 'POST',
                    data: {
                        action: 'update',
                        ak: user.access_token,
                        id: shared.id || shared.shareMinder.id,
                        record: doc.json
                    }
                }).then(function() {
                    //notice.info(minder.getLang('ui.share_sync_success', doc.title));
                })['catch'](function(e) {
                    notice.error('err_share_sync_fail', e);
                });
            });
        }
    });

    finder.on('mv', trackFileMove);

    function trackFileMove(from, to) {
        var fromPath = from.split('/');
        var toPath = to.split('/');

        function preCommonLength(a, b) {
            var i = 0;
            while ((i in a) && (i in b) && a[i] == b[i]) i++;
            return (i in b) ? 0 : i;
        }

        shareListLoaded.then(function(list) {
            var userChecked = fio.user.check();
            list.forEach(function(item) {
                var originPath = item.path.split('/');
                var clen = preCommonLength(originPath, fromPath);
                if (clen) {

                    var movedPath = toPath.concat(originPath.slice(clen));

                    userChecked.then(function(user) {
                        $.pajax({
                            url: BACKEND_URL,
                            type: 'POST',
                            data: {
                                action: 'move',
                                ak: user.access_token,
                                id: item.id || item.shareMinder.id,
                                path: movedPath.join('/')
                            }
                        }).then(function() {
                            notice.info(minder.getLang('ui.share_sync_success', item.title));
                        })['catch'](function(e) {
                            notice.error('err_share_sync_failed', e);
                        });
                    });
                    item.path = movedPath.join('/');
                }
            });
            renderShareList(list);
        });
    }

    function loadShareFile() {

        var pattern = /(?:shareId|share_id)=(\w+)([&#]|$)/;
        var match = pattern.exec(window.location) || pattern.exec(document.referrer);

        if (!match) return Promise.resolve(null);

        var shareId = match[1];

        $(minder.getRenderTarget()).addClass('loading');

        shareListLoaded.then(function(list) {
            for (var i = 0; i < list.length; i++) {
                var id = list[i].id || (list[i].shareMinder && list[i].shareMinder.id);
                if (id == shareId && list[i].path) {
                    return loadOriginFile(list[i]);
                }
            }
            return loadShare(shareId);

        });

    }

    function loadOriginFile(share) {

        var $netdisk = minder.getUI('menu/open/netdisk');
        notice.info(minder.getLang('ui.load_share_for_edit', share.title));
        return $netdisk.open(share.path, function() {
            // 网盘加载失败
            return loadShare(share);
        });
    }

    function loadShare(shareId) {

        function renderShareData(data) {

            if (data.error) {
                notice.error('err_share_data', data.error);
                return;
            }

            var content = data.shareMinder.data;

            return $doc.load({

                source: 'share',
                content: content,
                protocol: 'json',
                saved: true,
                ownerId: data.uid,
                ownerName: data.uname

            });
        }

        var $container = $(minder.getRenderTarget()).addClass('loading');

        return $.pajax({

            url: 'http://naotu.baidu.com/share.php',

            data: {
                action: 'find',
                id: shareId
            },

            dataType: 'json'

        }).then(renderShareData)['catch'](function(e) {

            notice.error('err_share_data', e);

        }).then(function() {
            $container.removeClass('loading');
        });
    }

    function getShareByPath(path) {
        if (!path || !shareList) return null;

        var i = shareList.length;
        while (i--) {
            if (shareList[i].path == path) return shareList[i];
        }
        return null;
    }

    function setCurrentShare(share) {
        currentShare = share;
        if (share)
            renderPublicShare(share);
        else
            setShareType('none');
    }

    function renderCreatePanel() {
        // render template
        return $.pajax({ url: 'static/pages/createshare.html' }).then(function(html) {
            /* global jhtmls: true */
            var render = jhtmls.render(html);
            $create_menu.html(render({
                lang: minder.getLang('ui'),
                minder: minder
            }));
            setTimeout(zeroCopy, 10);
            return $create_menu;
        });
    }

    function renderManagePanel() {
        $manage_menu.append($('<h2>')
            .text(minder.getLang('ui.manage_share'))
            .attr('id', 'manage-share-header'));
    }

    function bindCreatePanelEvent($panel) {
        $panel.delegate('input[name=sharetype]', 'click', function(e) {
            var actions = {
                'none': removeCurrentShare,
                'public': createPublicShare
            };
            actions[e.target.value]();
        });

        $panel.delegate('input#share-url', 'dblclick', function() {
            this.select();
        });

        $panel.delegate('#copy-share-url', 'click', function() {
            if (kity.Browser.safari && kity.Browser.safari < 8) {
                var input = $('#share-url');
                input.focus();
                input.select();
                window.alert(minder.getLang('ui.clipboardunsupported'));
            }
        });
    }

    function bindManageActions() {
        $manage_menu.delegate('.share-item a', 'click', function(e) {
            var $target = $(e.target);
            var $li = $target.closest('.share-item');
            var share = $li.data('share');

            switch (true) {
                case $target.hasClass('view-action'):
                    window.open(buildShareUrl(share.id || share.shareMinder.id), '_blank');
                    return;

                case $target.hasClass('remove-action'):

                    $li.addClass('loading');

                    removeShare(share).then(function(result) {

                        if (result && result.deleted) {
                            shareList.splice(shareList.indexOf(share), 1);
                            $li.slideUp(function() {
                                $li.remove();
                            });
                            if (share == currentShare) {
                                removeCurrentShareSelect();
                            }
                        }

                    }).then(function() {

                        $li.removeClass('loading');

                    });

                    return;

                case $target.hasClass('edit-action'):
                    loadOriginFile(share);
                    return;
            }
        });
    }

    function removeShare(share) {
        return fio.user.check().then(function(user) {
            return $.pajax(BACKEND_URL, {

                type: 'POST',
                data: {
                    action: 'remove',
                    ak: user && user.access_token,
                    id: share.id || share.shareMinder.id
                },
                dataType: 'json'

            })['catch'](function(e) {
                var notice = minder.getUI('widget/notice');
                notice.error('err_remove_share', e);
            });
        });
    }

    function removeCurrentShare() {
        if (!currentShare) return;

        $create_menu.addClass('loading');

        return removeShare(currentShare).then(function(result) {
            if (result && result.deleted) {
                removeCurrentShareSelect();
            }
            $create_menu.removeClass('loading');
        });
    }

    function removeCurrentShareSelect() {
        if (currentShare.$listItem) {
            currentShare.$listItem.remove();
        }
        currentShare = null;
        setShareType('none');
    }

    function uuid() {
        // 最多使用 1e7，否则 IE toString() 会出来指数表示法
        var timeLead = 1e6;
        return ((+new Date() * timeLead) + (Math.random() * --timeLead)).toString(36);
    }

    function createPublicShare(user) {
        if (currentShare) return;

        $create_menu.addClass('loading');

        return fio.user.check().then(function(user) {

            var record = {
                shareMinder: {
                    id: uuid(),
                    data: JSON.stringify(minder.exportJson())
                }
            };

            var currentDoc = $doc.current();

            if (currentDoc.source == 'netdisk') {
                record.path = currentDoc.path;
            }

            return $.pajax(BACKEND_URL, {

                type: 'POST',
                data: {
                    action: 'insert',
                    record: JSON.stringify(record),
                    ak: user && user.access_token
                },
                dataType: 'json'

            }).then(function(result) {

                if (result.error) {
                    throw new Error(result.error);
                }

                return result;

            })['catch'](function(e) {

                var notice = minder.getUI('widget/notice');
                notice.error('err_create_share', e);

            });
        })

        .then(function(shared) {
            if (shared) {
                setCurrentShare(shared);
                shareListLoaded.then(function() {
                    shareList.unshift(shared);
                    $('#manage-share-list').prepend(currentShare.$listItem = buildShareItem(shared));
                });
            }
            $create_menu.removeClass('loading');
        });
    }

    function buildShareUrl(id) {

        var baseUrl = /^(.*?)(\?|\#|$)/.exec(window.location.href)[1];

        baseUrl = baseUrl.split('edit.html')[0];

        return baseUrl + 'viewshare.html?shareId=' + id;
    }

    function setShareType(value) {
        var $sbody = $('#public-share .share-body', $create_menu);
        if (value == 'public') {
            $sbody.show();
        } else {
            $sbody.hide();
        }
        $('#share-select input[name=sharetype][value=' + value + ']', $create_menu)
            .prop('checked', true);
    }

    function renderPublicShare(shared) {
        var $sbody = $('#public-share .share-body', $create_menu);

        var shareUrl = buildShareUrl(shared.id || shared.shareMinder.id);

        $('#share-url', $sbody).val(shareUrl)[0].select();

        // qr code
        var $qrcontainer = $sbody.find('.share-qr-code').empty();

        new window.QRCode($qrcontainer[0], {
            text: shareUrl,
            width: 128,
            height: 128,
            correctLevel : window.QRCode.CorrectLevel.M
        });

        var shareConfig = window._bd_share_config && window._bd_share_config.common,
            resetShare = window._bd_share_main && window._bd_share_main.init;

        if (shareConfig && resetShare) {
            shareConfig.bdTitle = shareConfig.bdText = minder.getMinderTitle();
            shareConfig.bdDesc = shareConfig.bdText = minder.getLang('ui.sns_share_text',
                minder.getMinderTitle(), shareUrl);
            shareConfig.bdUrl = shareUrl;
            resetShare();
        }
        setShareType('public');
    }

    function loadShareList() {

        return fio.user.check().then(function(user) {
            if (!user) return;
            return $.pajax(BACKEND_URL, {

                type: 'GET',

                data: {
                    action: 'list',
                    ak: user && user.access_token
                },

                dataType: 'json'

            }).then(function(result) {

                return (shareList = result.list || []);

            });
        });
    }

    function renderShareList(list) {
        var frdTime = minder.getUI('widget/friendlytimespan');
        if (!list) return;
        $share_list.empty();
        list.forEach(function(share) {
            $share_list.append(share.$listItem = buildShareItem(share));
        });
    }

    function buildShareItem(share) {
        var id = share.id || (share.shareMinder && share.shareMinder.id);
        if (!id) return;

        var $li = $('<li>')
            .addClass('share-item')
            .data('share', share);

        $('<span>')
            .addClass('title')
            .text(share.title)
            .appendTo($li);

        $('<span>')
            .addClass('url')
            .text(share.path ?
                share.path.replace('/apps/kityminder', minder.getLang('ui.mydocument')) :
                buildShareUrl(id))
            .appendTo($li);

        if (share.ctime) {
            $('<span>')
                .addClass('ctime')
                .displayFriendlyTime(+share.ctime)
                .appendTo($li);
        }

        $('<a>')
            .addClass('remove-action')
            .text(minder.getLang('ui.share_remove_action'))
            .attr('title', minder.getLang('ui.share_remove_action'))
            .appendTo($li);

        $('<a>')
            .addClass('view-action')
            .text(minder.getLang('ui.share_view_action'))
            .attr('title', minder.getLang('ui.share_view_action'))
            .appendTo($li);

        if (share.path)
            $('<a>')
                .addClass('edit-action')
                .text(minder.getLang('ui.share_edit_action'))
                .attr('title', minder.getLang('ui.share_edit_action'))
                .appendTo($li);

        return $li;
    }

    function clearShareList() {
        shareList = [];
    }

    function shareRedirect() {
        var pattern = /(?:shareId|share_id)=(\w+)([&#]|$)/;
        var match = pattern.exec(window.location) || pattern.exec(document.referrer);

        if (match) {
            window.location.href = 'viewshare.html?shareId=' + match[1];
        }
    }

    function zeroCopy() {

        /* global ZeroClipboard:true */

        var $copy_url_btn = $('#copy-share-url', $create_menu);

        if (window.ZeroClipboard) {
            ZeroClipboard.config({
                swfPath: 'lib/ZeroClipboard.swf',
                hoverClass: 'hover',
                activeClass: 'active'
            });
            var clip = new window.ZeroClipboard($copy_url_btn);
            clip.on('ready', function() {
                clip.on('aftercopy', function() {
                    $copy_url_btn.text(minder.getLang('ui.copied')).attr('disabled', 'disabled');
                    setTimeout(function() {
                        $copy_url_btn
                            .text(minder.getLang('ui.copy'))
                            .removeAttr('disabled');
                    }, 3000);
                });
            });
        }
    }

    return {
        $menu: $share_menu,
        loadShareFile: loadShareFile
    };
});