見出し画像

Admin専用 workTimeTrackerコンポーネントが誕生!(可愛いAgentアストロくんアイコンも誕生)

workTimeTrackerコンポーネントとは?
管理者向けに作られた作業時間管理ツール「workTimeTrackerコンポーネント」が登場しました!
作業時間を記録し、休憩リマインダーを設定できる便利な機能を搭載。シンプルな操作で、作業開始・終了の管理やメモの記録ができます。


🔹 主な機能

現在時刻の表示
リアルタイムで更新され、現在時刻が1秒ごとに表示されます。

休憩リマインダー機能
休憩時間を分単位で設定可能。リマインダーのラベルと入力欄は赤色で強調され、視認性を向上。

作業の開始・終了ボタン
ボタンを押すだけで作業開始・終了ができ、経過時間を自動計算・表示します。

作業メモの記録
作業中にメモを入力可能。こちらもラベルと入力欄は赤色で強調され、わかりやすいデザインに。

自動リマインダー更新
休憩リマインダーを設定すると、指定した時間ごとにリマインダーが自動で更新&繰り返し通知。


🔹 コンポーネントの構成

📌 HTMLテンプレート
現在時刻の表示、休憩リマインダー入力、作業開始・終了ボタン、経過時間表示、作業メモ入力などのレイアウトを定義。

📌 JavaScriptコントローラー
作業開始・終了の処理、経過時間の計算、リマインダーの管理などのロジックを担当。

📌 CSSスタイル
背景色、テキスト色、入力フィールドのデザインをカスタマイズし、視認性と使いやすさを向上。


🚀 インストール方法

この便利な workTimeTrackerコンポーネント を試してみたい方は、こちらからインストールできます!

🔗 パッケージインストールURL(サンドボックスの場合、loginでなくtestで置き換えてください。)
👉 https://login.salesforce.com/packaging/installPackage.apexp?p0=04tQE000000a9w1

🔑 インストールパスワード
👉 nopassword


🔗レコードページ、Homeページのレイアウト編集で確認できる

ページ編集でカスタムセクションにworkTimeTrackerを見当る

🔗Lightingページにどこにも設置可能

例、WorkTimeTracker部品の設置場所(Homeの右上)

🔗業務開始の場合、「Start Working」ボタンを押下、消費時間がカウントアップ開始

業務開始

🔗 業務開始前に何分当たり休憩など設定可能。基本的にTaskレコードが発行されるのでリマインダーを右上にポップアップの形で出てきる

休憩、運動すべきのリマインド

🔗業務終了時、メモなど記録する場合、「Work Note」備考欄に入力、「End Working」ボタンを押下ください。

業務終了

🎯 まとめ

Admin専用の workTimeTrackerコンポーネント は、作業時間の管理と休憩リマインダーを一括管理できる便利なツールです。
シンプルで直感的なUIと自動リマインダー機能で、作業効率向上をサポート!
今後もさらに便利な機能を追加予定なので、ぜひご期待ください! 😊💡

いいなと思ったら応援しよう!