ثيم Fakebook

مرحبًا جوردان،

يظهر خطأ عند تسجيل مستخدم جديد. لا يعرض الشريط الجانبي الأيمن أي معلومات سوى نص الترحيب والعنوان الفرعي، لكن دون الاسم. أعلم أنه يعرض الإعجابات إذا وجدت، وكذلك الشارات. هل من الممكن إصلاح هذا الشريط الجانبي ليظهر الإعجابات والشارات؟ أعني 0 :heart: تم استلامها، 0 :heart: تم إرسالها، ولا توجد شارات. لا تملك أي شارات حتى الآن… تعرف على كيفية الحصول عليها… أو شيء مشابه. أي نص أو رابط في حال عدم وجود شارات بعد.

شكرًا لك! :slight_smile:

رمز الخطأ المتعلق بالشارات هو:

أود تعديله كما هو موضح أدناه.
ومع ذلك، لا يعمل على شاشة الهاتف المحمول.
هل يمكن لأحد المساعدة في معرفة ما يجب فعله.

أود جعل الرابط يعمل مع مقتطف الموضوع والصورة.

{{~raw-plugin-outlet name="topic-list-after-title"}}
{{#unless topic.image_url}}
  {{#if topic.hasExcerpt}}
    <a href="{{topic.lastUnreadUrl}}" class="topic-excerpt-link">
      <div class="topic-excerpt-box">
        {{raw "list/topic-excerpt" topic=topic}}
      </div>
    </a>
  {{/if}}
{{/unless}}
{{#if topic.image_url}}
<a href="{{topic.lastUnreadUrl}}" class="topic-excerpt-link">
<div class="topic-image">
  <img src="{{topic.image_url}}" />
</div>
</a>
{{/if}}

هذا هو الموقع الذي أقوم باختباره.
https://today16.com/

استخدم هذا في رأس الصفحة للجوال :point_down:
<script type='text/x-handlebars' data-template-name='mobile/list/topic-list-item.raw'> . . . </script>

iPhone 6S

أنا أقوم باختبار هذا على محاكي Xcode مع iPhone 6S ولم أواجه هذه المشكلة.

لديّ سؤالان:

هل هذه لقطة شاشة لك وأنت تستخدم meta.discourse.org؟
ما هي إصدار iOS الذي تستخدمه؟
ما هو متصفح الويب؟

شكرًا لك

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

هل جرب أحدكم تشغيل مقاطع فيديو قصيرة تم رفعها مباشرة إلى Discourse باستخدام سمة فيسبوك على هاتف iOS؟

ربما فاتني شيء ما في الإعدادات، لكنني لا أستطيع تشغيل أي فيديو تم رفعه على الهاتف. إنه يعمل بشكل جيد على الكمبيوتر.

أي فيديو مضمن من يوتيوب يعمل.

لهذا السبب لا أعرف ما الذي حدث؛ فلا توجد أخطاء ولا تحذيرات.

لذا، يرجى تقديم النصيحة.

نعم، يعمل بشكل مثالي معي على أي جهاز. أعتقد أن القالب قد يكون سببًا صعبًا في التسبب بهذه المشكلة.
هل جربت التشغيل في الوضع الآمن؟
هل يمكنك نشر الموضوع الذي يحتوي على الفيديو حتى نتمكن من التحقق منه؟

مرحبًا @Don
نعم، يُرجى تجربة الرابط أدناه:
Making sure you're not a bot!

لقد جربته للتو وتأكدت من أنه لا يعمل على نظام iOS 11 الخاص بي.

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

نسخة iOS 11 قديمة جدًا وتسبب هذه المشكلة. يمكنني تشغيل الفيديو دون أي مشكلة على iOS 14 ويعمل بشكل ممتاز.

4 إعجابات

@دون مُسجّل،

شكرًا لك

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

هذا رائع!

أيضًا… هل من الممكن إضافة رابط إلى منطقة المقدمة في الشريط الجانبي؟

أين رابط إضافة السمة؟

4 إعجابات

مرحبًا، أنا أتعلم تطوير سمة / إضافة Discourse. أعجبني سمة Fakebook حقًا وأستخدمها لتطوير فهمي، لكن لدي بعض الأسئلة.

يحتوي الملف “javascripts/discourse/templates/mobile/list/topic-list-item.hbr” على تكرار كامل للكود بنسبة 100% من ملف “common/header.html”.

أسئلتي:

  1. أليس هناك طريقة لتضمين ملف hbr داخل ملف HTML بحيث يمكننا ببساطة تضمين topic-list-item.hbr في common/header.html بدلاً من تكرار الكود في مكانين؟
  2. لماذا نحتاج إلى topic-list-item.hbr من الأساس؟ ألا ينبغي أن تنطبق الملفات الموجودة في مجلد common على كل من سطح المكتب والجوال؟
إعجاب واحد (1)

لا أعتقد ذلك… عادةً ما يمكنني إنشاء مكون يستخدم قالبًا واحدًا، ثم يمكنني تضمينه للمكون في كلا التجاوزات… لكن عناصر قائمة المواضيع هي نوع خاص من القوالب المبنية للأداء (hbr = قالب Handlebars خام)، ولا يمكن للقوالب الخام استخدام المكونات. (بعض النقاش السابق في Mounting widget in raw template? - #7 by angus)

هكذا يتم هيكلة CSS الخاص بـ Discourse (وبعض ملفات HTML الخاصة بالمواضيع مثل الرأس/التذييل وما إلى ذلك)، ولكن داخل مجلد javascripts/discourse/templates تكون هذه القوالب تجاوزات مباشرة لقيم Discourse الافتراضية (عند عدم وجود تجاوز، تُستخدم القوالب الافتراضية).

في Discourse يوجد قوالبان: /templates/list/topic-list-item.hbr و /templates/mobile/list/topic-list-item.hbr. لذا، نظرًا لوجود قوالبين، نحتاج إلى تجاوزين.

ربما توجد طريقة سهلة لتوجيه الجوال إلى القالب غير المخصص للجوال في JS… ولكن إذا كانت موجودة فأنا لست على علم بها!

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

تحدثتُ مبكرًا جدًا! لقد راجعت الأمر وفهمتُ الحل فعليًا بعد وقت قصير من نشر ردي أعلاه. أحيانًا يكون كتابة الأشياء مفيدًا بهذا الشكل.

لقد قمتُ بتحديث ليصبح لدينا قالب واحد فقط… افتراضيًا في topic-list-item.js لدينا كود يشبه التالي:

  renderTopicListItem() {
    const template = findRawTemplate("list/topic-list-item");
    if (template) {
      this.set("topicListItemContents", template(this).htmlSafe());
    }
  },

لذلك إذا قمتُ بتجاوز const template في السمة…

  renderTopicListItem() {
    const template = findRawTemplate("list/custom-topic-list-item");
    if (template) {
      this.set("topicListItemContents", template(this).htmlSafe());
    }
  },

هذا الآن يشير إلى قالب منفصل، وبما أنه لا يوجد نظير للجوال بنفس الاسم… فإنه يُستخدم أيضًا للجوال. شكرًا لك على إلهام هذا التغيير بسؤالك @hyd504!

4 إعجابات

هذا لطيف جداً! :blush: لقد قمت للتو بالتغيير في موقعي باستخدام سمة Fakebook Modern :slightly_smiling_face: شكراً جزيلاً لك! :heart:

@awesomerobot @Don

هل يمكنكم مشاركة روابط لبعض المنتديات النموذجية حيث يمكنني رؤية هذا القالب يعمل؟

مرحباً،

بالتأكيد، يمكنك رؤية سمة Fakebook في منشئ السمات:

تحتوي نسختي على تعديلات كثيرة نسبياً، ولكن يمكنك رؤيتها هنا:

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

شكرًا لك @Don.

فقط للتأكد، هل تشير المعاينة إلى سمة https://github.com/discourse/fakebook-modern؟