Cómo cambiar el enlace asociado a un botón en el panel del menú de usuario

Desarrollador
1

En lugar de que el botón resaltado apunte a u/miles/summary, preferiría que apuntara a u/miles/activity. ¿Cómo puedo hacerlo? Intenté buscarlo en línea (parece que hay que cambiar el atributo data-url con JavaScript, pero la única forma que vi de hacerlo era obtener primero el id del elemento, y este elemento no tiene id.)

PIC
PIC1920×1080 480 KB

2

Necesitarías volver a abrir el widget correspondiente en un componente de tema, algo así como:

api.reopenWidget("user-menu-links", {
  profileGlyph() {
    return {
      title: Titles["profile"],
      className: "user-preferences-link menu-link",
      id: QuickAccess.PROFILE,
      icon: "user",
      action: UserMenuAction.QUICK_ACCESS,
      actionParam: QuickAccess.PROFILE,
      data: { url: `${this.attrs.path}/activity` },
      role: "tab",
      tabAttrs: this._tabAttrs(QuickAccess.PROFILE),
    };
  },
})
3

¡Gracias! Tiene sentido, creo.
Una cosa, sin embargo: lo estoy colocando dentro de <head> pero obtengo el error: SyntaxError: unknown: Unexpected token, expected "," (28:6)

<script type="text/discourse-plugin" version="0.8">    
    api.reopenWidget("user-menu-links", {
      profileGlyph() {
        return {
          title: Titles["profile"],
          className: "user-preferences-link menu-link",
          id: QuickAccess.PROFILE,
          icon: "user",
          action: UserMenuAction.QUICK_ACCESS,
          actionParam: QuickAccess.PROFILE,
          data: { url: `${this.attrs.path}/activity` },
          role: "tab",
          tabAttrs: this._tabAttrs(QuickAccess.PROFILE),
        };
      },
    }
</script>
4

Arriba faltaba un paréntesis de cierre, actualizado

6

Ya no hay error, pero… ahora el menú desplegable de enlaces del menú de usuario ni siquiera se abre. ¿Tienes alguna idea de por qué ocurre esto?

7

¿Qué hiciste para depurarlo?

Mirar la consola de JavaScript en el navegador siempre es un buen punto de partida.

Si te fijas, hay tres problemas obvios (en última instancia).

La solución es bastante sencilla en este caso; solo necesitas proporcionar las constantes que faltan:

      const UserMenuAction = {
        QUICK_ACCESS: "quickAccess",
      };

      const QuickAccess = {
        BOOKMARKS: "bookmarks",
        MESSAGES: "messages",
        NOTIFICATIONS: "notifications",
        PROFILE: "profile",
      };
      
      const Titles = {
        bookmarks: "user.bookmarks",
        messages: "user.private_messages",
        notifications: "user.notifications",
        profile: "user.preferences",
      };

Una vez que agregues estas (desde el código fuente original), funcionará :tada:

(Pero consulta la optimización de Faizaan a continuación, que elimina la necesidad de estas, lo cual es aún mejor :))

8

Más simplemente

<script type="text/discourse-plugin" version="0.8">    
api.reopenWidget("user-menu-links", {
  profileGlyph() {
   const glyph = this._super(...arguments);
   glyph['data'] = { url: `${this.attrs.path}/activity` };
   return glyph;
  },
}

Aunque no se ha probado :wink:

9

¡Sí, mucho mejor y evita la necesidad de constantes, buena optimización! :slight_smile:

10

En realidad, puedes llegar aún más lejos y omitir eso:

      api.reopenWidget("user-menu-links", {
        profileGlyph() {
         const glyph = this._super();
         glyph['data'] = { url: `${this.attrs.path}/activity` };
         return glyph;
        }
      });

Ya que no hay argumentos.

11

¡Gracias, chicos! Funciona perfectamente. ¡Estoy aprendiendo mucho sobre la edición de Discourse también!