タグ: redmine_view_customize

個人用のメモとして活用しているRedmine。

ステータスをハリポタシリーズの呪文に見立てているなど、かなり遊んでいます。

そこで、

• 終わったチケット
• 却下されたチケット

を、自動的にそれらのバージョンに移動できないかということで組んだCustomizeです。

• Redmine 5.1
• View Customize

で動作を確認しています。

カスタマイズ

• パスのパターン:空白
• プロジェクトのパターン:空白
• 挿入位置:全ページのヘッダ
• 種別:JavaScript

$(document).ready(function() {
  const prophecyRoomId = 4; // 「予言の間」のバージョンID
  const azkabanId = 5; // 「アズカバン」のバージョンID

  $('#issue_status_id').change(function() {
    const statusId = parseInt($(this).val()); // ステータスのIDを取得
    if (statusId === 5) { // FinitoのステータスID（例）
      $('#issue_fixed_version_id').val(prophecyRoomId); // 「予言の間」に変更
    } else if (statusId === 6) { // Avada KedavraのステータスID（例）
      $('#issue_fixed_version_id').val(azkabanId); // 「アズカバン」に変更
    }
  });
});

変数は自分が分かればいいのでこのような形にしています。なお、バージョンやステータスのIDは管理画面で把握できます。

あとは保存して、

1. チケットのステータスを移動
2. それに応じてバージョンが変わる

ことを確認できればOKです。

個人メモとして利用しているRedmine。ステータスに応じて進捗率を設定してしまうと、トラッカーが追えなくなるため、以下のカスタマイズを行いました。

スクリプトの内容

1. Redmineに管理者権限でログインします。
   1. 管理＞表示のカスタマイズに進みます。
   2. 新しい表示のカスタマイズを選択し、
      1. パスのパターン:空白
      2. 挿入位置:全ページのヘッダ
      3. 種別:JavaScript
      4. コード

$(document).on('change', '#issue_status_id', function () {
  const closedStatuses = [5, 6]; // 閉じられたステータスIDを指定（例: 5: 完了, 6: 却下）
  const selectedStatus = parseInt($(this).val(), 10);
​
  // 元の進捗率を保存するための変数
  let originalDoneRatio = $('#issue_done_ratio').data('original-done-ratio');
​
  if (!originalDoneRatio) {
    // 初回実行時に元の進捗率を保存
    originalDoneRatio = $('#issue_done_ratio').val();
    $('#issue_done_ratio').data('original-done-ratio', originalDoneRatio);
  }
​
  if (closedStatuses.includes(selectedStatus)) {
    $('#issue_done_ratio').val('100'); // 進捗率を100%に設定
  } else {
    // 元の進捗率に戻す
    $('#issue_done_ratio').val(originalDoneRatio);
  }
});

動作の解説

1. チケットのステータスが変更されると、指定された閉じられたステータスIDの場合は、自動で進捗率が100%に変更されます。
2. その他のステータスに変更された場合は、初回に保存した元の進捗率に戻されます。

これで、進捗率を維持しつつステータスの変更が可能になります。

こちらの記事の応用となります。

のように、alt属性がついた画像をマウスオーバーしたときに

拡大表示させます。

前提

• Redmine View Customize がインストールされていること。
• Redmine 5.1で動作を確認しています。

手順

画面移動

1. Redmineに管理者権限でログインします。
2. 管理＞表示のカスタマイズに移動します。

カスタマイズ作成：JavaScript

表示のカスタマイズに移動後、「新しい表示のカスタマイズ」をクリックします。

以下の通りに入力します。

• パスのパターン
• 空白
• プロジェクトのパターン
• 空白
• 挿入位置
• 全ページのヘッダ
• 種別
• JavaScript

コード

// JavaScript部分
$(document).ready(function() {
$('img[alt]').hover(
function() {
$(this).css({
'transform': 'scale(1.5)',
'transition': 'transform 0.3s ease'
});
},
function() {
$(this).css('transform', 'scale(1)');
}
);
});

// CSS部分
var style = document.createElement('style');
style.innerHTML = `
img[alt] {
transition: transform 0.3s ease;
}
`;
document.head.appendChild(style);

• コメント
• 任意「alt画像のホバー表示(javascript)」など
• 有効
• チェック
• プライベート
• チェックを外す

設定後、保存をクリックします。

動作を確認します。

上記設定後、チケット詳細などのアイコンが表示されているページに遷移します。

冒頭のようにマウスカーソルを近づけた際に拡大されれば設定は完了です。