باستخدام أداة الساعة، يمكن عرض الوقت الحالي. ويمكن ضبط المنطقة الزمنية بشكل منفصل لكل أداة. وفي حالة استخدامها جنبًا إلى جنب مع أداة سجل الانقطاعات، يتبع وقت الساعة وقت الانقطاع.

تحرير أداة الساعة

يمكن تكوين كل أداة ساعة بمنطقة زمنية منفصلة.

تكون المناطق الزمنية الصالحة بالتنسيق المحدد في قاعدة بيانات tz أو باختصارات المناطق الزمنية الشائعة مثل CET أو GMT.

لون أرقام الساعة

لون المقطع غير النشط

يمكن القيام بذلك عن طريق إضافة النمط التالي إلى لوحة المعلومات المستهدفة (للحصول على التفاصيل، راجع: https://skoorag.atlassian.net/wiki/spaces/DOC/pages/494196/Dashboards+Guide#Edit-dashboard )

.widget.clock svg path {
  fill: #979ca1;
}

لون الجزء النشط

يمكن القيام بذلك عن طريق إضافة النمط التالي إلى لوحة المعلومات المستهدفة (للحصول على التفاصيل، راجع: تحرير لوحة المعلومات)

.widget.clock svg path[class*="active"] {
  fill: #ff0000;
}

وفقًا للمنطقة الزمنية المستخدمة حاليًا

يقارن الحل الفارق الزمني الحالي عن التوقيت العالمي المنسق (UTC) بالفارق الزمني المحدد في أداة الساعة. إذا كانا متطابقين، فإنه يعيّن فئة CSS إلى "local". وتقوم قاعدة CSS في نمط لوحة المعلومات بتلوين المسارات النشطة المحلية وفقًا لذلك.

1. يُعيّن الإعداد أدناه فئة CSS "local" للساعة إذا كان إعداد المنطقة الزمنية الخاص بها يطابق "europe/zurich"

 ${moment().utcOffset() == moment().tz("europe/zurich").utcOffset() ? "local" : ""}

2. استخدام النمط أدناه في إعدادات لوحة المعلومات سيؤدي فقط إلى ضبط أداة الساعة بفئة CSS "local"

.widget.clock.local svg path[class*="active"] {
  fill: #0a87f0;
}