ある工場のredmine画面カスタム【view customize plugin 活用例】

15

Upload: kohei-nakamura

Post on 16-Apr-2017

6.975 views

Category:

Software


4 download

TRANSCRIPT

Page 1: ある工場のRedmine画面カスタム【View customize plugin 活用例】
Page 2: ある工場のRedmine画面カスタム【View customize plugin 活用例】

• 中村�浩平 (ナカムラ コウヘイ)

@netazone

• SIer:オープン系エンジニア(11年)

→工場:情報システム(2年)

• Redmine歴: 7年�管理者歴: 4年

• Redmineを全社で運用していて�����������

日々よりよい活用法を模索中

Page 3: ある工場のRedmine画面カスタム【View customize plugin 活用例】

•表示変更や機能追加が簡単に可能

•Redmine再起動不要で有効にできる

Page 4: ある工場のRedmine画面カスタム【View customize plugin 活用例】

• Redmineバージョン:2.5.1(bitnami でインストール) 

• OS:Linux CentOS 6.5

• 仮想サーバ:Mem 2G, CPU 2Core, Disk 20GB

• 2014/04構築→2015/06から全社利用

• ユーザ数:150 チケット数:11,000�

• 使用しているプラグイン:24

Page 5: ある工場のRedmine画面カスタム【View customize plugin 活用例】

• 説明欄が狭い

説明欄のサイズを縦に2倍拡大

変更して欲しい項目の背景色を “黄色”に変更

•変更して欲しい「担当者」、 「ステータス」が変更されない

Page 6: ある工場のRedmine画面カスタム【View customize plugin 活用例】

•全新規チケットに対し、説明欄を拡大

#issue_status_id { background-color: #ffff99; } #issue_assigned_to_id { background-color: #ffff99; }

#issue_description { height: 26em; }

Path pattern: /issues/new

Type: StyleSheet

Path pattern: /issues/*

Type: StyleSheet

•全チケットのステータス、担当者欄を黄色に色付け

Page 7: ある工場のRedmine画面カスタム【View customize plugin 活用例】

•金額が見づらい

•数値を右寄せしたい

金額の桁区切り表示

基本センタリングを 数値は右寄せ、

長い項目は左寄せ

Page 8: ある工場のRedmine画面カスタム【View customize plugin 活用例】

• 特定PJのチケット一覧画面で、あるフィールドを右寄せ������(※右寄せしたいカスタムフィールド = cf_XX)

$(document).ready(function(){ $(“td.cf_XX").each(function(){ // textに正規表現で3桁ごとに数値をいれ、それをさらにtextとして返す $(this).text( $(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") ); }); });

.cf_XX.int { text-align:right; }

Path pattern: /projects/(project_id)/issues*

Type: StyleSheet

Path pattern: /issues/*

Type: StyleSheet

• 金額を3桁区切りにする �������������(※金額欄として使用している数値型カスタムフィールド = cf_XX)

Page 9: ある工場のRedmine画面カスタム【View customize plugin 活用例】

• チケットにファイルサーバへのリンクに格納してるが、入力が面倒

→PJ毎に異なる

デフォルト値を自動入力

Project1

Project2

Page 10: ある工場のRedmine画面カスタム【View customize plugin 活用例】

$(function() { document.getElementById("issue_custom_field_values_XX").value =

'{{unc\(\\\\fileserver\\project1\\\)}}'; })

$(function() { document.getElementById('issue_custom_field_values_XX').value =

'{{unc\(\\\\fileserver\\project2\\)}}'; })

Path pattern: /projects/(project_id_1)/issues/new

Type: JavaScript

Path pattern: /projects/(project_id_2)/issues/new

Type: JavaScript

• “Project2” の新規チケットにファイルサーバのパスを設定�(※設定したいカスタムフィールド = issue_custom_field_values_XX)

• “Project1” の新規チケットにファイルサーバのパスを設定�(※設定したいカスタムフィールド = issue_custom_field_values_XX)

Page 11: ある工場のRedmine画面カスタム【View customize plugin 活用例】

全文検索時に検索がヒットしない(あるはずなのに0件)

←検索ワードの間に全角スペースが・・・

全角スペース 半角スペース

Page 12: ある工場のRedmine画面カスタム【View customize plugin 活用例】

$(function() { $('#q.small').change(function(){ var txt = $(this).val(); var han = txt.replace(/�/g,' '); $(this).val(han); }); });

Path pattern: .*

Type: JavaScript

$(function() { $('#search-input').change(function(){ var txt = $(this).val(); var han = txt.replace(/�/g,' '); $(this).val(han); }); });

Path pattern: /search

Type: JavaScript

• (検索ページ)検索ボックスの全角スペースを半角に置換

• (画面右上)検索ボックスの全角スペースを半角に置換

Page 13: ある工場のRedmine画面カスタム【View customize plugin 活用例】

全文検索時に検索がヒットしない(あるはずなのに0件)

←全角の英数字が・・・

Page 14: ある工場のRedmine画面カスタム【View customize plugin 活用例】

$(function() { $('#issue_subject').change(function(){ var txt = $(this).val(); var han = txt.replace(/[A-Za-z0-9]/g,function(s){return String.fromCharCode(s.charCodeAt(0)-0xFEE0)}); $(this).val(han); }); });

Path pattern: /projects/(project_id)/issues/new

Type: JavaScript

•特定PJの新規チケット題名の全角英数字を自動で半角化