Este componente añade un botón al editor para crear controles deslizantes de comparación de imágenes arrastrables. Los ajustes del control deslizante, como la dirección o el icono del botón, se pueden personalizar desde la configuración del administrador.
Principalmente, necesito limpiar el código y hacerlo más coherente con Discourse. Está un poco descuidado en este momento, ya que estaba aprendiendo activamente cómo crear un componente de tema aquí
También planeo agregar una forma de cambiar la dirección del control deslizante desde el compositor; en este momento, la dirección es la que se ha establecido en la configuración del administrador, me gustaría hacer que eso sea controlable por el usuario. (EDITAR: ¡esto se ha agregado!)
También me gustaría agregar más control sobre los estilos del control deslizante/divisor, pero lamentablemente no es realmente posible. El JavaScript que maneja el control deslizante crea el control deslizante antes de cualquier cambio de CSS y no lo reconstruye cuando cambian los estilos CSS.
He añadido la capacidad para que el usuario elija un control deslizante vertical u horizontal, utilizando un atributo data-direction-horizontal o data-direction-vertical. Se utilizará la configuración predeterminada elegida en la configuración del administrador si el usuario no especifica una dirección.
Esta actualización ya está disponible en GitHub o en el panel de administración de Discourse, si ha instalado el componente temático.
Es difícil decir qué está causando esto, no puedo replicarlo de mi lado De esos errores, solo el primero podría ser de este componente, ya que no estoy usando un tooltipContainer ni un bucle ResizeObserver, pero de nuevo, no estoy muy seguro. ¿Has actualizado a la versión más reciente? Hice algunos cambios ayer que podrían solucionar esto.
Gracias Joseph, estoy en la última versión. Es extraño, no puedo hacer que este mensaje se muestre de nuevo y no veo ningún problema, ¿así que tal vez fue algo puntual?
Otra cosa, el icono no quiere cambiar. Por supuesto, lo he añadido al subconjunto de iconos svg. También he probado diferentes iconos que ya están funcionando en mi sitio y simplemente no cambia del rayo. Estoy intentando cambiarlo a arrows-alt-h.
El plugin parece robar todos los eventos de clic del ratón y me impide seleccionar cualquier texto en la página para copiar/pegar/citar, etc. Esto no es un problema en meta.discourse… se fue… amo la tecnología.
Hice una publicación de instrucciones para usar la función, y algunas personas dijeron que no veían nada. (comentarios no muy útiles ya que no tengo informes de errores reales de las personas).
Hmm… esto es extraño, lo probé en Firefox sin problemas. Veré si puedo reproducirlo. Me encantan los errores aleatorios la biblioteca que estoy usando no tiene ningún problema en el repositorio de GitHub para Firefox, abierto o cerrado, así que eso hace que la corrección de errores sea aún más difícil.
Localizaciones: No estoy seguro de cuál es el proceso para proporcionar archivos de localización, puedo agregar un en.GB ya que hablo ese idioma, pero eso es todo lo que sé. ¿Saben los autores de otros componentes temáticos cómo funcionan las traducciones de los archivos de localización? ¿Debería simplemente pasar el texto por Google Translate?
Entiendo cómo te sientes Lo revisaré, estoy usando el analizador YML de VS Studio, pero es posible que no esté al 100% a la altura. Probaré con una indentación manual a la antigua usanza en Notepad.
@Frully He corregido el problema de Firefox; ahora debería funcionar en todos los navegadores (he probado Chrome, Firefox, Safari y versiones móviles sin problemas). Si actualizas esto, funcionará para tus usuarios de Firefox.
No había pensado en ese problema. ¡Gracias por señalarlo @Stephane_Roy!
El problema es que ambos componentes de tema utilizan las mismas variables de traducción. Otros TC pueden tener el mismo problema… La solución es actualizar/cambiar el nombre de button_text y add_images_prompt en los lugares que se indican a continuación. También actualizaré Masonry Image Gallery.
| Resumen | Añade un botón al editor para crear un control deslizante interactivo de comparación de imágenes arrastrable.
|Repositorio| GitHub - josephclaytonhansen/discourse-image-comparison-slider |
|Guía de instalación|Cómo instalar un tema o componente de tema|
|¿Nuevo en Temas de Discourse?| Guía para principiantes sobre el uso de temas de Discourse
De esos errores, solo el primero podría ser de este componente, ya que no estoy usando un tooltipContainer ni un bucle ResizeObserver, pero de nuevo, no estoy muy seguro. ¿Has actualizado a la versión más reciente? Hice algunos cambios ayer que podrían solucionar esto.
la biblioteca que estoy usando no tiene ningún problema en el repositorio de GitHub para Firefox, abierto o cerrado, así que eso hace que la corrección de errores sea aún más difícil.
