パスワード再設定＿基本設計
{success} CMPSパスワードリセット画面の基本的事項を明記します。
概要
パスワードを忘れたKIZUNA管理者のパスワードを再発行する画面。
パスワード再設定→ログイン画面へ遷移→ログインの流れとなる。
また本画面は送付後24時間以内のみ有効となる。パラメーター等で判定
基本情報
| 名称 | 定義 | 備考 |
|---|---|---|
| ディレクトリ | components/views/password | vue.jsのディレクトリです。 |
| component | password-reset | vue.jsのcomponennt名です。 ファイル名はpasswordReset |
| route | /password_reset | route名です。 |
画面レイアウト図
設計時：
画面項目
{primary} 画面に表示する項目等の情報を記載します。
| No. | 項目名 | タイプ | 必須 | 備考 |
|---|---|---|---|---|
| 1 | ID（メールアドレス） | text | - | ログインID（メールアドレス） |
| 2 | パスワード | password | - | 再設定するパスワード 英数小文字8桁以上 |
| 3 | パスワード再確認 | password | - | 再設定するパスワード 英数小文字8桁以上 / 2と同一かどうか |
| 4 | 再設定 | button | - | API/resultで判定し、成功したらログイン画面へ戻す。 |
画面アクション
{primary} 上記項目の備考で記載しきれないものや、特記事項があるものを記載します。主に画面の処理（フロント）を記載します。
| 対象No. | 項目名 | 処理内容 |
|---|---|---|
| エラーの表示 | 1 | APIのレスポンスでvalidationエラー表示（RT） |
| 成功時 | 2 | API/resultで判定し、成功時にflashを表示し、その後ログイン画面へ戻す |
処理
{primary} 本画面に関する処理を記載します。主にシステムの処理（バックエンド）を記載します。
| No. | 項目名 | 処理内容 |
|---|---|---|
| 1 | API | パスワード再設定＿API |