Redmineで親チケット画面に表示される子チケットをソートしたいです。

Question

前提・実現したいこと

Redmineで親チケット画面に表示される子チケットをソートしたいと考えています。
現在はデフォルトの状態であるため、子チケットのID順に並んでいます。
これをステータス順や、期日順などに並び替えられるようにしたいです。
各チケット画面の設定をどうすればよいか（設定ファイルの変更等）ご教授頂けると幸いです。

Answer 1

View Customize Pluginでやってみました。

確認したバージョン
View Customize Plugin：2.10 以上
Redmine 3.4 xx

<!---
パスのパターン:/issues/[0-9]+
挿入位置:全ページのヘッダ
種別:HTML
-->

<style>
    th.checkbox {
        display: none;
    }

    /* tablesort */
    th[role=columnheader]:not(.no-sort) {
        cursor: pointer;
    }

    th[role=columnheader]:not(.no-sort):after {
        content: '';
        float: right;
        margin-top: 7px;
        border-width: 0 4px 4px;
        border-style: solid;
        border-color: #404040 transparent;
        display: none;
        opacity: 0;
        -ms-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    th[aria-sort=ascending]:not(.no-sort):after {
        border-bottom: none;
        border-width: 4px 4px 0;
    }

    th[aria-sort]:not(.no-sort):after {
        display: inline;
        opacity: 0.4;
    }

    th[role=columnheader]:not(.no-sort):hover:after {
        display: inline;
        opacity: 1;
    }
</style>

<!-- プラグインを読み込み -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tablesort/5.2.1/tablesort.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tablesort/5.2.1/sorts/tablesort.number.min.js"></script>

<script>
    $(function() {
        //画面初期表示時の処理
        addtd_id_tracker();
        addheader_issue_tree();
        addheader_relations();
        setupissue_treeTableSortableHeader();
        setuprelationsTableSortableHeader();

        //関連するチケット追加時の処理
        let headeraddflg;
        $(document).on('click', '#new-relation-form input[type="submit"]', function() {
            headeraddflg = false;
            $(document).ajaxStop(function() {
                if (headeraddflg == false) {
                    headeraddflg = true;
                    addheader_relations();
                    setuprelationsTableSortableHeader()
                }
            })
        })
    })

    //題名のチケットID・トラッカー部分を別コラムにする（ソート可能にするため）           
    function addtd_id_tracker() {
        $('#issue_tree tr td.subject').each(function() {
            var tracker = $(this).find('a.issue').text().split('#').shift();
            var issueid = $(this).find('a.issue').text().split('#').pop();
            var subjectfront = $(this).html().split('</a>: ').shift().split('>').shift();
            var subjectback = $(this).html().split('</a>: ').pop();
            $(this).before('<td class="id">' + issueid + '</td>');
            $(this).after('<td class="tracker">' + tracker + '</td>');
            $(this).html(subjectfront + '>' + subjectback + '</a>');
        })
    }

    //子チケット表示テーブルにヘッダーを追加 
    function addheader_issue_tree() {
        $('#issue_tree .list').prepend(
            '<thead>' +
            '<tr>' +
            '<th class="checkbox"></th>' +
            '<th><a href="#issue_tree">' + '#' + '</a></th>' +
            '<th><a href="#issue_tree">' + '題名' + '</a></th>' +
            '<th><a href="#issue_tree">' + 'トラッカー' + '</a></th>' +
            '<th><a href="#issue_tree">' + 'ステータス' + '</a></th>' +
            '<th><a href="#issue_tree">' + '担当者' + '</a></th>' +
            '<th><a href="#issue_tree">' + '進捗率' + '</a></th>' +
            '</tr>' +
            '</thead>');
    }

    //関連チケット表示テーブルにヘッダーを追加
    function addheader_relations() {
        $('#relations .list thead').remove();
        $('#relations .list').prepend(
            '<thead>' +
            '<tr>' +
            '<th class="checkbox"></th>' +
            '<th><a href="#relations">' + '題名' + '</a></th>' +
            '<th><a href="#relations">' + 'ステータス' + '</a></th>' +
            '<th><a href="#relations">' + '開始日' + '</a></th>' +
            '<th><a href="#relations">' + '期日' + '</a></th>' +
            '<th><a href="#relations">' + '進捗率' + '</a></th>' +
            '<th></th>' +
            '</tr>' +
            '</thead>');
    }

    //子チケット表示テーブルにソートプラグインを有効化 
    function setupissue_treeTableSortableHeader() {
        $('#issue_tree .list').each(function(i, table) {
            if (table.rows.length < 3) return true;
            var tr = $(table.rows).first();
            if (tr.find("TH").length > 0) {
                tr.attr('data-sort-method', 'none');
                tr.find("TD").attr('data-sort-method', 'none');
                new Tablesort(table);
            }
        });
    }

    //関連チケット表示テーブルにソートプラグインを有効化 
    function setuprelationsTableSortableHeader() {
        $('#relations .list').each(function(i, table) {
            if (table.rows.length < 3) return true;
            var tr = $(table.rows).first();
            if (tr.find("TH").length > 0) {
                tr.attr('data-sort-method', 'none');
                tr.find("TD").attr('data-sort-method', 'none');
                new Tablesort(table);
            }
        });
    }
</script>

Comments

[keiktm]

takashikawai様

ご回答ありがとうございました。
view_customizeに設定したところ、問題なくソートできました。

【確認したバージョン】
Environment:
Redmine version 4.1.1.stable
Redmine plugins:
view_customize 2.7.0