Moving element in JS in an initializer?

Dev
1

I have this piece of code:

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

And yet, it does not move the button element into the sidebar. Am I doing something wrongly?

2

If you are trying to add a button inside the sidebar at the top, I would use the before-sidebar-sections plugin outlet instead.

image
image312Ă—110 4.34 KB

It doesn’t sound like a good idea to move ember-generated HTML.

1 Like
3

That… exists?? Wow, thanks.

1 Like