واجهة المستخدم وأنماط StableNet® StableNet

تكوين واجهة مستخدم Stablenet

تعيين عنوان URL لبوابة التحليلات

  1. في قسم الإدارة / الإدارة / الخصائص الافتراضية في Stablenet، ابحث عن خاصية عنوان URL لبوابة التحليلات StableNet® Analytics

  2. قم بتحرير الخاصية وقم بتعيينها إلى عنوان HTTPS لمضيفي SKOOR:

    image-20240308-144939.png

تكوين مجموعة المستخدمين

  1. إنشاء مجموعة مستخدمين في الإدارة / الإدارة / المستخدمون/العملاء

  2. إضافة مستخدمين إلى المجموعة في قسم أعضاء المجموعة (يجب ألا يكون المستخدمون الذين يحملون أسماء متطابقة في SKOOR)

تكوين واجهة مستخدم SKOOR

تكوين مجموعة المستخدمين

  1. في واجهة مستخدم SKOOR، قم بالتغيير إلى مكون المحرك

    image-20240515-113724.png
  2. انتقل إلى /الجذر /المستخدمين

  3. إنشاء مجموعة مستخدمين في SKOOR

    image-20240515-114336.png
  4. أدخل اسم مجموعة مستخدمي Stablenet في حقل المجموعة البعيدة

    image-20240515-114254.png
  5. قم بتعيين دور المستخدم ليعكس الأذونات لهذه المجموعة من المستخدمين

  6. اختر صفحة البدء. تفتح هذه الصفحة بعد تسجيل الدخول إلى SKOOR

أيقونات StableNet®

تثبيت SKOOR القياسي

إنشاء دليل جديد للرموز المفضلة:

mkdir /srv/eranger/html/favicons_stablenet

أضف أيقونات إلى الدليل الجديد favicons_stablenet (اطلب من دعم SKOOR الحصول على أرشيف مضغوط):

unzip stablenet_favicons.zip -d /srv/eranger/html/favicons_stablenet/

لتهيئة لوحات معلومات SKOOR لاستخدام الأيقونات الجديدة، أضف أو غيّر معلمات العنوان و faviconRoot في settings.json:

/opt/eranger/eranger-dashboards/settings.json
{
  "title":"StableNet® Analytics Portal",
  "faviconRoot": "/favicons_stablenet"
}

تثبيت Docker Compose

أضف أيقونات StableNet وشهادات SSL إلى قسم بيئة خدمات eranger-ui في SKOOR docker-compose.yaml:

  • يجب إنشاء دليل favicons_stablenet وإضافة العناصر

  • يجب تغيير مسارات الشهادات إلى مواقع صالحة للنظام المضيف

      - "${PERSISTENT_FS}/engine/favicons_stablenet:/srv/eranger/html/favicons_stablenet"
      - "${PERSISTENT_FS}/ssl/fullchain.pem:/etc/pki/tls/certs/localhost.crt"
      - "${PERSISTENT_FS}/ssl/privkey.pem:/etc/pki/tls/private/localhost.key"

أضف أيقونات لوحة التحكم والعنوان إلى قسم بيئة خدمات eranger-webservice في SKOOR docker-compose.yaml:

      - SKOOR_DASHBOARD_title=StableNet® Analytics Portal
      - SKOOR_DASHBOARD_faviconRoot=/favicons_stablenet
      - SKOOR_DASHBOARD_etlService=true

موضوع StableNet® Theme

انتقل إلى قسم الإعدادات لتغيير سمة لوحة التحكم:

image-20240905-065056.png

ثم انقر فوق علامة التبويب السمة:

image-20240905-065237.png

قم بتعيين ألوان واجهة مستخدم السمة على النحو التالي:

  • لون الخلفية (فاتح): #a9a9a9a9

  • لهجة 1 (فاتح وداكن): #54e0cc

CSS

div.layout-footer {
  display: none;
}

body.plain.stablenet.dark {
  background-color: #2a2a2a;
}

body.plain.stablenet .layout-titlebar {
  display: flex !important;
  height: 48px;
  padding-left: 20px !important;
}

body.plain.stablenet .layout-titlebar-actions {
  display: none;
}

body.plain.stablenet .layout-titlebar .dashboard-title {
  padding-left: 0 !important;
}

body.plain.stablenet .layout-titlebar .dashboard-title h1 {
  font-size: 1.2em;
  color: rgb(0, 40, 70);
  font-weight: 600;
}

body.plain.stablenet.dark .layout-titlebar .dashboard-title h1 {
  color: var(--color-text);
}

body.plain.stablenet .layout-titlebar .date-picker-value {
  font-size: 1.2em;
}

body.plain.stablenet .layout-titlebar .date-picker-value h1 {
  min-width: 200px; 
}

body.plain.stablenet .layout-content-sidebar-backdrop {
  display: none;   
}

@media (max-width: 992px)
html:not(.print) body.plain.stablenet .sidebar-visible .layout-content-sidebar-backdrop {
    display: none; 
}

body.stablenet .widget.date_picker svg {
  fill: #115797;
}

body.stablenet.dark .widget.date_picker svg {
  fill: #00cccc;
}