Schnellverlinkung zum Bearbeiten von Abzeichen hinzufügen

Ich arbeite an einem internen/anpassbaren Stufensystem, das eng mit Abzeichen verknüpft ist. Mir ist es sehr unintuitiv, dass man für die Bearbeitung eines erstellten Abzeichens in der Admin-Oberfläche ein neues Tab öffnen und/oder eine neue URL aufrufen muss.

Ich weiß nicht genau, welche technischen Einschränkungen hier greifen, aber ich denke, dass es ausreichen würde, die Abzeichenansichten in die Darstellung des Themen-Rahmens einzubetten oder zu mischen. So ließe sich ein sehr ähnliches – wenn nicht sogar identisches – Verhalten erzielen wie bei Kategorien, wo .navigation-controls einfache und direkte Bearbeitungen bereits erstellter Elemente ermöglicht.

Dies würde für visuelle und technische Konsistenz sorgen und die spezifischen, individuellen Ansichten in eine saubere, ganzheitliche Perspektive integrieren.

Also im Wesentlichen ein Link an jedem Abzeichen, der zur Admin-Seite führt, um diese Seite zu bearbeiten?

Wie wäre es damit?

import { apiInitializer } from "discourse/lib/api";
import Component from "@glimmer/component";
import { concat } from "@ember/helper";

export default apiInitializer((api) => {
    const currentUser = api.getCurrentUser();
    api.renderInOutlet("badge-contents-top",
        class LinkTB extends Component {
            static shouldRender(args, helper) {
                return helper.currentUser && helper.currentUser.admin;
            }
            <template>
                <a href={{concat "/admin/badges/" @badge.id}}>Bearbeiten: {{@badge.name}}</a>
            </template>
        }
    )
});