Création d'un bloc Slider
Le bloc de type Slider est un éditeur complet de slider pour la page d'accueil ou tout autre écran. Il prend en charge une structure arborescente de diapositives avec imbrication, le glisser-déposer, et des paramètres de temps d'affichage distincts pour chaque diapositive.
L'ancienne page SliderEditMainPage.js a été supprimée — elle ne s'ouvre plus. Tous les paramètres du slider sont désormais uniquement dans le nouvel éditeur.
1. Création d'un bloc
Dans le champ Nom, saisissez le titre, dans le champ "Type", sélectionnez "Slider" et indiquez
2. Paramètres du Slider — paramètres globaux
Sur l'écran Paramètres du Slider, les options générales du slider sont disponibles :
- time — temps d'affichage de chaque diapositive.
- timeInterval — unité de mesure : secondes ou millisecondes.
Ces paramètres s'appliquent à toutes les diapositives pour lesquelles aucun temps d'affichage individuel n'est défini.
3. Liste des diapositives
La liste des diapositives s'affiche sous forme de tableau arborescent (via le composant commun JsonToHtmlTable). Le glisser-déposer est pris en charge :
- Il est possible de faire glisser une diapositive entre des parents (imbriquer une diapositive dans une autre).
- Il est possible de modifier l'ordre des diapositives au sein d'un même niveau.
Chaque diapositive est représentée par une carte SlideCard, dans laquelle on peut voir :
- Un aperçu de l'image et du texte.
- Un interrupteur de visibilité (afficher/ne pas afficher).
- Une icône de temps d'affichage (avec accès à la modalité de réglage).
- Un bouton de suppression.
4. Temps d'affichage d'une diapositive individuelle
Pour chaque diapositive, il est possible de définir un temps d'affichage indépendant, différent des paramètres globaux. Cliquez sur l'icône de temps dans la carte de la diapositive — la modalité SlideTimeSettingsModal s'ouvrira :
- Unités de mesure : sec / min / heure.
- Validation des champs en paire (il n'est pas possible de définir des valeurs contradictoires en même temps).
Si aucun temps individuel n'est défini pour la diapositive, le temps global des paramètres du Slider est utilisé.
5. Édition d'une diapositive (SlideEditPage)
Cliquer sur une diapositive ouvre la page SlideEditPage — une page d'édition distincte avec :
- Breadcrumbs — navigation à travers les niveaux d'imbrication du slider.
- Sélecteur de jeu d'attributs — sélection d'un jeu d'attributs, qui s'applique à cette diapositive.
- Diapositives enfants imbriquées — une diapositive peut avoir ses propres diapositives enfants, formant des sous-groupes.