画面の改善点
Closed this issue · 3 comments
masuda220 commented
画面について、いくつかの改善をお願いします。
簡単にできないものがあれば、別issueを起こして、このissueは、早めにクローズしてください
ダッシュボード
- この画面にもグローバルナビゲーションがあったほうが、落ち着きそう
勤務時間の入力
-
勤務日フィールドのデザイン
勤務日フィールド内に取消アイコン、上下アイコンが入っていますが、フィールドの左側に出すとかできませんか?
ちいさくて視認性や操作性が悪いように思います。
追記:いったん、現状でよしとする。
勤務時間の一覧
- 時刻の表記
勤務の開始時刻で、初期は、09:00 の表示が、編集機能と入力しなおすと、9:00 と、ゼロがない表記になります。
時刻(hour)が一桁の場合は、常にゼロがない表記に統一できませんか?
- 日付の見出し/カラム
日付のカラムが明示的に 日と曜日の2カラムになっていますが、見た目は、1カラムがよいです。
見出しは「勤務日」とか「日付」とか。
- 月の移動アイコン
<<や>>よりも、前の月、次の月のほうがベター
給与の一覧
- 見出し:従業員名 → 氏名 ( 従業員、従業員と表記が並ぶのを避けたい)
- 支払い額の最後に 「円」を追加 (支払い額がない場合は、円も表示しない)
- 備考欄を右端に追加し、現在支払い額に表示している未登録などのメッセージは、そちらに表示
従業員の一覧
- 従業員名→氏名
- 時給設定開始日→ 「現在の時給」、「開始日」の二つのカラムに分ける
- 開始日の表記 2019年1月1日(火)の形式にする
従業員情報の詳細
- 大見出し:従業員情報の詳細→詳細
- 時給の変遷: 時給の履歴
- 従業員名→氏名
- 電話番号欄の見出し:従業員名→電話番号
- ここに、現在の時給があってもよいかも
時給の変遷
- 従業員番号を追加
- 従業員名→氏名
- 開始日付の表記→年月日形式に
- 時給の表記→円をつける
toString() で、カンマ編集と円をつけてしまってよいです。
masuda220 commented
ダッシュボードにもグローバルナビゲーションがあったほうが良い、との改善点を追加しました。
irof commented
勤務日フィールドのデザイン
こちらはブラウザデフォルトの <input type='date'>
のためです。
semantic-uiの標準ではDatePickerがなく、何かしらの標準外を使用する必要があるようです。
masuda220 commented
勤務日フィールドのデザインは、いったん現状のままにしましょう。