system-sekkei/isolating-the-domain

画面の改善点

Closed this issue · 3 comments

画面について、いくつかの改善をお願いします。
簡単にできないものがあれば、別issueを起こして、このissueは、早めにクローズしてください

ダッシュボード

  • この画面にもグローバルナビゲーションがあったほうが、落ち着きそう

勤務時間の入力

  • 勤務日フィールドのデザイン

勤務日フィールド内に取消アイコン、上下アイコンが入っていますが、フィールドの左側に出すとかできませんか?

ちいさくて視認性や操作性が悪いように思います。

追記:いったん、現状でよしとする。

勤務時間の一覧

  • 時刻の表記

勤務の開始時刻で、初期は、09:00 の表示が、編集機能と入力しなおすと、9:00 と、ゼロがない表記になります。
時刻(hour)が一桁の場合は、常にゼロがない表記に統一できませんか?

  • 日付の見出し/カラム

日付のカラムが明示的に 日と曜日の2カラムになっていますが、見た目は、1カラムがよいです。
見出しは「勤務日」とか「日付」とか。

  • 月の移動アイコン

<<や>>よりも、前の月、次の月のほうがベター

給与の一覧

  • 見出し:従業員名 → 氏名 ( 従業員、従業員と表記が並ぶのを避けたい)
  • 支払い額の最後に 「円」を追加 (支払い額がない場合は、円も表示しない)
  • 備考欄を右端に追加し、現在支払い額に表示している未登録などのメッセージは、そちらに表示

従業員の一覧

  • 従業員名→氏名
  • 時給設定開始日→ 「現在の時給」、「開始日」の二つのカラムに分ける
  • 開始日の表記 2019年1月1日(火)の形式にする

従業員情報の詳細

  • 大見出し:従業員情報の詳細→詳細
  • 時給の変遷: 時給の履歴
  • 従業員名→氏名
  • 電話番号欄の見出し:従業員名→電話番号
  • ここに、現在の時給があってもよいかも

時給の変遷

  • 従業員番号を追加
  • 従業員名→氏名
  • 開始日付の表記→年月日形式に
  • 時給の表記→円をつける

toString() で、カンマ編集と円をつけてしまってよいです。

ダッシュボードにもグローバルナビゲーションがあったほうが良い、との改善点を追加しました。

irof commented

勤務日フィールドのデザイン

こちらはブラウザデフォルトの <input type='date'> のためです。
semantic-uiの標準ではDatePickerがなく、何かしらの標準外を使用する必要があるようです。

勤務日フィールドのデザインは、いったん現状のままにしましょう。