Get glimmer component access to stuff from the parent

Development
10

This is related to "how I make stuff work in glimmer, so I’m keeping this here.

I need to call this code after each topic is rendered to re-order the <td> items. I used above-topic-item, which puts the ratings before the topic title. This wild hack re-orders the <td> items the the help of some javascript.

// document.addEventListener("DOMContentLoaded", function() {
//   const table = document.querySelector('table.topic-list.ember-view');
//   const rows = table.getElementsByTagName('tr');

//   // todo: this needs to get called on page load 
//   for (let row of rows) {
//     const cells = Array.from(row.getElementsByTagName('td'));
//     cells.sort((a, b) => {
//       const orderA = parseInt(window.getComputedStyle(a).order, 10);
//       const orderB = parseInt(window.getComputedStyle(b).order, 10);
//       return orderA - orderB;    });

//     for (let cell of cells) {
//       row.appendChild(cell);
//     }
//   }
// });

I think I “just” need to call some afterRender or something else instead of the document-level thing that I have. Maybe the router?