El componente de tema añade la capacidad de usar funciones en las pestañas. Estas funciones ahora pueden ser hamburguesa, notificaciones, búsqueda.
Hamburguesa: la pestaña abre el menú hamburguesa
Notificaciones: añade notificaciones a la pestaña
Búsqueda: abre /search basado en el contexto
También modifica los iconos de la cabecera. Elimina la hamburguesa, el menú de usuario, la búsqueda y añade un nuevo avatar DMenu que contiene el contenido del perfil del menú de usuario. Cuando te desplazas hacia abajo, la cabecera se oculta en todas partes excepto en el tema para maximizar la vista.
Cambia el icono de la campana de la pestaña de notificaciones a campana-tachada si el modo “no molestar” está activo y añade la hora. También cambia dinámicamente la ruta si hay algo que revisar, entonces redirige a /review, de lo contrario va a la página /notifications.
Separar las notificaciones tiene mucho sentido. El tema Central hace lo mismo, haciendo que el menú de usuario sea más fácil de acceder y cómodo (se siente menos imponente). Es directo y tienes los enlaces esenciales. Esta es una gran mejora de UX en mi opinión, me encanta.
Sobre los enlaces dentro del menú:
Reemplazaría la palabra “Resumen” por “Perfil”; es más fácil de entender en este contexto.
“Actividad” no es muy útil; la reemplazaría por “Mensajes” en su lugar. El acceso directo a tu bandeja de entrada es imprescindible.
Creo que también sería bienvenido un “Marcador”.
No estoy seguro sobre el panel inferior.
Supongo que no estoy acostumbrado a mirar hacia abajo.
El botón de notificación debería abrir el panel derecho en lugar de ir al perfil. La vista es más adecuada cuando quieres echar un vistazo rápido y no tienes contenido adicional no relacionado con la notificación.
El menú hamburguesa se abre con un breve efecto de parpadeo.
Bueno, me gustaría crear una pestaña múltiple en la F NAV que contenga los mensajes y el chat. Algo así como las carpetas de las aplicaciones móviles. Así verás lo que hay dentro y podrás abrirlo en un DMenu, por ejemplo. Muestra por separado las insignias no leídas cuando se abre, de lo contrario, verás un indicador consolidado de no leídos. Los mensajes deberían tener prioridad, como mencionó Arkshine, por lo que se abrirían en una modal para ver los mensajes.
¡Grandes ideas! Creo que los mensajes deberían estar en la F NAV como mencioné anteriormente, pero creo que será personalizable.
La idea original aquí era redirigir a los usuarios a las notificaciones con filtro de no leídas si hay notificaciones no leídas y ir a todas sin filtro si no las hay y ir a la página de revisión si hay notificaciones revisables. Pero lo olvidé Creo que es más cómodo en el móvil redirigir la página… Pero quizás me equivoque
Editar: Lo he añadido. Ahora redirige a /u/username/notifications?filter=unread si hay notificaciones no leídas.
Hmm, sí, parece que no añade la animación correctamente si cierras el menú hamburguesa haciendo clic fuera. Cerrar deslizando funciona bien, creo que por eso no lo noté.
Gran trabajo, gracias por el componente, lo probaré.
Ha ganado una apariencia más simple, especialmente en la sección del encabezado en dispositivos móviles. Me gusta así, la aglomeración ha desaparecido y tiene un aspecto más sencillo. La mayoría de las aplicaciones más conocidas lo usan ahora de esta manera, por ejemplo: x.com. Funciones que veo que se pueden añadir:
Se puede añadir un botón de nuevo tema al widget.
Cuando hago clic en una publicación y entro en ella, en lugar del botón de inicio, puede haber un icono de retroceso. Cuando el usuario hace clic en este icono, puede volver al último lugar donde se quedó.
Cuando hago clic en una publicación, el botón activo seleccionado de la página de inicio puede cambiar. Puede ser transparente.
Podría haber el número de mensajes no leídos en el icono de la página de inicio. No estoy seguro de esto, puede hacer que parezca más abarrotado o alternativamente:
¿Es posible definir atajos para las categorías?
Me encantaría intentar tener iconos para categorías especiales en la parte inferior.
Deberían poder mostrar indicadores sobre temas actualizados o nuevos, como los atajos de categoría en la barra lateral.
Gracias por tus comentarios @ozkn
He añadido el cambio del icono de inicio en las rutas de temas y el indicador de punto de tema nuevo o actualizado. Probablemente será una buena idea añadir el componente temático de tema nuevo o actualizado fijo… También he cambiado la posición y el tamaño de la insignia de notificación (la he hecho más pequeña y el número más negrita).
Excelente trabajo @Don. Un componente de tema realmente genial. He descubierto algunos problemas en Android donde el deslizamiento no funciona bien, especialmente en PWA. Puede ser específico de los teléfonos y no de Discourse, pero existe de todos modos, por lo que esto cierra esa brecha, especialmente para iOS. Parece que hay espacio para otro elemento de navegación con el espacio disponible en la barra de navegación F.
Esta es la idea para la pestaña múltiple. Creo que cambiaré el icono de la pestaña, pero esta es solo la primera versión. Contiene el chat y los mensajes. El chat funciona igual que el icono de chat de la cabecera y los mensajes abren una ventana modal de mensajes. Probablemente funcionará si el chat está deshabilitado, entonces DMenu también estará deshabilitado y solo los mensajes estarán en la navegación.
Hola Algunos avances por aquí… Hice las burbujas de notificaciones, hice algunos ajustes en las notificaciones de números y algunas otras cosas…
La pestaña múltiple ahora cambia automáticamente a la pestaña de mensajes si el chat no está habilitado o si el usuario lo desactiva en la configuración del usuario. Pero ahora los administradores también pueden agregar por separado la pestaña de mensajes y la de chat.
La burbuja de notificaciones cambia según si es urgente o no.
Las notificaciones urgentes de la pestaña múltiple son verdes y se ven así.
Más actualizaciones aquí… He reconstruido el estado activo de las pestañas, ahora funciona mejor también con destinos de pestañas dinámicos.
Lo he arreglado… Gracias
Ahora esto es una opción y los administradores pueden elegir cuál prefieren. notificationToRoute: redirige a la página de notificaciones notificationMenu: abre el menú de notificaciones
He añadido estos cambios al creador de temas, así que ahora funciona así.
Buen trabajo @Don Sé que este no es tu componente temático F NAV, pero sería genial si hubiera una x para cerrar la ventana de búsqueda cuando se abre. A menos que me la esté perdiendo, lo cual es posible, una vez que haces clic en el ícono de búsqueda y decides no buscar, no es limpio cerrar la ventana.
Hola Brian No estoy seguro de entender. Cuando tocas el icono de búsqueda, te redirigirá a la página /search, por lo que puedes volver con la navegación o el gesto del navegador/móvil.
Otra actualización… He decidido no eliminar los iconos de la cabecera, solo ocultarlos con CSS. Ayer, cuando arreglé la animación de apertura del menú hamburguesa, me di cuenta de que sería más fácil, limpio y seguro, creo, porque de esta manera podemos activar el clic en los iconos predeterminados de la cabecera. Ahora el menú hamburguesa, el menú de notificaciones y la búsqueda funcionan de esta manera. El icono de chat predeterminado de la cabecera también está oculto con CSS porque en las páginas /chat se mostrará en la cabecera.
Intento que la configuración sea lo más simple posible.
Contendrá 4 campos, las descripciones aún faltan. El destino es opcional porque si eliges una función, incluirá lo necesario y este campo debe dejarse vacío.
Los administradores pueden crear/eliminar/cambiar pestañas fácilmente y seleccionar una de las funciones o añadir un destino personalizado a la pestaña.
Funciones
Hola @Don, mi declaración es bastante incoherente, mi comentario no tiene nada que ver con tu componente. Creo que sería útil tener una x para cerrar la interfaz de búsqueda si decides no buscar después de abrirla o si haces clic por error. A menudo termino retrocediendo en la página o en Discourse accidentalmente.
Creo que es más cómodo en el móvil redirigir la página… Pero quizás me equivoque 
Algunos avances por aquí… Hice las burbujas de notificaciones, hice algunos ajustes en las notificaciones de números y algunas otras cosas… 
mi comentario no tiene nada que ver con tu componente. Creo que sería útil tener una x para cerrar la interfaz de búsqueda si decides no buscar después de abrirla o si haces clic por error. A menudo termino retrocediendo en la página o en Discourse accidentalmente. 
