SP:Part:Thèmes
De Hegyd Doc.
(→Modifications techniques) |
(→Ajout/modification/suppression d'un thème) |
||
| (10 versions intermédiaires masquées) | |||
| Ligne 17 : | Ligne 17 : | ||
=== Gestion des thèmes === | === 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 ==== | ==== 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''. | 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 | + | 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 [[SP:Composant:StyleProperties#Les_propri.C3.A9t.C3.A9s|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 === | === 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: | 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: | ||
| Ligne 36 : | Ligne 56 : | ||
* 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 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. | * 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'''. | ||
Version actuelle en date du 22 juillet 2010 à 08:29
Sommaire |
[modifier] Administration des thèmes
L'administration des thèmes est une version étendue de l'éditeur.
[modifier] 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).
[modifier] Fonctionnalités
- créer et gérer les thèmes
- créer et gérer les palettes de couleurs
[modifier] Gestion des thèmes
[modifier] 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.
[modifier] 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.
[modifier] Gestion des palettes de couleurs
[modifier] 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
[modifier] Nouvelles fonctionnalités
[modifier] 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.
[modifier] Ajout/modification/suppression d'un thème
Ces fonctionnalités sont définies dans le fichier ThemeEditor.js.
[modifier] Ajout/modification/suppression d'une palette de couleur
Ces fonctionnalités sont définies dans le fichier ColorPaletteEditor.js.
