إضافة فيديو خلفية لملفات تعريف مستخدمين معينة؟

مطور
6

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

العمل على أساس كل مستخدم على حدة أمر بسيط - نتحقق ببساطة من اسم مستخدم معين كما يلي:

      const isUser1 = args.model.username == "User1"
      component.setProperties({isUser1})

ومع ذلك، نواجه مشكلة في CSS الخاص بنا - نرغب في إجراء بعض التغييرات على كيفية ظهور صفحة المستخدم لهؤلاء المستخدمين فقط.

في الوقت الحالي، نحقق ذلك عبر نفس الكود السابق:

<script type="text/discourse-plugin" version="0.8">
    api.onPageChange(() =>{
        window.onload = determineUser();
    });
    
    async function determineUser() {
        await sleep(50);
        var pageURL = document.querySelector("meta[property='og:url']").getAttribute("content");
        var isUserPage = pageURL.includes("https://www.siteurl.com/u/");
        var isUser1 = pageURL.includes("u/User1/");
        document.body.className = document.body.className.replace(" user-page-animated","");

        
        if(isUserPage)
        {
            if(isUser1)
            {
                document.body.className += ' user-page-animated';
            }
        }
    }
    
    function sleep(ms)
    {
        return new Promise(resolve => setTimeout(resolve, ms));
    }
</script>

يتيح لنا هذا ببساطة نسخ ولصق كود “User1” لكل مستخدم جديد، ولكنه يعتمد على تأخير 50 مللي ثانية بعد كل تحميل للصفحة قبل التشغيل، وهو ما يكون مرئيًا للمستخدم النهائي (وإذا تمت إزالته، فإنه لا يعمل لأي سبب).

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