Migration vers xSwatch5

3036
Auteur
Alain
Publication
23-01-2023 22:00
Note: 0.0 (0 vote)
Migration vers xSwatch5

Migration vers xSwatch5

Vous êtes sans doute nombreux à utiliser le thème phare de XOOPS, xSwatch.
Ce thème est basé sur Bootswatch qui est lui-même basé sur la fameuse librairie CSS Bootstrap.

La version actuellement disponible pour XOOPS est donc xSwatch4.
Ce thème utilise Bootstrap en version 4.6.1.

Depuis, Bootstrap a sorti une version 5, et plus exactement 5.2.3, dernière version stable à ce jour.
Notre but est donc de proposer aux bâtisseurs du web utilisant XOOPS, le thème xSwatch avec Bootstrap en version 5.

Le travail de migration est toutefois conséquent.
En effet, il y a plusieurs changements. En voici juste quelques-uns.

  • Tout d'abord les éléments comportant "left"/"l" et "right"/"r" ne seront désormais plus traités mais il faudra utiliser "start"/s" et "end"/"e" sur tous les éléments qui les utilisaient.
    Pourquoi ce changement ?
    Pour avoir plus de clarté pour les pays où l'écriture va de droite à gauche (RTL).
    Ainsi, quel que soit le système de langue utilisé, on aura "start" et "end" !
    Exemple : mr-2 devient me-2
    Impact : Cela concerne évidement les éléments tels que Padding, Margin, Alignment et border notamment.

  • Il y a des changements dans les formulaires

  • Tous les appels au Javascript se font maintenant non plus via data mais via data-bs.
    Exemple : data-slide devient data-bs-slide
    Impact : carousel, menu hamburger, menus dropdown notamment.

  • Et puis, en vrac, il y a des impacts sur les éléments alert, navbar, et sur la grille (grid layout).
Il faut donc reprendre point par point l'ensemble des fichiers qui composent xSwatch. Un dépôt de développement a été ouvert ici :
https://github.com/alain01/xswatch5

Nous invitons donc très largement la communauté à participer à ce travail de migration.
Dans le fichier README.md, vous trouverez la liste "TO DO" sur ce qu'il reste à migrer.

Enfin, nous profiterons de ce travail de migration pour vous proposer à l'issu un article de migration voir un tutorial.

Alain

PS : Nous avons ouvert un nouveau sujet dans le forum dédié à xSwatch5 ici.
Références
Migrating to v5
Cheatsheet on converting Bootstrap v4 project to Bootstrap v5
Migrating from bootstrap version 4 to version 5
Migrate from Bootstrap 4 to Bootstrap 5
How to Migrate from Bootstrap Version 4 to 5


Options d'affichage des commentaires :       
Les commentaires sont la propriété de leur auteur. Nous ne sommes pas responsables de leur contenu.
Auteur
Discussion
Publié 24-01-2023 11:04
 
  • Administrateur

 Migration vers xSwatch5

Super nouvelle, cela donne envie de participer!