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

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

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

تكون المناطق الزمنية الصالحة بالتنسيق المحدد في قاعدة بيانات 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;
}