Content - Feedback - Update ajax URL in code sample

wet-boew · Sep 29, 2023 · b8eb541 · b8eb541
1 parent 874d742
commit b8eb541
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 13 deletions.
diff --git a/sites/feedback/index.json-ld b/sites/feedback/index.json-ld
@@ -341,13 +341,13 @@
 				"en": [
 					"Ensure the version of <a href=\"https://github.com/wet-boew/GCWeb/releases\">GCWeb</a> <a href=\"https://github.com/wet-boew/GCWeb/releases\">v13.9.0 or earlier</a> is implemented.",
 					"Ensure the latest version of the <a href=\"../page-details/page-details-docs-en.html\">page details</a> is implemented.",
-					"To show the page feedback form, create a <code>&lt;div class=\"wb-disable-allow\"&gt;</code> with the following data attributes:<ul><li>Mandatory: <code>data-ajax-replace=\"assets/page-feedback-en.html\"</code></li><li>Optional: <code>data-feedback-theme=\"[Text defining the theme of your page]\"</code></li><li>Optional: <code>data-feedback-section=\"[Text defining the section where your page resides]\"</code></li></ul>",
+					"To show the page feedback form, create a <code>&lt;div class=\"wb-disable-allow\"&gt;</code> with the following data attributes:<ul><li>Mandatory: <code>data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html\"</code></li><li>Optional: <code>data-feedback-theme=\"[Text defining the theme of your page]\"</code></li><li>Optional: <code>data-feedback-section=\"[Text defining the section where your page resides]\"</code></li></ul>",
 					"Additionally, your page needs to have the following metadata: <code>&lt;meta name=\"dcterms.creator\" content=\"[Department name]\"&gt;</code>"
 				],
 				"fr": [
 					"Vérifier que la version <a href=\"https://github.com/wet-boew/GCWeb/releases\">v13.9.0 ou plus récente</a> de GCWeb est implémentée.",
 					"Vérifier que la <a href=\"../page-details/page-details-docs-en.html\">version 2.1, ou plus récente, du détails de la page</a> est implémentée.",
-					"Pour afficher le formulaire de rétroaction sur la page, créez un <code>&lt;div class=\"wb-disable-allow\"&gt;</code> avec les attributs suivants&nbsp;:<ul><li>Obligatoire&nbsp;: <code>data-ajax-replace=\"assets/page-feedback-fr.html\"</code></li><li>Optionnel&nbsp;: <code>data-feedback-theme=\"[Texte définissant le thème de votre page]\"</code></li><li>Optionnel&nbsp;: <code>data-feedback-section=\"[Texte définissant la section où réside votre page]\"</code></li></ul>",
+					"Pour afficher le formulaire de rétroaction sur la page, créez un <code>&lt;div class=\"wb-disable-allow\"&gt;</code> avec les attributs suivants&nbsp;:<ul><li>Obligatoire&nbsp;: <code>data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html\"</code></li><li>Optionnel&nbsp;: <code>data-feedback-theme=\"[Texte définissant le thème de votre page]\"</code></li><li>Optionnel&nbsp;: <code>data-feedback-section=\"[Texte définissant la section où réside votre page]\"</code></li></ul>",
 					"De plus, vous pouvez définir les métadonnées suivantes&nbsp;: <code>&lt;meta name=\"dcterms.creator\" content=\"[Department name]\"&gt;</code>"
 				]
 			},
