zentao/module/repo/js/common.ui.js

$(function()
{
    $('#log').on('click', '.btn-close', closeRelation);
    window.onScmChange();

    setTimeout(function()
    {
        $('#monacoTabs').on('show.zui.tab', function(e, tab)
        {
            if($(e.target).hasClass('monaco-dropmenu')) return;

            $('#monacoTree .listitem').removeClass('selected');
            if(!tab || !tab[tab.length - 1] || typeof tab[tab.length - 1] != 'string') return;

            const fileKey = tab[tab.length - 1].substring(5).replace(/-/g, '=');
            $('li[z-key="' + fileKey + '"] .listitem').addClass('selected');
        });
    }, 1000);
});

/**
 * 切换仓库。
 * Swtich repo.
 *
 * @param  int    $repoID
 * @param  string $module
 * @param  string $method
 * @access public
 * @return void
 */
window.switchRepo = function(repoID, module, method)
{
    if(typeof(eventKeyCode) == 'undefined') eventKeyCode = 0;
    if(eventKeyCode > 0 && eventKeyCode != 13) return false;

    /* The project id is a string, use it as the project model. */
    if(isNaN(repoID))
    {
        $.cookie.set('projectMode', repoID, {expires:config.cookieLife, path:config.webRoot});
        repoID = 0;
    }

    if(method != 'settings') method ="browse";
    link = createLink(module, method, 'repoID=' + repoID);
    location.href=link;
}

/**
 * 切换分支。
 * Switch branch for git.
 *
 * @param  string $branchID
 * @access public
 * @return void
 */
window.switchBranch = function(branchID)
{
    $.cookie.set('repoBranch', branchID, {expires:config.cookieLife, path:config.webRoot});
    $.cookie.set('repoRefresh', 1, {expires:config.cookieLife, path:config.webRoot});
    location.href=location.href;
}

var distance = 0;

/**
 * 左右切换关联信息。
 * Aarrow tabs area.
 *
 * @param  string domID
 * @param  number shift 1|-1
 * @param  bool   hideRightBtn
 * @access public
 * @return void
 */
window.arrowTabs = function(domID, shift, hideRightBtn)
{
    if($('#' + domID).html() == '') return;

    var hasParent = $('#' + domID + ' > .btn-left').length;
    var $leftBtn  = hasParent ? $('#' + domID + ' > .btn-left')  : $('.btn-left');
    var $rightBtn = hasParent ? $('#' + domID + ' > .btn-right') : $('.btn-right');

    $leftBtn.show();
    $rightBtn.show();
    if(hideRightBtn) $rightBtn.hide();

    var tabItemWidth = 0;
    const $tabs = $('#' + domID + ' > .tabs-header > .nav-tabs')[0];
    if($tabs) tabItemWidth = $tabs.scrollWidth;
    var tabsWidth    = $('#' + domID)[0].clientWidth;
    if($('#' + domID + ' .close-bugs').length) tabsWidth = tabsWidth * 0.7;

    if(tabItemWidth <= tabsWidth)
    {
        $leftBtn.hide();
        $rightBtn.hide();
        $tabs.style.transform = 'translateX(0px)';
        return;
    }

    distance += tabsWidth * shift * 0.2;
    if(distance > 0) distance = 0;
    if(distance == 0)
    {
        $leftBtn.hide();
    }

    if((tabItemWidth + distance) <= tabsWidth * 0.75)
    {
        $rightBtn.hide();
        return arrowTabs(domID, 1, true);
    }

    if(domID == 'monacoTabs' && distance < -60) distance = distance + 60;

    $tabs.style.transform = 'translateX('+ distance +'px)';
}

/**
 * 关闭关联信息tab。
 * Close commit relations.
 *
 * @access public
 * @return void
 */
window.closeRelation = function()
{
    $('#relationTabs ul li').remove();
    $('#relationTabs .tab-content .tab-pane').remove();
    $('.history').html('');
    $('#log').data('line', 0);
    $('#log').hide();

    $('#codeContainer').css('height', codeHeight);
    $('#related').css('height', 0);
};

/**
 * 获取tabs内容高度。
 * Get tab-content height.
 *
 * @access public
 * @return void
 */
window.getIframeHeight = function()
{
    if(typeof(iframeHeight) != 'undefined' && iframeHeight) return iframeHeight;

    var windowHeight   = $(window).height();
    var headerHeight   = parseInt($('#header').height());
    var mainNavbar     = parseInt($('#mainNavbar').height());
    var featureBar     = parseInt($('#featureBar').height());
    var tabsbar        = parseInt($('.nav-tabs').height());
    var mainMenuHeight = parseInt($('#mainMenu').css('padding-top')) + parseInt($('#mainMenu').css('padding-bottom'));
    var appTabsHeight  = parseInt($('#appTabs').height());
    var appsBarHeight  = parseInt($('#appsBar').height());
    featureBar         = featureBar ? featureBar : 0;
    appsBarHeight      = appsBarHeight ? appsBarHeight : 0;
    appTabsHeight      = appTabsHeight ? appTabsHeight : 0;
    mainMenuHeight     = mainMenuHeight ? mainMenuHeight : 0;
    mainNavbar         = mainNavbar ? mainNavbar : 0;
    iframeHeight       = windowHeight - headerHeight - appsBarHeight - appTabsHeight - mainMenuHeight - mainNavbar - tabsbar - 20 - featureBar;

    return iframeHeight;
}

/**
 * 获取左侧边栏高度。
 * Get sidebar height.
 *
 * @access public
 * @return void
 */
