☰

JIRA空间看板修改

jira的看板的显示排列方式我不喜欢，提供方无法修改，我就自己改一改

// ==UserScript==
// @name         JIRA空间看板修改
// @namespace    http://tampermonkey.net/
// @version      0.4
// @description  jira的看板的显示排列方式我不喜欢，提供方无法修改，我就自己改一改
// @author       You
// @match        */secure/RapidBoard.jspa*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=dotfashion.cn
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';
    let tryNum = 0

    /** 因为有些页面issue太多，jira请求返回时间较长，如果在onLoad后500ms只执行一次的话，可能此时页面issues仍然没有加载，所以做了连续尝试 */
    function 尝试修改看板布局(key) {
        tryNum += 1;
        if(tryNum > 5) {
            clearInterval(key);
            // 超过了指定次数，终止尝试
            return;
        }
        const issue列表容器DivList = document.querySelectorAll(
            '.ghx-issues.js-issue-list'
        );
        if (!issue列表容器DivList || issue列表容器DivList.length === 0) return;
        clearInterval(key);
        for (let i = 0; i < issue列表容器DivList.length; i++) {
            const issue列表容器 = issue列表容器DivList[i];
            const issue列表Div = issue列表容器.querySelectorAll('.js-issue');
            if (!issue列表Div || issue列表Div.length === 0) continue;
            const 未完成issueDiv列表 = [];
            const 已完成issueDiv列表 = [];
            for (let j = 0; j < issue列表Div.length; j++) {
                const issueDiv = issue列表Div[j];
                if (issueDiv.classList.contains('ghx-done')) {
                    issueDiv.style.color = 'rgba(0,0,0,0.5)';
                    const idKey = issueDiv.querySelector('.ghx-key');
                    if (idKey) idKey.style.opacity = 0.5;
                    已完成issueDiv列表.push(issueDiv);
                } else {
                    issueDiv.style.fontWeight = 'bold';
                    未完成issueDiv列表.push(issueDiv);
                }
                issue列表容器.removeChild(issueDiv);
            }
            未完成issueDiv列表.sort((a, b) =>
                               +a.getAttribute('data-issue-id') < +b.getAttribute('data-issue-id')
                               ? 1
                               : -1
                              );
            已完成issueDiv列表.sort((a, b) =>
                               +a.getAttribute('data-issue-id') < +b.getAttribute('data-issue-id')
                               ? 1
                               : -1
                              );
            未完成issueDiv列表.forEach(d => {
                issue列表容器.appendChild(d);
            });
            已完成issueDiv列表.forEach(d => {
                issue列表容器.appendChild(d);
            });
        }
    }

    const key = setInterval(() => {
        尝试修改看板布局(key);
    }, 500);
})();