Déplacer un élément en JS dans un initialiseur ?

Dev
1

J’ai ce morceau de code :

Dans javascripts/discourse/initializers :

import { apiInitializer } from "discourse/lib/api";
import CustomHeaderTopicButton from "../components/custom-header-topic-button";

export default apiInitializer((api) => {
  api.renderInOutlet("below-site-header", CustomHeaderTopicButton);
  
  document.addEventListener("DOMContentLoaded", function() {
    const newTopicBtn = document.getElementById("new-topic-button");
    const sidebar = document.getElementById("d-sidebar");
    if (newTopicBtn && sidebar) {
      sidebar.insertBefore(newTopicBtn, sidebar.firstChild);
    }
  });
});

Et pourtant, cela ne déplace pas l’élément du bouton dans la barre latérale. Est-ce que je fais quelque chose de mal ?

2

Si vous essayez d’ajouter un bouton en haut de la barre latérale, j’utiliserais plutôt le point de sortie du plugin before-sidebar-sections.

image
image312×110 4.34 KB

Il ne semble pas judicieux de déplacer du HTML généré par Ember.

1 « J'aime »
3

Ça… existe ?? Wow, merci.

1 « J'aime »
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.