Pestaña de menú de usuario personalizada

Este componente del tema le permite agregar una pestaña personalizada que contiene enlaces en el menú desplegable del usuario.

Configuración

Puede personalizar el ícono de la pestaña, establecer los enlaces visibles para usuarios, moderadores o administradores, y definir un ícono personalizado para cada enlace.

Instalar este componente del tema

49 Me gusta

@awesomerobot, ¿es posible solicitar que un elemento del menú solo se muestre a un grupo específico o a un equipo de liderazgo?

8 Me gusta

Sí, definitivamente es posible. Actualmente, el componente hace lo siguiente:

 if (this.currentUser.moderator) {
          parseTabSettings(settings.moderator_only_tab_links);
          return items;
        }

…cambiar this.currentUser.moderator para verificar la pertenencia a un grupo… y luego settings.moderator_only_tab_links se cambiaría por los enlaces específicos para ese grupo.

Puedo investigar la posibilidad de agregar una configuración que acepte varios nombres de grupos y enlaces cuando tenga un momento.

7 Me gusta

Gracias por el componente. Es muy útil. Una pequeña solicitud: cuando paso el cursor sobre la pestaña recién creada, no hay descripción ni ningún lugar para agregarla.

Imagen de Gyazo

¿Estoy pasando por alto algo?

3 Me gusta

No te estás perdiendo nada, no había forma de agregar una descripción. Acabo de añadir la capacidad de hacerlo, así que si actualizas el componente, deberías ver la opción en la parte inferior de la configuración del componente.

8 Me gusta

¡Hola, Kris! :slightly_smiling_face: Esto es increíble :heart_eyes:, ¡gracias!

Tengo una pregunta: ¿es posible de alguna manera añadir target blank al enlace de la pestaña? Tengo una parte adicional que apunta fuera del foro.

¡Gracias de nuevo! :slightly_smiling_face: ¡Que tengas un buen día! :heart:

1 me gusta

Sin sobrecargar las solicitudes, pero la petición de Don me hizo pensar en otras mejoras. Si pudiera, por ejemplo, colocar el icono de la pestaña personalizada en el extremo derecho, cambiar el color del icono y el fondo de la pestaña, e incluir enlaces con target en blanco a mis sitios hermanas, podría reemplazar los enlaces actuales de la cabecera horizontal… Menciono diferentes colores para el icono y el fondo porque eso ayudaría a distinguir el menú por separado del sitio actual.

Hola Kris. ¿Hay alguna posibilidad de que esto se añada a la configuración de los tc? Actualmente estamos buscando implementar este menú adicional para nuestros usuarios premium :slight_smile:

4 Me gusta

Hola @awesomerobot, estamos deseando implementar esta función. ¿Aceptan PRs si contratamos a un desarrollador para añadir la función al repositorio oficial?

2 Me gusta

Me encantó este componente, pero supongo que no es compatible con la configuración del nuevo menú de usuario. ¿Hay planes para un componente similar para personalizar el nuevo menú?

2 Me gusta

Han surgido algunas ideas… tal vez sea algo que un administrador o incluso un usuario pueda personalizar directamente sin un componente, pero todavía estamos experimentando con la versión inicial y otros conceptos antes de considerar seriamente cómo funcionaría eso.

Así que, una vez que comencemos a hacer que el nuevo menú de usuario sea el predeterminado, podría tener sentido crear un nuevo componente si la gente echa de menos esta funcionalidad. ¿Sería esto también algo que tendría más sentido como una sección de barra lateral personalizada en lugar de una pestaña del menú de usuario?

4 Me gusta

En realidad, me resultaría muy útil si hubiera opciones similares para personalizar ambos (a través de un componente temático o en el backend). Así, como administrador, podría eliminar o agregar secciones de cualquiera de los dos y los elementos no se repetirían en el otro componente.

Por ejemplo, me gustaría configurar un menú reducido (pero con la pestaña de administrador) en algunas comunidades:

Entonces no necesitaría una sección de Administrador en la barra lateral. O Marcadores. Mientras que en otros casos podría tener sentido tenerlos allí.

4 Me gusta

Gracias por esta genial función.
He estado intentando añadir un nuevo icono, pero parece que me falta algo.
Funciona con star y baby, pero no con iconos de font awesome.


2 Me gusta

Todavía no estamos en Font Awesome 6, así que necesitarás buscar en el conjunto de la versión 5 los iconos disponibles aquí: Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome

Parece que ese icono se renombró a shop en la versión 6, pero existía en la versión 5 con un nombre diferente: store-alt. ¡Así que si actualizas additional icons y custom tab icon para usar store-alt debería funcionar!

3 Me gusta

Descargué este tema para poder editar el menú desplegable del perfil de usuario. El problema es que no sé cómo aplicar los cambios. Solo tiene una opción de vista previa en la parte inferior y ningún lugar para guardar. Intenté pedir ayuda en la publicación del tema, pero mi publicación fue eliminada por alguna razón. ¡Cualquier ayuda sería muy apreciada!

Seguí las instrucciones e hice mi nuevo elemento de menú así:

Luego lo previsualicé para confirmar que funciona así:

¡Pero luego no hay dónde aplicar/guardar los cambios! ¿Me falta algo sobre la forma en que funcionan los temas? ¿Tengo que editar el código del repositorio? Perdón por ser tonto, soy muy nuevo en esto.

1 me gusta

¿Añadiste el componente de tema a tu tema?

2 Me gusta

¡Eso lo solucionó, gracias! :slight_smile:

2 Me gusta

Parece que este es un componente temático oficial :tada:

El enlace de Github redirige al repositorio de Discourse y está listado en official.txt en el repositorio all-the-themes. ¿Sería posible actualizar los enlaces en el OP? Entonces, el script update_from_meta en ese repositorio podría identificar el componente como oficial y no intentaría agregarlo al archivo de terceros. Fue eliminado de third-party.txt en diciembre después de ser agregado por accidente en una actualización anterior. Cambiar la URL del repositorio podría evitar que eso vuelva a suceder.

Además, se agradecería la etiqueta #official y una primera publicación con los elementos típicos de un componente oficial.

1 me gusta