Différences

Ci-dessous, les différences entre deux révisions de la page.

--- wiki:application:modulepage [2018/04/05 12:15]
r.toma créée
+++ wiki:application:modulepage [2018/04/23 09:06] (Version actuelle)
r.toma
@@ Ligne 7: / Ligne 7: @@
 </jumbotron>
-Le **Module Manager** est un conteneur qui héberge les différentes [[wiki:application:architecture#Pages|pages]] de l'application.\\ \\
+Le **Module Manager** est un conteneur qui héberge les différentes [[wiki:application:modulepage#Pages|pages]] {{icon>link?14&color=#008cba&rotate=90}} de l'application.\\ \\
 <thumbnail>
@@ Ligne 27: / Ligne 27: @@
 <btn type="warning">D</btn> **Bouton ajout de page** : permet d'ajouter une page au module.\\ \\
 <btn type="warning">E</btn> **Bouton suppression de page** : permet de fermer la page en cours.\\ \\
-<btn type="warning">F</btn> **Bouton afficher/masquer le** [[wiki:application:modulepage#Page Manager|Page Manager]] : affiche le page manager du module en cours.
+<btn type="warning">F</btn> **Bouton afficher/masquer le** [[wiki:application:modulepage#Page Manager|Page Manager]] {{icon>link?14&color=#008cba&rotate=90}} : affiche le page manager du module en cours.
 </WRAP>
 </WRAP>
@@ Ligne 36: / Ligne 36: @@
 </jumbotron>
-Le **module manager** permet d'ajouter et de supprimer supprimer des pages à l'intérieur d'un module. Il permet également de naviguer entre les différentes [[wiki:application:architecture#Pages|pages]] ouvertes dans le module.\\ \\
+Le **module manager** permet d'ajouter et de supprimer supprimer des pages à l'intérieur d'un module. Il permet également de naviguer entre les différentes [[wiki:application:modulepage#Pages|pages]] {{icon>link?14&color=#008cba&rotate=90}} ouvertes dans le module.\\ \\
 <panel type="success" title="Ajouter une page">
 <panel-body>
-Pour ajouter une page au module, via le module manager, il suffit de réaliser un clic sur le bouton <tooltip html="true" title="{{:wiki:application:module_addpage.png?nolink}}">**ajouter une page**</tooltip>.\\ \\
+Pour ajouter une page au module, via le Module Manager, il suffit de réaliser un clic sur le bouton <tooltip html="true" title="{{:wiki:application:module_addpage.png?nolink}}">**ajouter une page**</tooltip>.\\ \\
 Dans le cas d'un module **monopage**, une page du même type que celle déjà créée est rajoutée.
 Dans le cas d'un module **multipage**, une <tooltip html="true" title="{{:wiki:application:module_addpagemulti.png?nolink}}">**liste**</tooltip> de différents types de page apparaît et l'utilisateur doit choisir le type qu'il veut ajouter au module.
@@ Ligne 47: / Ligne 47: @@
 <panel type="success" title="Supprimer une page">
 <panel-body>
-Pour supprimer une page du module, via le module manager, il suffit de réaliser un clic sur le bouton <tooltip html="true" title="{{:wiki:application:module_deletepage.png?nolink}}">**supprimer une page**</tooltip>. La page en cours est alors fermée et retirée du module.
+Pour supprimer une page du module, via le Module Manager, il suffit de réaliser un clic sur le bouton <tooltip html="true" title="{{:wiki:application:module_deletepage.png?nolink}}">**supprimer une page**</tooltip>. La page en cours est alors fermée et retirée du module.
 </panel-body>
 </panel>
+<panel type="success" title="Navigation dans les pages ouvertes">
+<panel-body>
+Pour changer de page, via le Module Manager, cliquer sur un des points présents au centre ce celui-ci. Chaque point correspond à une page ouverte dans le module. La couleur des points correspond à la couleur choisie pour le type de page.
+<callout type="info" icon="true" title="Navigation par le Page Manager">
+Il est possible d'avoir un aperçu plus complet des pages ouvertes en utilisant le [[wiki:application:modulepage#Page Manager|Page Manager]] {{icon>link?14&color=#008cba&rotate=90}}.
+</callout>
+</panel-body>
+</panel>
+<panel type="info" title="Liste des statuts des pages">
+<panel-body>
+Le module manager affiche le statut de la page en cours : \\ \\
+<WRAP>
+<WRAP column quarter>
+<thumbnail>
+{{ :wiki:application:module_statusread.png?nolink& }}
+<caption>
+<TEXT align="center">
+Lecture : affichage sans modification apportée
+</TEXT>
+</caption>
+</thumbnail>
+</WRAP>
+<WRAP column quarter>
+<thumbnail>
+{{ :wiki:application:module_statusreadonly.png?nolink& }}
+<caption>
+<TEXT align="center">
+Lecture seule : affichage, modification non autorisée
+</TEXT>
+</caption>
+</thumbnail>
+</WRAP>
+<WRAP column quarter>
+<thumbnail>
+{{ :wiki:application:module_statuscreate.png?nolink& }}
+<caption>
+<TEXT align="center">
+Création : nouvel objet en cours de création
+</TEXT>
+</caption>
+</thumbnail>
+</WRAP>
+<WRAP column quarter>
+<thumbnail>
+{{ :wiki:application:module_statusupdate.png?nolink& }}
+<caption>
+<TEXT align="center">
+Modification : objet existant en cours de modification
+</TEXT>
+</caption>
+</thumbnail>
+</WRAP>
+</WRAP>
+</panel-body>
+</panel>
+<jumbotron>
+===== Page Manager =====
+</jumbotron>
+Le **Page Manager** (gestionnaire de page) affiche les pages ouvertes d'un module et permet de réaliser différentes actions.\\ \\
+<thumbnail>
+{{:wiki:application:page_manager.png?nolink&}}
+<caption>
+<TEXT align="center">
+=== Page Manager ===
+</TEXT>
+</caption>
+</thumbnail>
+<well>
+<WRAP group>
+<WRAP half column>
+<btn type="warning">A</btn> **Liste des pages** : liste des pages ouvertes dans le module, la page sélectionnée est "entourée" d'une bordure.\\ \\
+<btn type="warning">B</btn> **Bouton ajout de page** : ajoute une page du type de la dernière page sélectionnée.\\ \\
+<btn type="warning">C</btn> **Bouton suppression de page** : ferme la page actuellement sélectionnée.
+</WRAP>
+<WRAP half column>
+<btn type="warning">D</btn> [[wiki:application:moduledesigner|Accès au Mode Design]] {{fa>external-link?14&color=#008cba}} : ouvre le designer pour la page sélectionnée (visible selon les droits accordés à l'utilisateur).\\ \\
+<btn type="warning">E</btn> **Bouton fermeture du module** : ferme le module et toutes les pages qu'il contient.\\ \\
+<btn type="warning">F</btn> **Bouton afficher/masquer le Page Manager** : affiche le page manager du module en cours.
+</WRAP>
+</WRAP>
+</well>
+L'ouverture du Page Manager se fait via le <tooltip html="true" title="{{:wiki:application:module_btnpagemanager.png?nolink}}">**bouton**</tooltip> situé à l'extrémité droite du [[wiki:application:modulepage#Module Manager|Module Manager]] {{icon>link?14&color=#008cba&rotate=90}}.
+<jumbotron>
+==== Gestion des pages ====
+</jumbotron>
+Le **Page Manager** permet d'ajouter et de supprimer supprimer des pages à l'intérieur d'un module. Il permet également de naviguer entre les différentes [[wiki:application:modulepage#Pages|pages]] {{icon>link?14&color=#008cba&rotate=90}} ouvertes dans le module.\\ \\
+<panel type="success" title="Ajouter une page">
+<panel-body>
+Pour ajouter une page au module, via le page manager, il suffit de réaliser un clic sur le bouton <tooltip html="true" title="{{:wiki:application:pagemanager_add.png?nolink}}">**ajouter une page**</tooltip>.\\ \\
+<callout icon="true" type="warning" title="Types de pages">
+Contrairement au [[wiki:application:modulepage#Module Manager|Module Manager]] {{icon>link?14&color=#008cba&rotate=90}}, le Page Manager ne prend pas en charge l'ajout de type de page différent. La page nouvellement ajoutée est du type de la page actuellement sélectionnée.
+</callout>
+</panel-body>
+</panel>
+<panel type="success" title="Supprimer une page">
+<panel-body>
+Pour supprimer une page du module, via le Page Manager, il suffit de réaliser un clic sur le bouton <tooltip html="true" title="{{:wiki:application:pagemanager_close.png?nolink}}">**fermer la page**</tooltip>. La page en cours est alors fermée et retirée du module.
+</panel-body>
+</panel>
+<panel type="success" title="Navigation dans les pages ouvertes">
+<panel-body>
+Pour changer de page, via le module manager, cliquer sur une des <tooltip html="true" title="{{:wiki:application:pagemanager_vign.png?nolink}}">**vignettes**</tooltip> représentant les pages ouvertes dans le module. La couleur des vignettes correspond à la couleur choisie pour le type de page.
+</panel-body>
+</panel>
+<panel type="success" title="Fermer le module">
+<panel-body>
+Pour fermer le module et toutes les pages qu'il contient, il suffit de réaliser un clic sur le bouton <tooltip html="true" title="{{:wiki:application:pagemanager_closemodule.png?nolink}}">**fermer le module**</tooltip>.
+</panel-body>
+</panel>
+<jumbotron>
+===== Pages =====
+</jumbotron>
+Les **pages** sont les contrôles visuels hébergeant les différentes [[wiki:application:architecture#Widgets|widgets]] {{fa>external-link?14&color=#008cba}}. Elles sont constituées de plusieurs [[wiki:application:modulepage#Zones (LayoutControl)|zones]] {{icon>link?14&color=#008cba&rotate=90}} dans lesquelles seront positionnées les [[wiki:application:architecture#Widgets|widgets]] {{fa>external-link?14&color=#008cba}}.\\ \\
+<thumbnail>
+{{:wiki:application:page.png?nolink&}}
+<caption>
+<TEXT align="center">
+=== Exemple de Page ===
+</TEXT>
+</caption>
+</thumbnail>
+<well>
+<btn type="warning">A</btn> **Type de page** : type de la page actuellement sélectionnée.\\ \\
+<btn type="warning">B</btn> **Widgets** : [[wiki:application:architecture#Widgets|widgets]] {{fa>external-link?14&color=#008cba}} contenues dans la page.\\ \\
+<btn type="warning">C</btn> **Groupe** : groupe contenant une ou plusieurs [[wiki:application:architecture#Widgets|widgets]] {{fa>external-link?14&color=#008cba}}.
+</well>
+<jumbotron>
+==== Zones (LayoutControl) ====
+</jumbotron>
+Les **zones** ou **LayoutControl** permettent d'organiser les widgets dans les pages. Les zones peuvent être positionnées de façon à découper la page en plusieurs morceaux indépendants les un des autres.\\ \\
+<thumbnail>
+{{:wiki:application:page_zone.png?nolink&}}
+<caption>
+<TEXT align="center">
+=== Exemple de Zones ===
+</TEXT>
+</caption>
+</thumbnail>
+===== Références =====
+  * [[wiki:application:architecture|Architecture de l'application]]
+  * [[wiki:application:moduledesigner|Présentation du Mode Design]]
+===== A voir =====
+  * [[wiki:application:menus|Présentation des menus]]
+  * [[wiki:application:designparams|Paramètres de personnalisation]]
+  * [[wiki:application:moduledesigner_page_widget|Personnalisation des pages / widgets]]