SP:Part:Thèmes
De Hegyd Doc.
Sommaire |
Administration des thèmes
L'administration des thèmes est une version étendue de l'éditeur.
Connexion
Via un compte Admin Viaduc uniquement. N'utilise pas la connexion habituelle consiérant le visiteur comme un Client, mais ici comme un Admin (voir fonctions de connexions de ces classes).
Fonctionnalités
- créer et gérer les thèmes
- créer et gérer les palettes de couleurs
Gestion des thèmes
Création d'un thème
Une option dans le select permettant de sélectionner un thème fait appel a un controleur spécifique permettant de créer un nouveau thème. En sus des information standrad liées au thème, un thème peut être crée à partir d'un autre. Ainsi toutes les propriétés de styles du thème référantes seront reprise par le nouveau thème.
Choix d'un thème
Chaque thème est associé a un site particulier. Ce site a un status particulier de modele de thème. Lors du déploiement, les styles de ce site modèle seront repris et appliqués au site du client lorsqu'ils choisira/changera de thème. Attention cependant, seulement les propriétés directement associées à l'entité thème seront déployées.
Ainsi, lors du choix d'un thème dans le select, l'application charge en fait un site.
Gestion des palettes de couleurs
Implémentation
L'éditeur de thèmes utilise comme base l'éditeur standard, auquel il ajoute une couche de controleur supplémentaire. Ainsi les controleurs et templates spécifiques se trouvent dans le répertoire templates/editeur-theme et controlers/editeur-theme.
D'un point de vue javascript, ces fichier spermettent de gérer les nouveaux éléments ajoutés pour la gestion de thèmes et de palettes de couleur:
- ThemeEditor.js: contient la classe définissant l'object ThemeEditor.
- initThemeMode.js: initisialisation de l'object ThemeEditor
- ColorPaletteEditor.js: contient la classe définissant l'object ColorPaletteEditor.
- initColorPaletteEditor.js: initisaliation de l'objet
Nouvelles fonctionnalités
Choix d'un thème / palette de couleur
L'édition de thèmes utilisent deux variables qui permettent de switcher d'un thème a un autre et d'une palette de couleur à une autre:
- sId: identifiant du site qui contient tous les styles associés au thème
- CPId: identifiant de la palette de couleur à appliquer.
Ces deux variables sont traitées dans l'index:
- on vérifie si elle correspondent à un identifiant valide
- si le sId est valide (ou non nul), alors on charge le site correspondant, sinon on charge le site correspondant au dernier thème modifié
- si une palette de couleur dispose de l'identifiant passé, on l'applique sur le site chargé. Sinon on applique la derniere palette de couleur crée.
Ajout/modification/suppression d'un thème
Ces fonctionnalités sont définies dans le fichier ThemeEditor.js.
Ajout/modification/suppression d'une palette de couleur
Ces fonctionnalités sont définies dans le fichier ColorPaletteEditor.js.