window.getSidebarHeight = function()
{
    if(typeof sidebarHeight != 'undefined' && sidebarHeight) return sidebarHeight;

    var windowHeight   = $(window).height();
    var headerHeight   = parseInt($('#header').height());
    var mainNavbar     = parseInt($('#mainNavbar').height());
    var featureBar     = parseInt($('#featureBar').height());
    var repoMenu       = parseInt($('#repoBranchDropMenu').height());
    var mainMenuHeight = parseInt($('#mainMenu').css('padding-top')) + parseInt($('#mainMenu').css('padding-bottom'));
    var appTabsHeight  = parseInt($('#appTabs').height());
    var appsBarHeight  = parseInt($('#appsBar').height());
    repoMenu           = repoMenu ? repoMenu : 0;
    featureBar         = featureBar ? featureBar : 0;
    appsBarHeight      = appsBarHeight ? appsBarHeight : 0;
    appTabsHeight      = appTabsHeight ? appTabsHeight : 0;
    mainMenuHeight     = mainMenuHeight ? mainMenuHeight : 0;
    mainNavbar         = mainNavbar ? mainNavbar : 0;
    sidebarHeight  = windowHeight - headerHeight - appsBarHeight - appTabsHeight - mainMenuHeight - mainNavbar - repoMenu - featureBar;

    return sidebarHeight;
}


/**
 * 查找选中元素所有的父元素及选中元素的id。
 * Find parent nodes and item id of selected tree item.
 *
 * @access public
 * @return string
 */
window.findItemInTreeItems = function(list, key, level) {
    for (const item of list) {
        if(level === 0)
        {
            parentTree = [item.key];
        }

        if (item.id === key) return item;

        if (item.children && item.children.length > 0)
        {
            const findedItem = findItemInTreeItems(item.children, key);
            if (findedItem)
            {
                parentTree.push(item.key);
                return findedItem;
            }
        }
    }
}

/**
 * 展开树状结构。
 * Expand tree node.
 *
 * @access public
 * @return void
 */
window.expandTree = function()
{
    const treeObj = $('#monacoTree').parent().data('zui.Tree');
    if(treeObj == undefined || treeObj.$ == undefined) return;

    for (const key of parentTree) treeObj.$.expand(key);
}

window.onHostChange = function()
{
    const host = $('[name=serviceHost]').val();
    if(!host) return false;

    toggleLoading('#serviceProject', true);
    const $picker = $('#serviceProject').zui('picker');
    $picker.$.clear();

    $.getJSON($.createLink('repo', 'ajaxGetProjects', "host=" + host), function(items)
    {
        $picker.render({items: items});

        toggleLoading('#serviceProject', false);
    });
}

window.onProjectChange = function()
{
    const $picker    = $('#serviceProject').zui('picker');
    const selections = $picker.$.state.selections;
    const serviceProject = selections.length > 0 ? selections[0].text : '';
    if(!serviceProject)
    {
        $('#name').val('');
        return;
    }
    else
    {
        $('#name').val(serviceProject);
    }
}

/**
 * Changed SCM.
 *
 * @param  string $scm
 * @access public
 * @return void
 */
window.onScmChange = function()
{
    if(typeof scmList == 'undefined' || !scmList) return;

    var scm = $('[name=SCM]').val();
    if(!scm)
    {
        for(i in scmList)
        {
            scm = i;
            break;
        }
    }

    (scm == 'Git') ? $('.tips-git').removeClass('hidden') : $('.tips-git').addClass('hidden');

    if(scm != 'Subversion')
    {
        $('.account-fields').addClass('hidden');
        $('#path').attr('placeholder', pathGitTip);
        $('#client').attr('placeholder', clientGitTip);
        if(!client) $('#client').val('/usr/bin/git');
    }
    else
    {
        $('.account-fields').removeClass('hidden');
        $('#path').attr('placeholder', pathSvnTip);
        $('#client').attr('placeholder', clientSvnTip);
        if(!client) $('#client').val('/usr/bin/svn');
    }

    if(scm == 'Git' || scm == 'Subversion')
    {
        $('.service').toggle(false);
        $('.hide-service').toggle(true);
    }
    else
    {
        $('.service').toggle(true);
        if(scm == 'Gitea' || scm == 'Gogs')
        {
            $('.hide-service').each(function()
            {
                if(!$(this).hasClass('hide-git')) $(this).toggle(true);
            });
            $('.hide-git').toggle(false);
        }
        else
        {
            $('.hide-service').toggle(false);
        }

        var url = $.createLink('repo', 'ajaxGetHosts', "scm=" + scm);
        $.getJSON(url, function(data)
        {
            const $hostPicker = $('#serviceHost').zui('picker');
            $hostPicker.render({items: data});
            $hostPicker.$.clear();
        });
    }
}

/**
 * On acl change event.
 *
 * @param  event $event
 * @access public
 * @return void
 */
window.onAclChange = function(event)
{
    const acl = $(event.target).val();
    if(acl == 'private' || acl == 'custom')
    {
        $('#whitelist').removeClass('hidden');
    }
    else
    {
        $('#whitelist').addClass('hidden');
    }
}

/**
 * 点击左侧菜单打开详情tab。
 * Open new tab when click tree item.
 *
 * @access public
 * @return void
 */
window.treeClick = function(info)
{
    if(info.item.items && (info.item.items.length > 0 || info.item.items.url)) return;

    $('#monacoTree .listitem').removeClass('selected');

    $('li[z-key="' + info.item.id + '"] .listitem').addClass('selected');
    openTab(info.item.id, info.item.text);
    arrowTabs('monacoTabs', -2);
}

window.searchList = function()
{
    $.getLib(config.webRoot + 'js/misc/base64.js', {root: false}, function()
    {
        const dom     = new DOMParser().parseFromString($('#keyword').val(), "text/html");
        const keyword = dom.body.textContent;
        loadPage(searchUrl.replace('%s', encodeURIComponent(Base64.encode(keyword))));
    });
}