Eigene Anpassungen der Seitenleiste per Programmierung

Entwickler
,
6

Sie können sich ansehen, wie das Chat-Plugin in die Seitenleiste integriert ist:

In diesem Fall wird der Status von Links im Service-Objekt gespeichert und die Seitenleiste wird aktualisiert, wann immer sich der Status ändert:

Eine mögliche Lösung wäre, das Seitenwechselereignis zu abonnieren und die Links zu aktualisieren. Pseudocode könnte so aussehen:

import { tracked } from "@glimmer/tracking";

api.addSidebarSection(
  (BaseCustomSidebarSection, BaseCustomSidebarSectionLink) => {
    const TestSectionLink = class extends BaseCustomSidebarSectionLink {
      // definieren Sie hier Ihre benutzerdefinierten Link-Eigenschaften
    };

    const SidebarTestSection = class extends BaseCustomSidebarSection {
      @tracked links = [];

      constructor() {
        super(...arguments);

        this.#updateLinks();
        this.onAppEvent("page:changed", () => this.#updateLinks());
      }

      get newLinksArray() {
        // Liste der Links basierend auf der aktuellen URL
      }

      #updateLinks() {
        this.links = this.newLinksArray.map(
          (link) =>
            new TestSectionLink({
              link,
            })
        );
      }

      get sectionLinks() {
        return this.links;
      }
    };
    return SidebarTestSection;
  }
);