Sections-Form - Historique des versions

Damien : /* Option "autoaddress" (Google Places) */

2024-05-09T19:16:29Z

Option "autoaddress" (Google Places)

Damien : /* Option "autoaddress" (Google Places) */

2024-05-09T19:16:10Z

Option "autoaddress" (Google Places)

Damien : /* Option "autoaddress" (Google Places) */

2024-05-09T19:06:07Z

Option "autoaddress" (Google Places)

Damien : /* Option "autoaddress" (Google Places) */

2024-05-09T19:04:32Z

Option "autoaddress" (Google Places)

Damien : /* Option "autoaddress" (Google Places) */

2024-05-09T18:46:55Z

Option "autoaddress" (Google Places)

Damien : Rajout de l'auto-address

2024-05-09T18:45:31Z

Rajout de l'auto-address

Léo le 1 juillet 2020 à 10:55

2020-07-01T10:55:12Z

Damien le 21 novembre 2019 à 23:13

2019-11-21T23:13:43Z

Damien : Rajout d'une description et d'un schéma sur l'organisation des sections

2019-11-21T23:06:13Z

Rajout d'une description et d'un schéma sur l'organisation des sections

Léo le 10 octobre 2019 à 10:01

2019-10-10T10:01:24Z

@@ Ligne 122 : / Ligne 122 : @@
 L'option "autoaddress", à placer dans la colonne "Options" d'un SectionForm, va permettre à l'utilisateur de pré-remplir les champs relatifs à une adresse depuis un champ de saisie automatique (autocomplete) basé sur les données fournies par Google Places.
