SP:Part:Thèmes
De Hegyd Doc.
(→Création d'un thème) |
(→Ajout/modification/suppression d'un thème) |
||
| (Une version intermédiaire masquée) | |||
| Ligne 33 : | Ligne 33 : | ||
== Implémentation == | == Implémentation == | ||
| - | ===Choix d'un thème / palette de couleur=== | + | 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 44 : | 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.
