休始/休終ボタンの誤操作防止対策

[cti1650]

Goal

• 休始、休終に関してもボタンのグレーアウトを適用できるようにする。

Context

• 勤務形態によっては休憩があり、出退勤と同様押し間違えによる打刻修正が現状起きるため、グレーアウトを実装したい。
• 主な仕様は以下の通り。
  • 当日「出勤」がない場合と「退勤」済みの場合は、「休始」と「休終」はグレーアウト
  • 当日「出勤」済み場合は、
    • 最終ステータスが「出勤」の場合は、「休終」はグレーアウト
    • 最終ステータスが「休始」の場合は、「休始」はグレーアウト
    • 最終ステータスが「休終」の場合は、「休終」はグレーアウト

[cti1650]

各ボタンの要素については以下のように取得可能

• 休憩開始ボタン

[...document.querySelectorAll(".record-btn-inner")].filter(v=>v.textContent==="休始")[0]

• 休憩終了ボタン

[...document.querySelectorAll(".record-btn-inner")].filter(v=>v.textContent==="休終")[0]