@@ -366,7 +366,7 @@
 					{
 						"@type": "source-code",
 						"description": "Code sample:",
-						"code": "&lt;div class=\"wb-disable-allow\" \ndata-ajax-replace=\"assets/page-feedback-en.html\" \ndata-feedback-section=\"[Text defining the section where your page resides]\" \ndata-feedback-theme=\"[Text defining the theme of your page]\"&gt;&lt;/div&gt;"
+						"code": "&lt;div class=\"wb-disable-allow\" \ndata-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html\" \ndata-feedback-section=\"[Text defining the section where your page resides]\" \ndata-feedback-theme=\"[Text defining the theme of your page]\"&gt;&lt;/div&gt;"
 					},
 					{
 						"@type": "source-code",
@@ -382,7 +382,7 @@
 					{
 						"@type": "source-code",
 						"description": "Exemple de code :",
-						"code": "&lt;div class=\"wb-disable-allow\" \ndata-ajax-replace=\"assets/page-feedback-fr.html\" \ndata-feedback-section=\"[Texte définissant la section où réside votre page]\" \ndata-feedback-theme=\"[Texte définissant le thème de votre page]\"&gt;&lt;/div&gt;"
+						"code": "&lt;div class=\"wb-disable-allow\" \ndata-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html\" \ndata-feedback-section=\"[Texte définissant la section où réside votre page]\" \ndata-feedback-theme=\"[Texte définissant le thème de votre page]\"&gt;&lt;/div&gt;"
 					},
 					{
 						"@type": "source-code",
@@ -497,13 +497,13 @@
 				"en": [
 					"Ensure the version of <a href=\"https://github.com/wet-boew/GCWeb/releases\">GCWeb</a> <a href=\"https://github.com/wet-boew/GCWeb/releases\">v13.9.0 or earlier</a> is implemented",
 					"Ensure the latest version of <a href=\"../page-details/page-details-docs-en.html\">page details</a> is implemented",
-					"To show the page feedback form, create a <code>&lt;div class=\"wb-disable-allow\"&gt;</code> with the following data attributes:<ul><li>Mandatory: <code>data-ajax-replace=\"assets/page-feedback-en.html\"</code></li><li>Mandatory: <code>data-feedback-link=\"[Contact link text]\"</code></li><li>Mandatory: <code>data-feedback-url=\"[Contact link URL]\"</code></li><li>Optional: <code>data-feedback-theme=\"[Text defining the theme of your page]\"</code></li><li>Optional: <code>data-feedback-section=\"[Text defining the section where your page resides]\"</code></li></ul>",
+					"To show the page feedback form, create a <code>&lt;div class=\"wb-disable-allow\"&gt;</code> with the following data attributes:<ul><li>Mandatory: <code>data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html\"</code></li><li>Mandatory: <code>data-feedback-link=\"[Contact link text]\"</code></li><li>Mandatory: <code>data-feedback-url=\"[Contact link URL]\"</code></li><li>Optional: <code>data-feedback-theme=\"[Text defining the theme of your page]\"</code></li><li>Optional: <code>data-feedback-section=\"[Text defining the section where your page resides]\"</code></li></ul>",
 					"Additionally, your page needs to have the following metadata: <code>&lt;meta name=\"dcterms.creator\" content=\"[Department name]\"&gt;</code>"
 				],
 				"fr": [
 					"Vérifier que la version <a href=\"https://github.com/wet-boew/GCWeb/releases\">v13.9.0 ou plus récente</a> de GCWeb est implémentée.",
 					"Vérifier que la <a href=\"../page-details/page-details-docs-en.html\">version 2.1, ou plus récente, du détails de la page</a> est implémentée.",
-					"Pour afficher le formulaire de rétroaction sur la page, créez un <code>&lt;div class=\"wb-disable-allow\"&gt;</code> avec les attributs suivants&nbsp;:<ul><li>Obligatoire&nbsp;: <code>data-ajax-replace=\"assets/page-feedback-fr.html\"</code></li><li>Obligatoire&nbsp;: <code>data-feedback-link=\"[Contact link text]\"</code></li><li>Obligatoire&nbsp;: <code>data-feedback-url=\"[Contact link URL]\"</code></li><li>Optionnel&nbsp;: <code>data-feedback-theme=\"[Texte définissant le thème de votre page]\"</code></li><li>Optionnel&nbsp;: <code>data-feedback-section=\"[Texte définissant la section où réside votre page]\"</code></li></ul>",
+					"Pour afficher le formulaire de rétroaction sur la page, créez un <code>&lt;div class=\"wb-disable-allow\"&gt;</code> avec les attributs suivants&nbsp;:<ul><li>Obligatoire&nbsp;: <code>data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html\"</code></li><li>Obligatoire&nbsp;: <code>data-feedback-link=\"[Contact link text]\"</code></li><li>Obligatoire&nbsp;: <code>data-feedback-url=\"[Contact link URL]\"</code></li><li>Optionnel&nbsp;: <code>data-feedback-theme=\"[Texte définissant le thème de votre page]\"</code></li><li>Optionnel&nbsp;: <code>data-feedback-section=\"[Texte définissant la section où réside votre page]\"</code></li></ul>",
 					"De plus, vous pouvez définir les métadonnées suivantes&nbsp;: <code>&lt;meta name=\"dcterms.creator\" content=\"[Department name]\"&gt;</code>"
 				]
 			},
@@ -522,7 +522,7 @@
 					{
 						"@type": "source-code",
 						"description": "Code sample:",
-						"code": "&lt;div class=\"wb-disable-allow\" \ndata-ajax-replace=\"assets/page-feedback-en.html\" \ndata-feedback-section=\"[Text defining the section where your page resides]\" \ndata-feedback-theme=\"[Text defining the theme of your page]\" \ndata-feedback-link=\"[Contact link text]\" \ndata-feedback-url=\"[Contact link URL]\"&gt;&lt;/div&gt;"
+						"code": "&lt;div class=\"wb-disable-allow\" \ndata-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html\" \ndata-feedback-section=\"[Text defining the section where your page resides]\" \ndata-feedback-theme=\"[Text defining the theme of your page]\" \ndata-feedback-link=\"[Contact link text]\" \ndata-feedback-url=\"[Contact link URL]\"&gt;&lt;/div&gt;"
 					},
 					{
 						"@type": "source-code",
@@ -538,7 +538,7 @@
 					{
 						"@type": "source-code",
 						"description": "Exemple de code :",
-						"code": "&lt;div class=\"wb-disable-allow\" \ndata-ajax-replace=\"assets/page-feedback-fr.html\" \ndata-feedback-section=\"[Texte définissant la section où réside votre page]\" \ndata-feedback-theme=\"[Texte définissant le thème de votre page]\" \ndata-feedback-link=\"[Texte du lien de contact]\" \ndata-feedback-url=\"[URL du lien de contact]\"&gt;&lt;/div&gt;"
+						"code": "&lt;div class=\"wb-disable-allow\" \ndata-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html\" \ndata-feedback-section=\"[Texte définissant la section où réside votre page]\" \ndata-feedback-theme=\"[Texte définissant le thème de votre page]\" \ndata-feedback-link=\"[Texte du lien de contact]\" \ndata-feedback-url=\"[URL du lien de contact]\"&gt;&lt;/div&gt;"
 					},
 					{
 						"@type": "source-code",
@@ -830,7 +830,7 @@
 			"name": "Page feedback tool with AJAX",
 			"status": "stable",
 			"baseOnIteration": "_:iteration_pft_1",
-			"detectableBy": "<div class=\"wb-disable-allow\" data-ajax=\"assets/page-feedback-en.html\">",
+			"detectableBy": ".pagedetails .wb-disable-allow[data-ajax-replace*=feedback]",
 			"layout": [
 				"At the top-left column in the page details component",
 				"When user selects \"No\", a form with a textarea appears"

diff --git a/sites/feedback/page-feedback-contact-en.html b/sites/feedback/page-feedback-contact-en.html
@@ -27,14 +27,15 @@
 
 <p>HTML code in the web page</p>
 <pre><code>&lt;div class="wb-disable-allow"
-	data-ajax-replace="assets/page-feedback-en.html"
+	data-ajax-replace="https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html"
 	data-feedback-section="Section"
 	data-feedback-theme="Theme"
 	data-feedback-link="Contact Service Name"
 	data-feedback-url="https://canada.ca"&gt;&lt;/div&gt;</code></pre>
 
 <details>
 	<summary>Ajaxed-in content source code</summary>
+	<p>Note: This working example page loads a local copy of the feedback form for testing purposes only. Institutions are asked to load the centralized feedback form at this web address: <code>https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html</code>.</p>
 {% highlight text %}
 {% include_relative assets/page-feedback-en.html %}
 {% endhighlight %}

diff --git a/sites/feedback/page-feedback-contact-fr.html b/sites/feedback/page-feedback-contact-fr.html
@@ -27,14 +27,15 @@
 
 <p>Code HTML dans la page web</p>
 <pre><code>&lt;div class="wb-disable-allow"
-	data-ajax-replace="assets/page-feedback-fr.html"
+	data-ajax-replace="https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html"
 	data-feedback-section="Section"
 	data-feedback-theme="Thème"
 	data-feedback-link="Contacter Nom du service"
 	data-feedback-url="https://canada.ca/fr"&gt;&lt;/div&gt;</code></pre>
 
 <details>
 	<summary>Code source du contenu ajouté via Ajax</summary>
+	<p>Note : Cet exemple pratique charge une copie locale du formulaire de rétroaction à des fins d'essai seulement. Les institutions sont invitées à charger la version centralisée du formulaire de rétroaction disponible à cette adresse :<code>https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html</code>.</p>
 {% highlight text %}
 {% include_relative assets/page-feedback-fr.html %}
 {% endhighlight %}

diff --git a/sites/feedback/page-feedback-en.html b/sites/feedback/page-feedback-en.html
@@ -23,12 +23,13 @@
 
 <p>HTML code in the web page</p>
 <pre><code>&lt;div class="wb-disable-allow"
-	data-ajax-replace="assets/page-feedback-en.html"
+	data-ajax-replace="https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html"
 	data-feedback-section="Section"
 	data-feedback-theme="Theme"&gt;&lt;/div&gt;</code></pre>
 
 <details>
 	<summary>Ajaxed-in content source code</summary>
+	<p>Note: This working example page loads a local copy of the feedback form for testing purposes only. Institutions are asked to load the centralized feedback form at this web address: <code>https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html</code>.</p>
 {% highlight text %}
 {% include_relative assets/page-feedback-en.html %}
 {% endhighlight %}

diff --git a/sites/feedback/page-feedback-fr.html b/sites/feedback/page-feedback-fr.html
@@ -23,12 +23,13 @@
 
 <p>Code HTML dans la page web</p>
 <pre><code>&lt;div class="wb-disable-allow"
-	data-ajax-replace="assets/page-feedback-fr.html"
+	data-ajax-replace="https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html"
 	data-feedback-section="Section"
 	data-feedback-theme="Thème"&gt;&lt;/div&gt;</code></pre>
 
 <details>
 	<summary>Code source du contenu ajouté via Ajax</summary>
+	<p>Note : Cet exemple pratique charge une copie locale du formulaire de rétroaction à des fins d'essai seulement. Les institutions sont invitées à charger la version centralisée du formulaire de rétroaction disponible à cette adresse :<code>https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html</code>.</p>
 {% highlight text %}
 {% include_relative assets/page-feedback-fr.html %}
 {% endhighlight %}