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-2devientme-2
 Impact : Cela concerne évidement les éléments tels quePadding,Margin,Alignmentetbordernotamment.
 
- Il y a des changements dans les formulaires
- Tous les appels au Javascript se font maintenant non plus via datamais viadata-bs.
 Exemple :data-slidedevientdata-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).
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 v5Cheatsheet 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
 
			
        
 
								
 Migration vers xSwatch5
 Migration vers xSwatch5