كيفية عرض الاسم الكامل في المواضيع في سمة فيسبوك المزيفة

أهلاً،

يبدو أن هذه هي سمة Fakebook، سمة لمحبي وسائل التواصل الاجتماعي. تستخدم سمة Fakebook قالبًا مخصصًا في قائمة الموضوعات لعرض اسم المستخدم، ولكن يمكنك تعديل هذا القالب لعرض الاسم الكامل أيضًا. :slightly_smiling_face:

للقيام بذلك، تحتاج إلى عمل نسخة (fork) من السمة على Github وتعديل ملف القالب. هذا هو الملف الذي تحتاج إلى تعديله في نسختك. https://github.com/discourse/Fakebook/blob/main/javascripts/discourse/templates/list/custom-topic-list-item.hbr

يحتوي هذا القالب على قسم يعالج بيانات المستخدم في قائمة الموضوعات. تحتاج إلى تعديل هذا.

هذا السطر يعرض اسم المستخدم. :arrow_down_small:

<span>{{topic.posters.[0].user.username}}</span>

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


لإضافة الاسم الكامل، قم ببساطة بتغيير هذا القسم إلى شيء مثل هذا :arrow_down_small:

<div class="name-and-date">
  <span class="full-name-topic-list">{{topic.posters.[0].user.name}}</span>
  <span class="username">{{topic.posters.[0].user.username}}</span>
    {{format-date topic.createdAt format="tiny"}}
</div>

لقد أضفت هذا السطر فوق username وهذا سيعرض الاسم الكامل في قائمة الموضوعات، فوق اسم المستخدم.

<span>{{topic.posters.[0].user.name}}</span>

من المحتمل أن تحتاج إلى بعض التغييرات في CSS، ولكن يمكنك بسهولة استهداف الفئة full-name-topic-list أو أي فئة أخرى أضفتها.


لقد قمت بعمل نسخة من سمة Fakebook الآن وأجريت هذا التغيير في هذا الالتزام (commit) حتى تتمكن من رؤيته. Add full name to topic list · VaperinaDEV/Fakebook@0978133 · GitHub

وهذا يبدو كالتالي.

Don - الاسم الكامل
dodesz - اسم المستخدم

آمل أن يساعد هذا :slightly_smiling_face:

إعجابَين (2)