SP:Part:Thèmes

De Hegyd Doc.

(Différences entre les versions)
(→Connexion)
(→Ajout/modification/suppression d'un thème)
 
(13 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 ====
 +
 +
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 [[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:
 +
 +
* '''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'''.

Version actuelle en date du 22 juillet 2010 à 08:29


Sommaire

[modifier] Administration des thèmes

URL http://themes.creation-site-web.fr

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.

Récupérée de « https://wiki.hegyd.com/index.php/SP:Part:Th%C3%A8mes »