Перемещение элемента в JS в инициализаторе?

Разработка
1

У меня есть такой фрагмент кода:

В 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);
    }
  });
});

И всё же кнопка не перемещается в боковую панель. Я что-то делаю не так?

2

Если вы пытаетесь добавить кнопку в верхнюю часть боковой панели, лучше использовать плагин-выход before-sidebar-sections.

image
image312×110 4.34 KB

Перемещение HTML, сгенерированного Ember, кажется не самой хорошей идеей.

3

Это… существует?? Вау, спасибо.