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

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

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

المناطق الزمنية الصالحة هي بتنسيق محدد في قاعدة بيانات 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) بفارق التوقيت عن التوقيت العالمي المنسق (UTC) المحدد في أداة الساعة. إذا كانا متطابقين، فإنه يضبط فئة CSS على local. تقوم قاعدة CSS في نمط لوحة المعلومات بتلوين المسارات النشطة المحلية وفقًا لذلك.

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

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

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

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