لا يمكن تحميل "post-avatar" على منفذ المكون الإضافي "topic-above-post-stream"

مطور
1

بعد المرور بهذا الدليل “دليل المبتدئين لتطوير سمات Discourse”، حاولت تحميل عنصر واجهة المستخدم post-avatar على منفذ الإضافة “topic-above-post-stream” في صفحة المنشور ولم يظهر على الصفحة.

الكود الذي أضفته أدناه

<script type="text/x-handlebars" data-template-name="/connectors/topic-above-post-stream/post-page">
    <div class="post-detail">
      {{mount-widget widget="post-avatar"}}
    </div>
</script>

هل هناك شيء فاتني؟

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

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

بالنظر إلى الودجت الأصلي هنا:

يتوقع:

  • قالب
  • اسم المستخدم
  • الاسم
  • عنوان URL

لذلك ستحتاج إلى جلب البيانات التي تريدها إلى منفذ المكون الإضافي الخاص بك، ثم تمريرها إلى الودجت… شيء مثل

{{mount-widget widget="post-avatar" args=(hash username=this.username)}}

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

{{avatar user imageSize="large"}}

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

3 إعجابات
3

مرحباً @awesomerobot

شكراً لردك،

أعتزم عرض صورة المستخدم المصغرة فوق نص كل مشاركة في صفحة المشاركة. ومع ذلك، لم أتمكن من إدخال بيانات المستخدم التي أحتاجها في منفذ الإضافات “topic-above-post-stream”. لذلك، بعد إضافة الكود أدناه في الملف common/head_tag.html، يتم عرض أيقونة سلة المهملات في منفذ الإضافات “topic-above-post-stream”.

<script type="text/x-handlebars" data-template-name="/connectors/topic-above-post-stream/custom-post-page">
    <div class="post-detail header">
      {{mount-widget widget="post-avatar" args=(hash username=this.username)}}
    </div>
</script>