Redmineの設定

問題概要¶

対象ページ: https://task.call2arm.com/redmine-ui/documents
問題内容: ドキュメント一覧でアクション列（操作ボタン）が表示されない
現在の状態: プロジェクト名、作成日、更新日は表示されるが、右端のアクション部分が欠落

詳細症状¶

表示されている要素¶

• ✅ プロジェクト名（例: "Redmineの設定"）
• ✅ 作成日（例: "6月4日"）
• ✅ 更新日（例: "6月4日"）

表示されていない要素（必要な機能）¶

• ❌ 閲覧ボタン (👁️ アイコン) - ドキュメント内容確認
• ❌ 編集ボタン (✏️ アイコン) - ドキュメント編集
• ❌ 削除ボタン (🗑️ アイコン) - ドキュメント削除

想定されるアクション列の構成¶

<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
  <div class="flex justify-end space-x-2">
    <!-- 閲覧ボタン -->
    <button class="text-green-600 hover:text-green-900" title="表示">
      <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
        <!-- 目のアイコン -->
      </svg>
    </button>
    
    <!-- 編集ボタン -->
    <button class="text-blue-600 hover:text-blue-900" title="編集">
      <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
        <!-- 編集アイコン -->
      </svg>
    </button>
    
    <!-- 削除ボタン -->
    <button class="text-red-600 hover:text-red-900" title="削除">
      <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
        <!-- ゴミ箱アイコン -->
      </svg>
    </button>
  </div>
</td>

影響範囲¶

• ドキュメント管理機能の操作性低下
• ユーザビリティの大幅な悪化
• ドキュメントの閲覧・編集・削除ができない

考えられる原因¶

1. React コンポーネント実装不備

   • テーブル列定義でアクション列が未定義
   • JSX内でアクション部分のレンダリング漏れ

2. CSS スタイリング問題

   • アクション列が非表示になるスタイル適用
   • レスポンシブデザインでの表示崩れ

3. API データ取得問題

   • ドキュメント権限情報の取得不備
   • アクション可否判定ロジックの不具合

4. JavaScript エラー

   • コンポーネントレンダリング中のエラー
   • 状態管理（state）の問題

期待される動作¶

閲覧機能 (👁️)¶

• ドキュメント詳細ページへの遷移
• ファイル添付がある場合のダウンロード機能

編集機能 (✏️)¶

• ドキュメント編集画面への遷移
• 権限チェック（編集可能ユーザーのみ表示）

削除機能 (🗑️)¶

• 削除確認ダイアログ表示
• 権限チェック（削除可能ユーザーのみ表示）

技術的調査事項¶

• React DevToolsでコンポーネント構造確認
• ブラウザコンソールでJavaScriptエラー確認
• Network TabでAPI レスポンス内容確認
• 他のredmine-ui ページ（tickets, projects）との比較

緊急度¶

• 優先度: 高（基本機能が使用不可）
• 影響度: 大（ドキュメント管理全般に影響）

関連情報¶

• 同様のアクション列は /redmine-ui/tickets では正常表示
• 他のテーブル表示ページとの実装統一が必要