Redmine カスタムフィールドの幅を大きくしたり、移動したりする

やったこと

RedmineのViewCustomizePluginで、カスタムフィールドの幅を大きくしたり、移動したりしました。
最後の参考記事(ONOZATYさんブログ)をそのまま真似ただけですが、設定例として公開する事にしました。
Redmineの次期バージョン3.4で、カスタムフィールドを大きい幅に設定にする機能追加がある様ですが、待ちきれず検討しました。

変更前（編集画面）

変更後（編集画面）

変更前（チケット表示画面）

変更後（チケット表示画面）

ソース

Path pattern:

/issues 

Type:

JavaScript 

Code:

$(function(){
  var changeCustomFieldPositon = function(){
    var trackerId = $('#issue_tracker_id').val();
    if (trackerId == '3')
    {
      /* 表示画面の調整 */
      if($('.description').length)
      {
        var mycf_kisyu = $('.cf_10.attribute');
        var mycf_base_ver = $('.cf_7.attribute');
        var mycf_mokuteki = $('.cf_6.attribute');
        var mycf_youkyuu = $('.cf_5.attribute');
        var mycf_kousuu = $('.cf_11.attribute');
        var mycf_fix_ver = $('.cf_8.attribute');
        var mycf_result = $('.cf_9.attribute');

        /* 説明の後に移動 */
        $('.description')
        .after(
          '<hr>',
          '<p> <strong>☆【依頼者記入】</strong></p>',
          $('<div class="splitcontent">').append(
            $('<div class="splitcontentleft">').append(mycf_kisyu),
            $('<div class="splitcontentleft">').append(mycf_base_ver)),
          mycf_mokuteki,
          mycf_youkyuu,
          '<hr>',
          '<p> <strong>★【作業者記入】</strong></p>',
          $('<div class="splitcontent">').append(
            $('<div class="splitcontentleft">').append(mycf_kousuu),
            $('<div class="splitcontentleft">').append(mycf_fix_ver)),
          mycf_result);
      }
      else
      {
        //DO NOTHING
      }

      /* 編集画面の調整 */
      var customField_kisyu = $('#issue_custom_field_values_10').parent();
      var customField_base_ver = $('#issue_custom_field_values_7').parent();
      var customField_mokuteki = $('#issue_custom_field_values_6').parent();
      var customField_youkyuu = $('#issue_custom_field_values_5').parent();
      var customField_kousuu = $('#issue_custom_field_values_11').parent();
      var customField_fix_ver = $('#issue_custom_field_values_8').parent();
      var customField_result = $('#issue_custom_field_values_9').parent();

      /* 最後に移動 */
      $('#all_attributes').append(
        '<hr>',
        '<p> <strong>☆【依頼者記入】</strong></p>',
        $('<div class="splitcontent">').append(
          $('<div class="splitcontentleft">').append(customField_kisyu),
          $('<div class="splitcontentleft">').append(customField_base_ver)),
        customField_mokuteki,
        customField_youkyuu,
        '<hr>',
        '<p> <strong>★【作業者記入】</strong></p>',
        $('<div class="splitcontent">').append(
          $('<div class="splitcontentleft">').append(customField_kousuu),
          $('<div class="splitcontentleft">').append(customField_fix_ver)),
        customField_result);
    }
    else
    {
      //DO NOTHING
    }
  };

  /* 初期変換 */
  changeCustomFieldPositon();

  /* ステータス変更時など、DOMが差し替えられるたびに実施 */
  var _replaceIssueFormWith = replaceIssueFormWith;
  replaceIssueFormWith = function(html){

    _replaceIssueFormWith(html);

    changeCustomFieldPositon();
  };  
})

※参考記事 ↓ Enjoy*Study (全てはonozatyさんのおかげです) ↓
Redmine: 一部のカスタムフィールドを説明の下に移動する(View customize plugin)