استخدام موصلات مخرج الملحقات من قالب أو إضافة

Arkshine · 11 يناير 2024، 6:14م

يمكنك رؤية مثال هنا:

github.com/discourse/discourse-stat-banner

javascripts/discourse/initializers/stat-banner.js

main


      
          import { apiInitializer } from "discourse/lib/api";
          import StatBanner from "../components/stat-banner";
          
          export default apiInitializer((api) => {
            api.renderInOutlet(settings.plugin_outlet.trim(), StatBanner);
          });

StatBanner هو فئة أصلية معرفة في دليل components:

github.com/discourse/discourse-stat-banner

javascripts/discourse/components/stat-banner.gjs

main

import Component from "@glimmer/component";
import { tracked } from "@glimmer/tracking";
import { action } from "@ember/object";
import didInsert from "@ember/render-modifiers/modifiers/did-insert";
import { service } from "@ember/service";
import { htmlSafe } from "@ember/template";
import { ajax } from "discourse/lib/ajax";
import { defaultHomepage } from "discourse/lib/utilities";

export default class StatBanner extends Component {
  @service site;
  @service siteSettings;
  @service router;

  @tracked stats;

  <template>
    {{! template-lint-disable modifier-name-case }}
    {{#if this.shouldShow}}
      <div class="stat-banner__wrapper" {{didInsert this.getAboutStats}}>

This file has been truncated. show original

في حالتك، سيكون ذلك api.renderInOutlet("above-main-container", YourClass)

لا أعتقد أنه يمكنك القيام بذلك في ملف HEAD. يجب عليك تقسيم الكود الخاص بك إلى ملفات متعددة.

أشجعك على استخدام Discourse Theme CLI لأنه سيكون من الأسهل بكثير تطوير مكون سمة!

هل مكون السمة الخاص بك عام؟

الموضوع		الردود	مرات العرض
Developing Discourse Plugins - Part 2 - Connect to a plugin outlet Developer Guides plugin-guides , tutorial	36	29432	13 أبريل 2023
Using discourse's plugin outlets Dev	2	990	24 سبتمبر 2020
@outletArgs are now available as top-level arguments Dev dev-news	3	141	19 يونيو 2025
Important changes to Plugin Outlets for Ember 2.10 Dev	23	6646	1 يونيو 2018
(deprecated) Plugin outlet locations theme component Theme component end-of-life	38	9795	23 يناير 2025

استخدام موصلات مخرج الملحقات من قالب أو إضافة

الموضوعات ذات الصلة