عرض المكون في عنصر واجهة المستخدم

مطور
1

من فضلك، كيف يمكنني إدراج مكون في عنصر واجهة مستخدم معين. ما يهمني هو وضع مكون TopicNotificationsButton في عنصر الواجهة “post-body”.

سأكون ممتنًا للمساعدة للغاية.

إعجابَين (2)
2

لدينا “شيم” (shim) يمكنه القيام بذلك… في سمة (theme) تريد إضافة ملف كهذا داخل الدليل javascripts/discourse/api-initializers…

import { withPluginApi } from "discourse/lib/plugin-api";
import { registerWidgetShim } from "discourse/widgets/render-glimmer";
import { hbs } from "ember-cli-htmlbars";

export default {
  name: "unique-customization-name",

  initialize() {
    withPluginApi("0.1", (api) => {
      api.decorateWidget(`post-body:after`, (decorate) => {
        const attrs = decorate.attrs;
        return decorate.widget.attach("custom-widget-name", { attrs });
      });

      registerWidgetShim(
        "custom-widget-name",
        "div.custom-widget-name",
        hbs`<ComponentName @postAttrs={{@data.attrs}} />`
      );
    });
  },
};
إعجابَين (2)