كيف تقييد الوصول إلى زر التثبيت/إلغاء التثبيت

مطور
1

لقد جربت هذا الكود في الرأس

document.addEventListener("DOMContentLoaded", function() {
    setTimeout(() => {
        let userTrustLevel = parseInt(Discourse.User.current().trust_level);

        if (userTrustLevel < 4) {
            document.querySelectorAll(".pin-topic, .unpin-topic").forEach(button => {
                button.style.pointerEvents = "none";
                button.style.opacity = "0.5";
                button.title = "ليس لديك إذن لتثبيت المواضيع";
            });
        }
    }, 1000);  complet
});

وفي CSS

.d-header-icons .pin-topic,
.d-header-icons .unpin-topic,
.controls .pin-topic,
.controls .unpin-topic {
    display: none !important;
}

ولكن يمكن للمستخدم البسيط ذي المستوى الثقة 1 أو 0 النقر على زر التثبيت ورؤيته.

إلغاء تثبيت المواضيع تلقائيًا عندما يصل المستخدم إلى الأسفل افتراضيًا. هذا معطل
إلغاء تثبيت المواضيع تلقائيًا عندما يصل المستخدم إلى الأسفل. هذا معطل

2

أهلاً بك! :wave:

هل تتحدث عن هذه الأزرار؟

The image shows an online post interface with options to share, bookmark, and reply, labeled under "Unpinned" and "Normal," where "Normal" is selected and displays that notifications will be provided for mentions. (Captioned by AI)
The image shows an online post interface with options to share, bookmark, and reply, labeled under "Unpinned" and "Normal," where "Normal" is selected and displays that notifications will be provided for mentions. (Captioned by AI)650×167 5.63 KB

يمكنك إخفاء الأزرار باستخدام CSS فقط.

قم بتثبيت هذه المكونة أولاً: CSS Classes for Current User's Groups. ستضيف أسماء مجموعات المستخدمين الحالية، على سبيل المثال، group-<name>، إلى عنصر <body>.

بعد ذلك، يمكنك استهداف أي شيء:

:not(.group-trust_level_4) #topic-footer-buttons .pinned-button {
  display: none;
}
5 إعجابات
3

لاحظ أيضًا أن هناك عدة أماكن يمكن تثبيت/إلغاء تثبيت موضوع فيها:

4 إعجابات
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.