-- Côté interface, cette option fera apparaitre un bouton au niveau du titre de la section (area). Au clic sur ce bouton, une fenêtre modale apparait permettant à l'utilisateur de saisir un texte. Lors de la saisie, plusieurs suggestions seront proposées. Une fois qu'une suggestion est sélectionné par l'utilisateur, la fenêtre se referme et les champs du formulaire sont alors pré-remplis avec les données correspondantes à la suggestion choisie.
+Côté interface, cette option fera apparaitre un bouton au niveau du titre de la section (area). Au clic sur ce bouton, une fenêtre modale apparait permettant à l'utilisateur de saisir un texte. Lors de la saisie, plusieurs suggestions seront proposées. Une fois qu'une suggestion est sélectionné par l'utilisateur, la fenêtre se referme et les champs du formulaire sont alors pré-remplis avec les données correspondantes à la suggestion choisie.
-- L'utilisation de cette option est possible uniquement sur une section de type '''''area'''''.
+L'utilisation de cette option est possible uniquement sur une section de type '''''area'''''.
-- Cette option est à configurer au format [https://geekflare.com/fr/yaml-introduction/ YAML], c'est à dire sous la forme ''"attribut: valeur"'' et avec des indentations (4 espaces) pour identifier les sous-attributs.
+Cette option est à configurer au format [https://geekflare.com/fr/yaml-introduction/ YAML], c'est à dire sous la forme ''"attribut: valeur"'' et avec des indentations (4 espaces) pour identifier les sous-attributs.
 Les sous-attributs sont tous facultatifs et permettent de spécifier quelle valeur doit être injectée dans tel ou tel champ.
 Les types de valeurs possibles sont :

@@ Ligne 122 : / Ligne 122 : @@
 L'option "autoaddress", à placer dans la colonne "Options" d'un SectionForm, va permettre à l'utilisateur de pré-remplir les champs relatifs à une adresse depuis un champ de saisie automatique (autocomplete) basé sur les données fournies par Google Places.
-::- Côté interface, cette option fera apparaitre un bouton au niveau du titre de la section (area). Au clic sur ce bouton, une fenêtre modale apparait permettant à l'utilisateur de saisir un texte. Lors de la saisie, plusieurs suggestions seront proposées. Une fois qu'une suggestion est sélectionné par l'utilisateur, la fenêtre se referme et les champs du formulaire sont alors pré-remplis avec les données correspondantes à la suggestion choisie.
+- Côté interface, cette option fera apparaitre un bouton au niveau du titre de la section (area). Au clic sur ce bouton, une fenêtre modale apparait permettant à l'utilisateur de saisir un texte. Lors de la saisie, plusieurs suggestions seront proposées. Une fois qu'une suggestion est sélectionné par l'utilisateur, la fenêtre se referme et les champs du formulaire sont alors pré-remplis avec les données correspondantes à la suggestion choisie.
-::- L'utilisation de cette option est possible uniquement sur une section de type '''''area'''''.
+- L'utilisation de cette option est possible uniquement sur une section de type '''''area'''''.
-::- Cette option est à configurer au format [https://geekflare.com/fr/yaml-introduction/ YAML], c'est à dire sous la forme ''"attribut: valeur"'' et avec des indentations (4 espaces) pour identifier les sous-attributs.
+- Cette option est à configurer au format [https://geekflare.com/fr/yaml-introduction/ YAML], c'est à dire sous la forme ''"attribut: valeur"'' et avec des indentations (4 espaces) pour identifier les sous-attributs.
-:: Les sous-attributs sont tous facultatifs et permettent de spécifier quelle valeur doit être injectée dans tel ou tel champ.
+Les sous-attributs sont tous facultatifs et permettent de spécifier quelle valeur doit être injectée dans tel ou tel champ.
-:: Les types de valeurs possibles sont :
+Les types de valeurs possibles sont :
 :: - <code>street_number</code> : numéro de rue (ex: 31)
 :: - <code>route</code> : type et nom de rue (ex: ''Rue du Four'', ou ''Avenue Charles-de-Gaulle'')

@@ Ligne 129 : / Ligne 129 : @@
 :: Les sous-attributs sont tous facultatifs et permettent de spécifier quelle valeur doit être injectée dans tel ou tel champ.
 :: Les types de valeurs possibles sont :
-:: - <code>street_number</code> (numéro de rue)
+:: - <code>street_number</code> : numéro de rue (ex: 31)
-:: - <code>route</code> (type et nom de rue)
+:: - <code>route</code> : type et nom de rue (ex: ''Rue du Four'', ou ''Avenue Charles-de-Gaulle'')
-:: - <code>plain_address</code> (numéro, type et nom de rue)
+:: - <code>plain_address</code> : numéro, type et nom de rue. (ex: ''156, Avenue Charles-de-Gaulle'')
-:: - <code>postal_code</code> (code postal)
+:: - <code>postal_code</code> : code postal (ex: 34700, 75009 …)
 :: - <code>locality</code> : commune (ex: Paris, Montpellier…)
 :: - <code>country</code> : pays (ex: France)

@@ Ligne 120 : / Ligne 120 : @@
 === Option "autoaddress" (Google Places) ===
-L'option "autoaddress" permet à l'utilisateur de faire pré-remplir les champs relatifs à une adresse depuis un champ "autocomplete" basé sur les données fournies par Google Places.
+L'option "autoaddress", à placer dans la colonne "Options" d'un SectionForm, va permettre à l'utilisateur de pré-remplir les champs relatifs à une adresse depuis un champ de saisie automatique (autocomplete) basé sur les données fournies par Google Places.
-:: - Cette option fera apparaitre un bouton au niveau du titre de la section (area). Au clic sur ce bouton, une fenêtre modale apparait permettant à l'utilisateur de saisir un texte et de sélectionner une suggestion d'adresse parmi celles qui apparaissent. Une fois la suggestion selectionnée, la fenêtre se referme et les champs du formulaire sont pré-remplis avec les données correspondantes.
+::- Côté interface, cette option fera apparaitre un bouton au niveau du titre de la section (area). Au clic sur ce bouton, une fenêtre modale apparait permettant à l'utilisateur de saisir un texte. Lors de la saisie, plusieurs suggestions seront proposées. Une fois qu'une suggestion est sélectionné par l'utilisateur, la fenêtre se referme et les champs du formulaire sont alors pré-remplis avec les données correspondantes à la suggestion choisie.
-:: - L'utilisation de cette option est possible uniquement sur une section de type '''''area'''''.
+::- L'utilisation de cette option est possible uniquement sur une section de type '''''area'''''.
-:: - Cette option est à configurer au format au format [https://geekflare.com/fr/yaml-introduction/ YAML], c'est à dire sous la forme ''"attribut: valeur"'' et avec des indentations (4 espaces) pour identifier les sous-attributs.
+::- Cette option est à configurer au format [https://geekflare.com/fr/yaml-introduction/ YAML], c'est à dire sous la forme ''"attribut: valeur"'' et avec des indentations (4 espaces) pour identifier les sous-attributs.
 :: Les sous-attributs sont tous facultatifs et permettent de spécifier quelle valeur doit être injectée dans tel ou tel champ.
-:: Les types de valeurs possibles sont : <code>street_number</code> (numéro de rue), <code>route</code> (type et nom de rue), <code>plain_address</code> (numéro, type et nom de rue), <code>postal_code</code> (code postal), <code>locality</code> (commune), <code>country</code> (pays), <code>country_code</code> (code pays, [https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes en deux lettres]), <code>administrative_area_level_1</code> (région), <code>administrative_area_level_2</code> (département).
+:: Les types de valeurs possibles sont :
-:: Exemple : <code>
+:: - <code>street_number</code> (numéro de rue)
 :::: auto-address:
 :::::: plain_address: EMPLOYE_ADRESSE

@@ Ligne 127 : / Ligne 127 : @@
 :: - Cette option est à configurer au format au format [https://geekflare.com/fr/yaml-introduction/ YAML], c'est à dire sous la forme ''"attribut: valeur"'' et avec des indentations (4 espaces) pour identifier les sous-attributs.
-:: Les sous-attributs sont tous facultatifs et permettent de spécifier quelle valeur doit être injectée dans tel champ. Les types de valeurs sont : '<code>street_number</code>' (numéro de rue), '<code>route</code>' (type et nom de rue), '<code>plain_address</code>' (numéro, type et nom de rue), '<code>postal_code</code>' (code postal), '<code>locality</code>' (commune), '<code>country</code>' (pays), '<code>country_code</code>' (code pays, [https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes en deux lettres]), '<code>administrative_area_level_1</code>' (région), '<code>administrative_area_level_2</code>' (département).
+:: Les sous-attributs sont tous facultatifs et permettent de spécifier quelle valeur doit être injectée dans tel ou tel champ.
 :: Exemple : <code>
 :::: auto-address:

← Version précédente		Version du 9 mai 2024 à 18:45
Ligne 116 :		Ligne 116 :
	<h3 id="repeater">Repeater</h3>		<h3 id="repeater">Repeater</h3>
	<p>Le fonctionnement des repeaters est détaillé [[Repeaters\|ici]].</p>		<p>Le fonctionnement des repeaters est détaillé [[Repeaters\|ici]].</p>
		+
		+
		+	=== Option "autoaddress" (Google Places) ===
		+
		+	L'option "autoaddress" permet à l'utilisateur de faire pré-remplir les champs relatifs à une adresse depuis un champ "autocomplete" basé sur les données fournies par Google Places.
		+
		+	:: - Cette option fera apparaitre un bouton au niveau du titre de la section (area). Au clic sur ce bouton, une fenêtre modale apparait permettant à l'utilisateur de saisir un texte et de sélectionner une suggestion d'adresse parmi celles qui apparaissent. Une fois la suggestion selectionnée, la fenêtre se referme et les champs du formulaire sont pré-remplis avec les données correspondantes.
		+
		+	:: - L'utilisation de cette option est possible uniquement sur une section de type '''''area'''''.
		+
		+	:: - Cette option est à configurer au format au format [https://geekflare.com/fr/yaml-introduction/ YAML], c'est à dire sous la forme ''"attribut: valeur"'' et avec des indentations (4 espaces) pour identifier les sous-attributs.
		+	:: Les sous-attributs sont tous facultatifs et permettent de spécifier quelle valeur doit être injectée dans tel champ. Les types de valeurs sont : '<code>street_number</code>' (numéro de rue), '<code>route</code>' (type et nom de rue), '<code>plain_address</code>' (numéro, type et nom de rue), '<code>postal_code</code>' (code postal), '<code>locality</code>' (commune), '<code>country</code>' (pays), '<code>country_code</code>' (code pays, [https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes en deux lettres]), '<code>administrative_area_level_1</code>' (région), '<code>administrative_area_level_2</code>' (département).
		+	:: Exemple : <code>
		+	:::: auto-address:
		+	:::::: plain_address: EMPLOYE_ADRESSE
		+	:::::: locality: EMPLOYE_VILLE
		+	:::::: postal_code: EMPLOYE_CP
		+	:::::: country_code: EMPLOYE_PAYS_CHOICE

@@ Ligne 23 : / Ligne 23 : @@
-Les sections répondent à une hiérarchie stricte mais logique :
+Les sections répondent à une hiérarchie stricte et logique :
 - Les sections de type <code>"chapter"</code> sont celles de plus haut niveau, et ne peuvent contenir que des sous-sections de type <code>slide</code>.
@@ Ligne 39 : / Ligne 39 : @@
-Les sections d'un formulaire peuvent être paramètrées via la feuille <code> "Sections-Form "..." </code> du tableur de configuration.
+Les sections d'un formulaire peuvent être paramétrées via la feuille <code> "Sections-Form "..." </code> du tableur de configuration.
 Elles doivent être définies dans l'ordre d'apparition souhaité.

@@ Ligne 31 : / Ligne 31 : @@
 - Les sections de type <code>"area"</code> sont obligatoirement héritées d'une section de type <code>slide</code>. Ces sections ont deux utilités principales : grouper des champs entre eux pour conditionner facilement leur affichage, ou, enrichir le formulaire avec des contenus au format HTML (voir plus bas rubrique #HTML).
 <p>Cette colonne précise le nom de la section (soit un chapitre soit un slide). Il s’agit d’une chaîne alphanumérique sans accent et sans espace. </p>
 <p>Elle sert de référence à l’intégralité du moteur pour identifier de manière unique les différents chapitres et slides qui apparaîtront dans le formulaire. </p>
@@ Ligne 46 : / Ligne 58 : @@
 </p>
 <p>Dans cet exemple, la slide <code>identification</code> est à l’intérieur du chapter <code>parties</code>. Son nom reflète cette hiérarchie : <code>parties.identification</code></p>
-<h2 id="type-de-section">Type de section</h2>
+<h3 id="type-de-section">Type de section</h3>
 <p>Une section peut soit être un chapitre soit un slide. Le premier est ainsi défini par le mot chapter et le second par le mot slide dans ‘Type de section’. </p>
 <p>Le chapitre est le niveau de catégorie le plus haut du formulaire. Il doit contenir un ou plusieurs slides.</p>
@@ Ligne 56 : / Ligne 68 : @@
 [[Fichier:Une slide.png|thumb|none|750px|La slide "au sujet du produit acheté" à l'intérieur du chapter "informations sur le produit"]]
 </p>
-<h2 id="titre">Titre</h2>
+<h3 id="titre">Titre</h3>
 <p>Le “libellé” : c’est l’intitulé du chapitre ou de la slide.</p>
 <p>Remplir cette colonne est obligatoire.</p>
-<h2 id="sous-titre">Sous-Titre</h2>
+<h3 id="sous-titre">Sous-Titre</h3>
 <p>Permet de définir un sous-titre, qui apparaîtra en dessous du titre.</p>
 <p>Remplir cette colonne est facultatif.</p>
-<h2 id="icon">Icon</h2>
+<h3 id="icon">Icon</h3>
 <p>Ce champ n’est utilisable que si la section est de type “Chapter”.</p>
 <p>Il a pour but de personnaliser le questionnaire en associant une icône au chapter, pour aboutir à un rendu tel que dans l’exemple ci-dessous.
@@ Ligne 97 : / Ligne 109 : @@
 <p>Pour avoir cette icône de drapeau dans le questionnaire, on remplira donc le champ Icon de la manière suivante :
 <strong><code>fa fa-flag</code></strong></p>
-<h2 id="visible-if">Visible if</h2>
+<h3 id="visible-if">Visible if</h3>
 <p>Cette colonne permet de définir les conditions d’apparition de la section en question.</p>
 <p>Son fonctionnement est similaire au reste du système : voir le fonctionnement des [[Conditions|Visible ifs]]
-<h2 id="html">HTML</h2>
+<h3 id="html">HTML</h3>
 <p>''Coming Soon''</p>
-<h2 id="repeater">Repeater</h2>
+<h3 id="repeater">Repeater</h3>
 <p>Le fonctionnement des repeaters est détaillé [[Repeaters|ici]].</p>

@@ Ligne 1 : / Ligne 1 : @@
 <h1 id="sections-form">Sections-Form</h1>
 <h2 id="section-id">Section Id</h2>
 <p>Cette colonne précise le nom de la section (soit un chapitre soit un slide). Il s’agit d’une chaîne alphanumérique sans accent et sans espace. </p>

@@ Ligne 5 : / Ligne 5 : @@
 <p><strong>Comment identifier un chapitre ?</strong></p>
 <p>Chaque chapitre est défini par un identifiant unique. </p>
 <p><strong>Comment identifier une slide ?</strong></p>
-<p>Chaque slide est défini par un identifiant unique. Il est la concaténation de l’identifiant unique du chapitre auquel il appartient ET d’un identifiant unique à cette slide (le tout séparé par un point sans espace).</p>
+<p>Chaque slide est défini par un identifiant unique.</p>
 <p>Le format est donc chapter.slide.</p>
 <p><strong>Par exemple :</strong>