¿Es posible cambiar los nombres de los desplegables?

[Helga_Razinkova (Helga)]

Hola comunidad

¿Alguien sabe si hay una opción para cambiar los nombres de los menús desplegables dentro de una categoría en particular?

Me encantaría personalizar las partes de ‘todo’ y ‘todas las etiquetas’:

[merefield (Robert)]

Prácticamente todo el texto se puede personalizar:

Supongo que necesitas editar, por ejemplo:

[Canapin (Coin-coin le Canapin)]

Pero no cambiará para categorías específicas solamente.

Empecé a trabajar en una solución CSS muy improvisada, no es perfecta… Y de todos modos soy un poco reacio a compartir algo tan improvisado.

[Helga_Razinkova (Helga)]

Entendido, ¡gracias por tu ayuda! @merefield @Canapin

[merefield (Robert)]

Oh, lo siento, ¡lo leí deprisa!

Sí, son globales.

[merefield (Robert)]

Anda, vamos

[Canapin (Coin-coin le Canapin)]

Creo que es demasiado complejo, especialmente cuando las subcategorías no se definen como tales en el código HTML… Tengo algo que funciona a medias, pero creo que debería hacerse de la manera correcta, y la API de Discourse JS podría ayudar con esto. Desafortunadamente, no sé mucho sobre ella.

[Don]

Hola

He creado un componente de tema para lograr esto…

GitHub - VaperinaDEV/category-breadcrumb-dropdown-title: This theme component can change the category...

Contiene dos configuraciones para facilitarlo.

nombre de categoría
Primer lugar: slug de categoría
Segundo lugar: título desplegable de categoría

nombre de etiqueta
Primer lugar: slug de categoría
Segundo lugar: título desplegable de etiqueta

Que se verá así.

Añadiendo el título de la etiqueta de subcategoría

Espero que ayude

---

Editar: He corregido el ancho del desplegable para que se alinee correctamente con el ancho del texto personalizado. UX: fix the dropdown width to keep the custom content width · VaperinaDEV/category-breadcrumb-dropdown-title@faca71c · GitHub

[Lilly (Lillian Louis)]

¡Guau, gran trabajo @Don - me asombras

[Canapin (Coin-coin le Canapin)]

¡Oíd, oíd!

Desde las profundidades de los misterios de SCSS y las complejidades de la alquimia del front-end, Sir Don ha surgido. Conquistando funciones, dominando bucles y descifrando listas, le otorgamos con orgullo la ilustre Medalla de Distinción Front-End .

Y tu componente funciona sin una sola línea de JS…

[Lilly (Lillian Louis)]

@Canapin

De las profundidades de los misterios de SCSS y las complejidades de la alquimia front-end, ha surgido Sir Don. Conquistando funciones, dominando bucles y descifrando listas, le otorgamos con orgullo la ilustre Medalla de Distinción Front-End .

Por favor, dime que GPT4bot te ayudó a escribir eso

[Canapin (Coin-coin le Canapin)]

100% sí, me temo.

[j.jaffeux (Joffrey Jaffeux)]

Ok, esta solución es impresionante, pero puedes hacer esto @Don:

api
  .modifySelectKit("category-drop")
  .replaceContent((component, content) => {
    let newContent = [];
    content.forEach((item) => {
      if (
        component.category?.slug === "general" &&
        item.id === "all-categories"
      ) {
        item.name = "jojo";
      }

      newContent.push(item);
    });
    return newContent;
  });

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/select-kit/addon/mixins/plugin-api.js enumera todas las acciones que puedes realizar:

• appendContent
• prependContent
• replaceContent
• onChange

Avísame si tienes problemas para usar esto. Probablemente debería estar mejor documentado, pero estoy aquí si tienes alguna pregunta.

[Helga_Razinkova (Helga)]

@Don @j.jaffeux ¡son absolutamente geniales, muchachos!