Creación del bloque Slider
El bloque de tipo Slider es un editor completo de sliders para la página principal o cualquier otra pantalla. Soporta una estructura jerárquica de slides con anidamiento, drag-and-drop, y configuraciones de tiempo de visualización separadas para cada slide.
La antigua pantalla SliderEditMainPage.js ha sido eliminada — ya no se abre. Todas las configuraciones del slider ahora están solo en el nuevo editor.
1. Creación del bloque
En el campo Nombre, ingresa el título, en el campo "Tipo" selecciona "Slider" y especifica
2. Configuraciones del Slider — configuraciones globales
En la pantalla Configuraciones del Slider están disponibles los parámetros generales del slider:
- time — tiempo de visualización de cada slide.
- timeInterval — unidad de medida: segundos o milisegundos.
Estas configuraciones se aplican a todos los slides que no tienen un tiempo de visualización individual especificado.
3. Lista de slides
La lista de slides se muestra como una tabla jerárquica (a través del componente común JsonToHtmlTable). Se soporta drag-and-drop:
- Se puede arrastrar un slide entre padres (anidar un slide dentro de otro).
- Se puede cambiar el orden de los slides dentro de un mismo nivel.
Cada slide se presenta como una tarjeta SlideCard, en la que se puede ver:
- Vista previa de la imagen y el texto.
- Interruptor de visibilidad (mostrar/no mostrar).
- Icono de tiempo de visualización (con enlace a la modal de configuración).
- Botón de eliminación.
4. Tiempo de visualización de un slide individual
Para cada slide se puede establecer un tiempo de visualización independiente, diferente de las configuraciones globales. Haz clic en el icono de tiempo en la tarjeta del slide — se abrirá la modal SlideTimeSettingsModal:
- Unidades de medida: seg / min / hora.
- Validación par de campos (no se pueden establecer valores contradictorios al mismo tiempo).
Si no se ha especificado un tiempo individual para el slide, se utiliza el global de las configuraciones del Slider.
5. Edición del slide (SlideEditPage)
Hacer clic en el slide abre la página SlideEditPage — una página de edición separada con:
- Breadcrumbs — navegación a través de los niveles de anidamiento del slider.
- Selector de conjunto de atributos — selección de un conjunto de atributos, que se aplica a este slide.
- Slides hijos anidados — un slide puede tener sus propios slides hijos, formando subgrupos.