Gibt es eine Möglichkeit, die "Neueste" und "Top" Seite separat zu gestalten?

Unterstützung
4

Ja, @manuel’s Lösung ist ein guter Ansatz, um Dinge recht einfach zu erreichen. Wenn Sie window.location.href verwenden, können Sie aufgrund des Runloop von Ember sowieso Probleme bekommen, die richtige URL abzurufen.

Um das, was Sie tun, an den eher “Ember”-Ansatz anzupassen, müssten Sie etwas Ähnliches tun:

<script type="text/discourse-plugin" version="1.1.0">
  api.onPageChange(() => {
    const router = api.container.lookup('service:router');

    if (router.currentRoute.name === 'discovery.top') {
      document.querySelectorAll('#main-title')[0].style.display = 'none';
    }
  });
</script>

Es ist jedoch wahrscheinlich am besten, wenn Sie einfach eine Body-Klasse hinzufügen und diese Klasse stylen, was Ihnen auch ermöglicht, komplexere Stiländerungen vorzunehmen.

<script type="text/discourse-plugin" version="1.1.0">
  api.onPageChange(() => {
    const router = api.container.lookup('service:router');

    if (router.currentRoute.name === 'discovery.top') {
      document.body.classList.add('route-discovery-top');
    } else {
      document.body.classList.remove('route-discovery-top');
    }
  });
</script>

.route-discovery-top #main-title {
    display: none;
}
3 „Gefällt mir“