アカウント一覧

{success} アカウント管理一覧画面 の基本設計及び、画面設計を明記します。

アカウント概要 アカウント権限制御 アカウント一覧:詳細設計

概要

監理団体 実習実施先 送出機関 技能実習生 のアカウントを一覧で確認・編集・新規作成する画面です。

アカウント種類毎に確認しやすくする必要があります。

基本情報

名称 概要
route /account

INDEX

{primary} 初回アクセス時に表示される内容です。

画面レイアウト

image

ユースケース 

flowchart LR
    user1("fas:fa-user-tie 監理団体")
    user2("fas:fa-user-tie 実習実施先")
    user3("fas:fa-user-tie 送出機関")

    user1 -.-> HP -.-> ログイン/STEP1 　-.-> ログイン/STEP2 -.-> ダッシュボード -.-> アカウント一覧:::index
    user2 -.自身の情報のみ.->アカウント確認
    user3 -.自身の情報のみ.->アカウント確認
    user2 -.自身の情報のみ.->アカウント編集
    user3 -.自身の情報のみ.->アカウント編集
    アカウント一覧 -.編集押下.-> アカウント編集
    アカウント一覧 -.新規作成押下.-> アカウント新規作成
    アカウント一覧 -.削除押下.-> アカウント削除:::index
    アカウント一覧 -.検索.-> アカウント確認:::index

    classDef index fill:#f96;
画面項目
物理名 項目・論理名 タイプ 桁数 必須 備考
- 検索 search - - 詳細は[検索]を参照
- 新規登録 button - - アカウント[新規登録]へ遷移
[]- 編集 button - - アカウント[編集]へ遷移
[]role アカウント種類 text - - アカウントの種類 監理団体 実習実施先 送出機関 技能実習生
[]position アカウント権限 text - - 監理団体 アカウントの時のみ表示されます。登録時の権限を表示します。オーナーアカウントも含めて表示します
[]login_id ログイン ID text - -
[]name アカウント名称 text - - 監理団体の時は登録時の名称 / 監理団体以外の時はその名称を表示(実習実施先名称等)
[]created_at 作成日時 text - -
[]updated_at 更新日時 text - -
[]- 削除 button - - 詳細は[削除]を参照
基本事項
項目 概要
表示・並び順・ページャー 作成日時の降順 / 50 件ずつ / ページャーあり
処理
開発 発火 処理名称 処理内容
B アクセス時 アカウント一覧取得 指定された検索値でアカウントを全て取得します
実装 API
API 名称 処理内容

検索

{primary} アカウント一覧の検索機能に関してです

画面レイアウト

image

ユースケース 

flowchart LR

    user1("fas:fa-user-tie 監理団体")
    user2("fas:fa-user-tie 実習実施先")
    user3("fas:fa-user-tie 送出機関")

    user1 -.-> アカウント一覧 -.検索.-> アカウント確認:::index

    user2 -.自身の情報のみ.->アカウント確認
    user3 -.自身の情報のみ.->アカウント確認

    classDef index fill:#f96;
画面項目
物理名 項目・論理名 タイプ 桁数 必須 備考
keyword キーワード検索 search - -
role アカウント種類 SELECT - - 選択肢:監理団体/実習実施先/送出機関/技能実習生 初期値:監理団体タブ分けっぽくしてもよい
position アカウント権限 SELECT - - 種類が監理団体の時のみ表示 選択肢:全て/マスター/管理者/一般 初期値:全て
基本事項
項目 概要
検索対象・方法 メールアドレス 名称 LIKE・AND検索
複合検索 キーワード検索<-AND->アカウント種類<-AND->アカウント権限
処理
開発 発火 処理名称 処理内容
F アカウント種類押下時 キーワード検索空 キーワード検索を空にします
B ONCHANGE 検索 入力された内容でアカウントを検索し一覧で表示します
実装 API
API 名称 処理内容

削除

{primary} アカウント一覧の削除機能に関してです

画面レイアウト

image

ユースケース 

flowchart LR
    user1("fas:fa-user-tie 監理団体")
    user2("fas:fa-user-tie 実習実施先")
    user3("fas:fa-user-tie 送出機関")

    user1 -.-> アカウント一覧 -.削除押下.-> アカウント削除:::index

    classDef index fill:#f96;

    subgraph 不可
      user2
      user3
    end
画面項目
物理名 項目・論理名 タイプ 桁数 必須 備考
- 削除 button - - 押下で confirm 表示
基本事項
項目 概要
削除不可アカウント オーナーアカウント 自身のアカウント は削除不可とします。そのため必ず最低でもオーナーアカウントは残り続けることになります
処理
開発 発火 処理名称 処理内容
B 削除押下 削除 押下したアカウントを削除します
実装 API
API 名称 処理内容