محاولة إظهار الردود الذاتية بلون مميز

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

هل تم تعريف هذه الميزة مسبقاً في أي مكان؟

هذا ممكن بالفعل باستخدام فئة CSS .topic-owner. يمكنك استخدام كود CSS أدناه لتسليط الضوء على ردودك

.topic-owner .topic-body {
  background: #fffaaa;
}
8 إعجابات

لكن فئة topic-owner تُعيّن فقط لردود منشئ الموضوع. أحتاج إلى فئة، على سبيل المثال باسم my-own، لإضافتها إلى الردود الأخرى إذا كان المستخدم المسجّل دخوله هو من كتبها.

مثل تطبيقات المراسلة، التي تعرض ردودي على الجانب الأيمن وردود الآخرين في بالونات على الجانب الأيسر.

إعجاب واحد (1)

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

<script type="text/discourse-plugin" version="0.8">
    const currentUser = api.getCurrentUser();
    api.addPostClassesCallback((attrs) => {
        if (currentUser && currentUser.id === attrs.user_id) {
            return ["post-by-current-user"];
        } else {
            return [];
        }
    });
</script>

بعد ذلك، يمكنك استخدام فئة post-by-current-user في ورقة الأنماط الخاصة بك.

11 إعجابًا

واو، لقد اعتقدت أن القيام بذلك سيتطلب الكثير من التغييرات.
إن Discourse مثير حقًا…

شكرًا جزيلاً لك!

5 إعجابات