kityminder/ui/ribbon/tabs.js

Kity Minder

/**
 * @fileOverview
 *
 * Ribbon 选项卡
 *
 * @author: techird
 * @copyright: Baidu FEX, 2014
 */

KityMinder.registerUI('ribbon/tabs', function(minder) {
    var memory = minder.getUI('memory');

    var $tab = new FUI.Tabs({
        buttons: ['idea', 'appearence', 'view', 'mindVersion'].map(function(key) {
            return minder.getLang('ui.tabs.' + key);
        })
    });
    var $title = minder.getUI('topbar/title').$title;

    var $header = $('<div id="tab-select"></div>');
    var $container = $('<div id="tab-container"></div>');

    $title.before($header);
    $('#panel').after($container);

    $tab.appendButtonTo($header[0]);
    $tab.appendPanelTo($container[0]);

    // 隐藏效果
    var lastIndex = 0;
    var muteRemember = false;
    $tab.on('tabsselect', function(e, info) {
        if (info.index == lastIndex) {
            $container.toggleClass('collapsed');
            $header.toggleClass('collapsed');
        } else {
            $container.removeClass('collapsed');
            $header.removeClass('collapsed');
        }
        if (!muteRemember) {
            memory.set('ribbon-tab-collapsed', $container.hasClass('collapsed'));
            memory.set('ribbon-tab-index', info.index);
        }
        lastIndex = info.index;
    });

    $tab.idea = $tab.getPanel(0);
    $tab.appearence = $tab.getPanel(1);
    $tab.view = $tab.getPanel(2);
    
    var rememberIndex = memory.get('ribbon-tab-index');
    var rememberCollapse = memory.get('ribbon-tab-collapsed');
    
    muteRemember = true;
    $tab.select(rememberIndex || 0);
    muteRemember = false;

    if (rememberCollapse) {
        $container.addClass('collapsed');
        $header.addClass('collapsed');
    } else {
        $container.removeClass('collapsed');
        $header.removeClass('collapsed');
    }
    return $tab;
});