diff --git a/_config.yml b/_config.yml index 073a45544f..fdf92c3c4b 100644 --- a/_config.yml +++ b/_config.yml @@ -6,8 +6,8 @@ website: "https://wet-boew.github.io/GCWeb/" # URL of your public facing website global: lang: fr feedbackPath: - en: "/sites/feedback/ajax/report-problem-en.html" - fr: "/sites/feedback/ajax/report-problem-fr.html" + en: "ajax/page-feedback-en.html" + fr: "ajax/page-feedback-fr.html" contextualFooter: # Contextual footer settings title: fr: "Référence d'implémentation de Canada.ca" diff --git a/_data/sites.json b/_data/sites.json index 43c1bccfd3..3937835fc2 100644 --- a/_data/sites.json +++ b/_data/sites.json @@ -171,39 +171,49 @@ "modified": "dct:modified" }, "title": { - "en": "Report a problem (RAP) - Feedback", - "fr": "Signaler un problème (SUP) - Commentaires" + "en": "Feedback area", + "fr": "Zone de rétroaction" }, "description": { - "en": "Documentation on how to use the page feedback form.", - "fr": "Documentation sur l'utilisation de formulaire de commentaires de page." + "en": "Documentation on how to use the elements of the feedback area.", + "fr": "Documentation sur l'utilisation des éléments de la zone commentaires." }, - "modified": "2022-04-26", + "modified": "2023-01-10", "componentName": "feedback", "status": "stable", "pages": { "docs": [ { - "title": "Documentation for Page feedback form", + "title": "Documentation for the feedback area", "language": "en", "path": "feedback-docs-en.html" }, { - "title": "Documentation pour formulaire de commentaire de page", + "title": "Documentation pour la zone de rétroaction", "language": "fr", "path": "feedback-docs-fr.html" } ], "examples": [ { - "title": "Page feedback form", + "title": "Report a problem", "language": "en", - "path": "feedback-en.html" + "path": "report-problem-en.html" }, { - "title": "Formulaire de commentaire de page", + "title": "Signaler un problème", "language": "fr", - "path": "feedback-fr.html" + "path": "report-problem-fr.html" + }, + { + "title": "Page feedback tool", + "language": "en", + "path": "page-feedback-en.html" + }, + { + "title": "Outil de rétroaction sur la page", + "language": "fr", + "path": "page-feedback-fr.html" } ] } @@ -235,7 +245,7 @@ "path": "footers-en.html" }, { - "title": "Pied de page complète", + "title": "Pied de page complet", "language": "fr", "path": "footers-fr.html" } @@ -247,7 +257,7 @@ "path": "footers-en.html" }, { - "title": "Pied de page complète", + "title": "Pied de page complet", "language": "fr", "path": "footers-fr.html" }, @@ -257,7 +267,7 @@ "path": "no-footer-contextual-en.html" }, { - "title": "Bande principale et la bande sous pied de page", + "title": "Bande principale et bande sous pied de page", "language": "fr", "path": "no-footer-contextual-fr.html" }, @@ -267,7 +277,7 @@ "path": "no-footer-main-en.html" }, { - "title": "Bande contextuelle et la bande sous pied de page", + "title": "Bande contextuelle et bande sous pied de page", "language": "fr", "path": "no-footer-main-fr.html" }, @@ -287,12 +297,12 @@ "path": "only-footer-contextual-en.html" }, { - "title": "Bande contextuelle et la bande sous pied de page sans les liens facultatifs", + "title": "Bande contextuelle et bande sous pied de page sans les liens facultatifs", "language": "fr", "path": "only-footer-contextual-fr.html" }, { - "title": "Bande principale et la bande sous pied de page sans les liens facultatifs", + "title": "Bande principale et bande sous pied de page sans les liens facultatifs", "language": "en", "path": "only-footer-main-en.html" }, @@ -333,49 +343,6 @@ } ] } -},{ - "@context": { - "@version": 1.1, - "dct": "http://purl.org/dc/terms/", - "title": { "@id": "dct:title", "@container": "@language" }, - "description": { "@id": "dct:description", "@container": "@language" }, - "modified": "dct:modified" - }, - "title": { - "en": "Page feedback tool", - "fr": "Outil de rétroaction sur la page" - }, - "description": { - "en": "Page feedback tool for Canada.ca", - "fr": "Outil de rétroaction sur la page pour Canada.ca" - }, - "modified": "2022-12-06", - "componentName": "gc-page-feedback", - "status": "stable", - "pages": { - "examples": [ - { - "title": "Page feedback tool", - "language": "en", - "path": "gc-page-feedback-en.html" - }, - { - "title": "Outil de rétroaction sur la page", - "language": "fr", - "path": "gc-page-feedback-fr.html" - }, - { - "title": "Page feedback tool with custom parameters", - "language": "en", - "path": "gc-page-feedback-custom-en.html" - }, - { - "title": "Outil de rétroaction sur la page avec paramètres personnalisés", - "language": "fr", - "path": "gc-page-feedback-custom-fr.html" - } - ] - } } ,{ "@context": { diff --git a/_includes/gc-page-feedback/gc-page-feedback.html b/_includes/gc-page-feedback/gc-page-feedback.html deleted file mode 100644 index d614cd7e3e..0000000000 --- a/_includes/gc-page-feedback/gc-page-feedback.html +++ /dev/null @@ -1,12 +0,0 @@ - -{%- if page.dir == "/sites/gc-page-feedback/" -%} - {%- include_relative includes/css.html -%} - {%- include_relative includes/gc-page-feedback.html -%} -{%- else -%} -
Error: The page feedback tool only can only be activated in pages located at "sites/gc-page-feedback/*.html".
-{%- endif -%} diff --git a/_includes/page-details/footer.html b/_includes/page-details/footer.html deleted file mode 100644 index cad6a7932e..0000000000 --- a/_includes/page-details/footer.html +++ /dev/null @@ -1,45 +0,0 @@ - - diff --git a/package-lock.json b/package-lock.json index fb3ab2890f..4d1b42c7d1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1573,7 +1573,7 @@ "code-prettify": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/code-prettify/-/code-prettify-0.1.0.tgz", - "integrity": "sha512-tNOWwXoF3ycqtvLCGPLYds2hKekmZfsPWinbRcLk6BBHBaSf+v+HJOvfg33VfVzYzvQ6zmVq+WO88oKweiJSQg==" + "integrity": "sha1-RocMyMGlDQm61TmzOpg9vUqjSx4=" }, "coffeescript": { "version": "2.5.1", @@ -2362,7 +2362,7 @@ "es5-shim": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/es5-shim/-/es5-shim-2.3.0.tgz", - "integrity": "sha512-lqeBVvMTAbQwqOSVMJbhE/ykQ2tQm5so3tFsEc9fRsN8sxde/4o74WMDPKF/u9SY/d900D59ccra5PhKZI5hIw==" + "integrity": "sha1-kCG8UK1Nmj5TkwjuvTRDcgNVUAM=" }, "es6-iterator": { "version": "2.0.3", @@ -5886,7 +5886,7 @@ "html5shiv": { "version": "3.7.3", "resolved": "https://registry.npmjs.org/html5shiv/-/html5shiv-3.7.3.tgz", - "integrity": "sha512-SZwGvLGNtgp8GbgFX7oXEp8OR1aBt5LliX6dG0kdD1kl3KhMonN0QcSa/A3TsTgFewaGCbIryQunjayWDXzxmw==" + "integrity": "sha1-14qEo2e8uacQEA1XgCw4ewhGMdI=" }, "htmlparser2": { "version": "3.10.1", @@ -6546,7 +6546,7 @@ "jquery": { "version": "2.2.4", "resolved": "https://registry.npmjs.org/jquery/-/jquery-2.2.4.tgz", - "integrity": "sha512-lBHj60ezci2u1v2FqnZIraShGgEXq35qCzMv4lITyHGppTnA13rwR0MgwyNJh9TnDs3aXUvd1xjAotfraMHX/Q==" + "integrity": "sha1-LInWiJterFIqfuoywUUhVZxsvwI=" }, "jquery-validation": { "version": "1.19.5", @@ -6666,7 +6666,7 @@ "jsonpointer.js": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/jsonpointer.js/-/jsonpointer.js-0.4.0.tgz", - "integrity": "sha512-2bf/1crAmPpsmj1I6rDT6W0SOErkrNBpb555xNWcMVWYrX6VnXpG0GRMQ2shvOHwafpfse8q0gnzPFYVH6Tqdg==" + "integrity": "sha1-ACyxI/dnqv3rAZYTLOXE+ZQcyro=" }, "jsprim": { "version": "1.4.1", @@ -7414,7 +7414,7 @@ "mgrs": { "version": "0.0.0", "resolved": "https://registry.npmjs.org/mgrs/-/mgrs-0.0.0.tgz", - "integrity": "sha512-YQm8HnF5Ty7EH+X+Pn9h8P4tdE7Jcyvm6RJ6Ed8HdyTZIZQ5yMa7apQQF58KMfC7wKFaBbtyGBAcTWBAfeHchw==" + "integrity": "sha1-qqK0gpMXv4ERipYNMlbgbdlnS40=" }, "micromatch": { "version": "3.1.10", @@ -8719,7 +8719,7 @@ "proj4": { "version": "2.3.3", "resolved": "https://registry.npmjs.org/proj4/-/proj4-2.3.3.tgz", - "integrity": "sha512-ZmXyIEcq1+fQROkr92rFdXLTPZyBFtcxyagu1cVSFtPfK8MOcctakofmAzHDovut2/UIZpzVqMVX69rAly4/Uw==", + "integrity": "sha1-SWp2hXivQ55Gd6CFpjmh8ZjLvc0=", "requires": { "mgrs": "0.0.0" } diff --git a/sites/gc-page-feedback/_base.scss b/sites/feedback/_base.scss similarity index 100% rename from sites/gc-page-feedback/_base.scss rename to sites/feedback/_base.scss diff --git a/sites/gc-page-feedback/_print.scss b/sites/feedback/_print.scss similarity index 57% rename from sites/gc-page-feedback/_print.scss rename to sites/feedback/_print.scss index 5f9c4031db..b206302f22 100644 --- a/sites/gc-page-feedback/_print.scss +++ b/sites/feedback/_print.scss @@ -3,5 +3,5 @@ */ .gc-pft { - @extend %gcweb-print-display-none-important; + display: none !important; } diff --git a/sites/gc-page-feedback/_screen-sm-min.scss b/sites/feedback/_screen-sm-min.scss similarity index 100% rename from sites/gc-page-feedback/_screen-sm-min.scss rename to sites/feedback/_screen-sm-min.scss diff --git a/sites/feedback/ajax/deprecated/report-problem-v1-en.html b/sites/feedback/ajax/deprecated/report-problem-v1-en.html new file mode 100644 index 0000000000..21a260c3da --- /dev/null +++ b/sites/feedback/ajax/deprecated/report-problem-v1-en.html @@ -0,0 +1,57 @@ +This page feedback form is using analytics data attributes.
-<div data-ajax-replace="ajax/report-problem-aa-en.html">
- <div class="row row-no-gutters">
- <div class="col-sm-9 col-md-6 col-lg-5">
- <a class="btn btn-default btn-block" href="https://www.canada.ca/en/report-problem.html">Report a problem on this page</a>
- </div>
- </div>
-</div>
diff --git a/sites/feedback/feedback-aa-fr.html b/sites/feedback/feedback-aa-fr.html
deleted file mode 100644
index e0a8eb427f..0000000000
--- a/sites/feedback/feedback-aa-fr.html
+++ /dev/null
@@ -1,23 +0,0 @@
----
-{
- "title": "Formulaire de commentaires de page utilisant les attributs de données analytiques",
- "language": "fr",
- "altLangPage": "feedback-aa-en.html",
- "breadcrumbs": [
- { "title": "Canada.ca", "link": "https://www.canada.ca/en.html" }
- ],
- "secondlevel": false,
- "dateModified": "2022-04-26",
- "share": "true",
- "feedbackPath": "ajax/report-problem-aa-fr.html"
-}
----
-Ce formulaire de commentaires de page utilise des attributs de données analytiques.
-<div data-ajax-replace="ajax/report-problem-aa-fr.html">
- <div class="row row-no-gutters">
- <div class="col-sm-11 col-md-7 col-lg-6">
- <a class="btn btn-default btn-block" href="https://www.canada.ca/fr/signaler-probleme.html">Signaler un problème ou une erreur sur cette page </a>
- </div>
- </div>
-</div>
diff --git a/sites/feedback/feedback-docs-en.html b/sites/feedback/feedback-docs-en.html
index 7e1582c631..cdb18e2c33 100644
--- a/sites/feedback/feedback-docs-en.html
+++ b/sites/feedback/feedback-docs-en.html
@@ -1,294 +1,284 @@
---
{
- "title": "Page feedback (RAP) - Documentation",
+ "title": "Feedback area - Documentation",
"language": "en",
"altLangPage": "feedback-docs-fr.html",
"breadcrumbs": [
{ "title": "Canada.ca", "link": "https://www.canada.ca/en.html" }
],
"secondlevel": false,
- "dateModified": "2022-04-26",
- "share": true,
- "feedbackPath": "ajax/report-problem-en.html"
+ "dateModified": "2023-01-10",
+ "share": true
}
---
Displays the Page feedback form
+Provide feedback on any given page through a form.
+There is no evaluation and report available for this component.
-This component supports the following 2 variants:
To show the page feedback form, create a <div>
with the following data attribute: data-ajax-replace="ajax/report-problem-en.html"
.
For the basic HTML version, a link element should be created inside a <div>
that points to the report a problem form page: <div><a class="btn btn-default btn-block" href="https://www.canada.ca/en/report-problem.html">Report a problem on this page</a></div>
For more information about Data Ajax plugin, please visit Data Ajax documentation page
-Both variants are comprised of two sub-components:
+There is no evaluation and report available for this component.
+<div>
with the following data attribute: data-ajax-replace="ajax/page-feedback-en.html"
.<div>
that points to the report a problem form page: <div><a class="btn btn-default btn-block" href="https://www.canada.ca/en/report-problem.html">Report a problem on this page</a></div>
.For more information about Data Ajax plugin, please visit Data Ajax documentation page.
+ +The Page feedback tool variant leverages JSON Manager and Data JSON to get information about the page and generate hidden input fields in the form.
+
Here is the list of tags that need to be present in the page:
+<meta name="dcterms.creator" content="[Department name]">
(can be empty)gc:institutions/service-canada
+ <meta name="dcterms.subject" content="[Current page's section/category]">
<meta name="dcterms.type" content="[Current page's theme]">
Here is the full list of generated hidden inputs:
+<input type="hidden" name="pageTitle" value="[Current page's title]">
<input type="hidden" name="language" value="[Current page's language (en or fr)]">
<input type="hidden" name="submissionPage" value="[Current page's URL]">
<input type="hidden" name="institutionopt" value="[Department name]">
<input type="hidden" name="themeopt" value="[Current page's theme]">
<input type="hidden" name="sectionopt" value="[Current page's section/category]">
Here is a list of changes that happened since the previous iteration:
CSS Class | -Template | -Visual rendering | -Schema | +Breaking | +
+
|
---|---|---|---|---|---|
n.a. | -Version 2.0 | -n.a. | -n.a. | +Additions | +n/a | +
Fixes | +n/a |
Template migration notes
-The html inserted by the Data Ajax plugin can be found on the following page: https://github.com/wet-boew/GCWeb/blob/master/sites/feedback/ajax/report-problem-en.html.
-<div data-ajax-replace="ajax/report-problem-en.html">
- <div class="row row-no-gutters">
- <div class="col-sm-9 col-md-6 col-lg-5">
- <a class="btn btn-default btn-block" href="https://www.canada.ca/en/report-problem.html">Report a problem on this page</a>
- </div>
- </div>
-</div>
- <details class="brdr-0">
- <summary class="btn btn-default text-center">Report a problem on this page</summary>
- <div class="well row">
- <div class="gc-rprt-prblm">
- <div class="gc-rprt-prblm-frm gc-rprt-prblm-tggl" id="wb-auto-4">
- { feedback form }
- </div>
- <div class="gc-rprt-prblm-thnk gc-rprt-prblm-tggl hide" id="wb-auto-5">
- <h3>Thank you for your help!</h3>
- <p>You will not receive a reply. For enquiries, please <a href="https://www.canada.ca/en/contact.html">contact us</a>.</p>
- </div>
- </div>
- </div>
-</details>
- <div>
with the following data attribute: data-ajax-replace="ajax/report-problem-en.html"
.<div>
that points to the report a problem form page: <div><a class="btn btn-default btn-block" href="https://www.canada.ca/en/report-problem.html">Report a problem on this page</a></div>
.For more information about Data Ajax plugin, please visit Data Ajax documentation page.
+To implement Adobe Analytics in the Report a problem form, simply add the attribute data-gc-analytics-rap
to every checkbox with the value being the same as the current language's label, followed by a dash and followed by the other language's label.
For example:
+<div class="checkbox">
+ <label for="problem2">
+ <input name="problem2" id="problem2" type="checkbox" value="Yes" data-gc-analytics-rap="It has a spelling mistake-Il y a une erreur d'orthographe ou de grammaire">It has a spelling mistake
+ </label>
+ <input name="problem2" type="hidden" value="">
+</div>
+Implemented ajax files reference
+The Report a problem variant leverages JSON Manager and Data JSON to get information about the page and generate hidden input fields in the form.
+
Here is the list of tags that need to be present in the page:
+<meta name="author" content="[Department name]">
gc:institutions/service-canada
+ <meta name="dcterms.subject" content="[The subject of the page]">
Here is the full list of generated hidden inputs in the form:
<input type="hidden" name="pageOwner" value="[Your department]">
<input type="hidden" name="subject" value="[Current page's subject]">
<input type="hidden" name="externalReferer" value="[Page referer's URL]">
<input type="hidden" name="submissionPage" value="[Current page's URL]">
<input type="hidden" name="pageTitle" value="[Current page's title]">
<input type="hidden" name="lang" value="[Current page's language (en or fr)]">
<form action="/sites/feedback/feedback-form-destination.html" id="gc-rprt-prblm-form" class="wb-postback" data-wb-postback="{"success":".success-message","failure":".failure-message","content":".form-content"}" >
- <fieldset>
- <legend>
- <span class="field-name">Please select all that apply:</span>
- </legend>
- <div class="checkbox">
- <label for="problem1">
- <input name="problem1" id="problem1" type="checkbox" value="Yes" >A link, button or video is not working
- </label>
- <input name="problem1" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem2">
- <input name="problem2" id="problem2" type="checkbox" value="Yes" >It has a spelling mistake
- </label>
- <input name="problem2" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem3">
- <input name="problem3" id="problem3" type="checkbox" value="Yes" >Information is missing
- </label>
- <input name="problem3" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem4">
- <input name="problem4" id="problem4" type="checkbox" value="Yes" >Information is outdated or wrong
- </label>
- <input name="problem4" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem5">
- <input name="problem5" id="problem5" type="checkbox" value="Yes" >Login error when trying to access an account
- </label>
- <input name="problem5" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem11">
- <input name="problem11" id="problem11" type="checkbox" value="Yes" >I can't find what I'm looking for
- </label>
- <input name="problem11" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem12">
- <input name="problem12" id="problem12" type="checkbox" value="Yes" >Other issue not in this list
- </label>
- <input name="problem12" type="hidden" value="">
- </div>
- </fieldset>
- <strong><button type="submit" class="btn btn-primary">Submit</button></strong>
-</form>
-<div class="success-message hide">
- <h3>Thank you for your help!</h3>
- <p>You will not receive a reply. For enquiries, please <a href="https://www.canada.ca/en/contact.html">contact us</a>.</p>
-</div>
-<p class="failure-message hide">Something went wrong. Please submit your information via an alternative method.</p>
-<form action="/sites/feedback/feedback-form-destination.html" id="gc-rprt-prblm-form" class="wb-postback" data-wb-postback="{"success":".success-message","failure":".failure-message","content":".form-content"}" >
- <fieldset>
- <legend>
- <span class="field-name">Please select all that apply:</span>
- </legend>
- <div class="checkbox">
- <label for="problem1">
- <input name="problem1" id="problem1" type="checkbox" value="Yes" >A link, button or video is not working
- </label>
- <input name="problem1" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem2">
- <input name="problem2" id="problem2" type="checkbox" value="Yes" >It has a spelling mistake
- </label>
- <input name="problem2" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem3">
- <input name="problem3" id="problem3" type="checkbox" value="Yes" >Information is missing
- </label>
- <input name="problem3" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem4">
- <input name="problem4" id="problem4" type="checkbox" value="Yes" >Information is outdated or wrong
- </label>
- <input name="problem4" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem5">
- <input name="problem5" id="problem5" type="checkbox" value="Yes" >Login error when trying to access an account (e.g. My Service Canada Account)
- </label>
- <input name="problem5" type="hidden" value="">
- </div>
- <ul>
- <li class="checkbox">
- <label for="problem6a">
- <input name="problem6" id="problem6a" type="checkbox" value="Yes" >GC Key access
- </label>
- <input name="problem6" type="hidden" value="">
- </li>
- <li class="checkbox">
- <label for="problem7">
- <input name="problem7" id="problem7" type="checkbox" value="Yes" >SecureKey Concierge (Banking Credential) access
- </label>
- <input name="problem7" type="hidden" value="">
- </li>
- <li class="checkbox">
- <label for="problem8">
- <input name="problem8" id="problem8" type="checkbox" value="Yes" >Personal Access Code (PAC) problems or EI Access Code (AC) problems
- </label>
- <input name="problem8" type="hidden" value="">
- </li>
- <li class="checkbox">
- <label for="problem9">
- <input name="problem9" id="problem9" type="checkbox" value="Yes" >Social Insurance Number (SIN) validation problems
- </label>
- <input name="problem9" type="hidden" value="">
- </li>
- <li class="checkbox">
- <label for="problem10">
- <input name="problem10" id="problem10" type="checkbox" value="Yes" >Other login error not in this list
- </label>
- <input name="problem10" type="hidden" value="">
- </li>
- </ul>
- <div class="checkbox">
- <label for="problem11">
- <input name="problem11" id="problem11" type="checkbox" value="Yes" >I can't find what I'm looking for
- </label>
- <input name="problem11" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem12">
- <input name="problem12" id="problem12" type="checkbox" value="Yes" >Other issue not in this list
- </label>
- <input name="problem12" type="hidden" value="">
- </div>
- </fieldset>
- <strong><button type="submit" class="btn btn-primary">Submit</button></strong>
-</form>
-<div class="success-message hide">
- <h3>Thank you for your help!</h3>
- <p>You will not receive a reply. For enquiries, please <a href="https://www.canada.ca/en/contact.html">contact us</a>.</p>
-</div>
-<p class="failure-message hide">Something went wrong. Please submit your information via an alternative method.</p>
-<form action="#">
- <fieldset>
- <legend><span class="field-name">Please select all that apply:</span></legend>
- <div class="checkbox">
- <label for="gc-rprt-prblm-f1">
- <input type="checkbox" name="problem1" value="Yes" id="gc-rprt-prblm-f1" />A link, button or video is not working
- </label>
- <input name="problem1" type="hidden" value="No" />
- </div>
- <div class="checkbox">
- <label for="gc-rprt-prblm-f2">
- <input type="checkbox" name="problem2" value="Yes" id="gc-rprt-prblm-f2" />It has a spelling mistake
- </label>
- <input name="problem2" type="hidden" value="No" />
- </div>
- <div class="checkbox">
- <label for="gc-rprt-prblm-f3">
- <input type="checkbox" name="problem3" value="Yes" id="gc-rprt-prblm-f3" />Information is missing
- </label>
- <input name="problem3" type="hidden" value="No" />
- </div>
- <div class="checkbox">
- <label for="gc-rprt-prblm-f4">
- <input type="checkbox" name="problem4" value="Yes" id="gc-rprt-prblm-f4" />Information is outdated or wrong
- </label>
- <input name="problem4" type="hidden" value="No" />
- </div>
- <div class="checkbox">
- <label for="gc-rprt-prblm-f5">
- <input type="checkbox" name="problem5" value="Yes" id="gc-rprt-prblm-f5" />I can't find what I'm looking for
- </label>
- <input name="problem5" type="hidden" value="No" />
- </div>
- <div class="checkbox">
- <label for="gc-rprt-prblm-f6">
- <input type="checkbox" name="problem6" value="Yes" id="gc-rprt-prblm-f6" />Other issue not in this list
- </label>
- <input name="problem6" type="hidden" value="No" />
- </div>
- </fieldset>
- <button type="submit" class="btn btn-primary wb-toggle" data-toggle='{"stateOff": "hide", "stateOn": "show", "selector": ".gc-rprt-prblm-tggl"}'>Submit</button>
-</form>
+Here is a list of changes that happened since the previous iteration:
+Breaking | +
+
|
+
---|---|
Additions | +n/a | +
Fixes | +n/a | +
Here is a list of changes that happened since the previous iteration:
+Breaking | +
+
|
+
---|---|
Additions | +n/a | +
Fixes | +n/a | +
Affiche le formulaire de commentaires sur la page
+Obtenir une rétroaction des utilisateurs sur une page donnée via un formulaire.
+ +Il n'y a pas d'évaluation ni de rapport disponible pour cette composante.
-Ce composant prend en charge les 2 variantes suivantes :
+ +Les deux variantes sont composées de deux sous-composants :
+Pour afficher le formulaire de commentaires de page, créez une code><div> avec l'attribut de données suivant : data-ajax-replace="ajax/report-problem-fr.html"
.
Pour la version HTML simplifiée, un élément de lien doit être créé qui pointe vers la page du formulaire de signalement d'un problème : <a class="btn btn-default btn-block" href="https://www.canada.ca/fr/signaler-probleme.html">Signaler un problème sur cette page</a>
Pour plus d'informations sur le plugiciel Data Ajax, veuillez visiter Page de documentation Data Ajax
-<div>
avec l'attribut suivant : data-ajax-replace="ajax/page-feedback-fr.html"
.<div>
qui pointe vers la page du formulaire de signalement d'un problème : <div><a class="btn btn-default btn-block" href="https://www.canada.ca/fr/signaler-probleme.html">Signaler un problème sur cette page</a></div>
.Pour plus d'informations sur le plugin Data Ajax, veuillez visiter la page de documentation Data Ajax.
+ +La variante de l'outil de rétroaction sur la page exploite JSON Manager et Data JSON pour obtenir des informations sur la page et générer des champs de saisie masqués dans le formulaire.
+
Voici la liste des balises qui doivent être présentes dans la page :
+<meta name="dcterms.creator" content="[Nom du service]">
(peut être vide)gc:institutions/service-canada
<meta name="dcterms.subject" content="[Section/catégorie de la page actuelle]">
<meta name="dcterms.type" content="[Thème de la page actuelle]">
Voici la liste complète des champs de saisie masqués générés :
+<input type="hidden" name="pageTitle" value="[Titre de la page actuelle]">
<input type="hidden" name="language" value="[Langue de la page actuelle (en ou fr)]">
<input type="hidden" name="submissionPage" value="[URL de la page actuelle]">
<input type="hidden" name="institutionopt" value="[Nom du département]">
<input type="hidden" name="themeopt" value="[Thème de la page actuelle]">
<input type="hidden" name="sectionopt" value="[Section/catégorie de la page actuelle]">
Il n'y a pas d'évaluation ni de rapport disponible pour ce composant.
+Majeurs | +
+
|
+ ||||
---|---|---|---|---|---|
Classe CSS | -Gabarit | -Rendu visuel | -Schéma | +Additions | +n/a |
n.d. | -Version 2.0 | -n.d. | -n.d. | +Correctifs | +n/a |
Notes sur la migration du gabarit
-Le html inséré par le plugiciel Data Ajax se trouve sur la page suivante : https://github.com/wet-boew/GCWeb/blob/master/sites/feedback/ajax/report-problem-fr.html.
-<div data-ajax-replace="ajax/report-problem-fr.html">
- <div class="row row-no-gutters">
- <div class="col-sm-11 col-md-7 col-lg-6">
- <a class="btn btn-default btn-block" href="https://www.canada.ca/fr/signaler-probleme.html">Signaler un problème ou une erreur sur cette page </a>
- </div>
- </div>
-</div>
- <details class="brdr-0">
- <summary class="btn btn-default text-center">Signaler un problème sur cette page</summary>
- <div class="well row">
- <div class="gc-rprt-prblm">
- <div class="gc-rprt-prblm-frm gc-rprt-prblm-tggl" >
- { formulaire de commentaires }
- </div>
- <div class="gc-rprt-prblm-thnk gc-rprt-prblm-tggl hide" >
- <h3>Merci pour votre aide !</h3>
- <p>Vous ne recevrez pas de réponse. Pour toute demande, veuillez <a href="https://www.canada.ca/fr/contact.html">nous contacter</a>.</p>
- </div>
- </div>
- </div>
-</details>
- Référence des fichiers ajax implémentés
+<div>
avec l'attribut suivant : data-ajax-replace="ajax/report-problem-fr.html"
.<div>
qui pointe vers la page du formulaire de signalement d'un problème : <div><a class="btn btn-default btn-block" href="https://www.canada.ca/fr/signaler-probleme.html">Signaler un problème sur cette page</a></div>
.Pour plus d'informations sur le plugin Data Ajax, veuillez visiter la page de documentation Data Ajax.
+Pour implémenter Adobe Analytics dans le formulaire Signaler un problème, ajoutez simplement l'attribut data-gc-analytics-rap
à chaque case à cocher avec la valeur étant la même que le "label" de la langue actuelle, suivie d'un tiret et suivi par le "label" de l'autre langue.
Par exemple :
+<div class="checkbox">
+ <label for="problem2">
+ <input name="problem2" id="problem2" type="checkbox" value="Yes" data-gc-analytics-rap="Il y a une erreur d'orthographe ou de grammaire-It has a spelling mistake">Il y a une erreur d'orthographe ou de grammaire
+ </label>
+ <input name="problem2" type="hidden" value="">
+</div>
+<form action="/sites/feedback/feedback-form-destination.html" id="gc-rprt-prblm-form" class="wb-postback" data-wb-postback="{"success":".success-message","failure":".failure-message","content":".form-content"}">
- <fieldset>
- <legend>
- <span class="field-name">Veuillez sélectionner toutes les cases qui s'appliquent :</span>
- </legend>
- <div class="checkbox">
- <label for="problem1">
- <input name="problem1" id="problem1" type="checkbox" value="Yes" >Un lien, un bouton ou une vidéo ne fonctionne pas
- </label>
- <input name="problem1" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem2">
- <input name="problem2" id="problem2" type="checkbox" value="Yes" >Il y a une erreur d'orthographe ou de grammaire
- </label>
- <input name="problem2" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem3">
- <input name="problem3" id="problem3" type="checkbox" value="Yes" >Les renseignements sont incomplets
- </label>
- <input name="problem3" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem4">
- <input name="problem4" id="problem4" type="checkbox" value="Yes" >L'information n'est plus à jour ou est erronée
- </label>
- <input name="problem4" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem5">
- <input name="problem5" id="problem5" type="checkbox" value="Yes" >Message d'erreur à l'ouverture de la session lorsque je tente d'accéder à un compte
- </label>
- <input name="problem5" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem11">
- <input name="problem11" id="problem11" type="checkbox" value="Yes" >Je n'arrive pas à trouver ce que je cherche
- </label>
- <input name="problem11" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem12">
- <input name="problem12" id="problem12" type="checkbox" value="Yes" >Autre problème qui ne figure pas sur cette liste
- </label>
- <input name="problem12" type="hidden" value="">
- </div>
- </fieldset>
- <strong><button type="submit" class="btn btn-primary">Soumettre</button></strong>
-</form><div class="success-message hide">
- <h3>Merci de votre aide!</h3>
- <p>Vous ne recevrez pas de réponse. Pour toute question, s’il vous plaît <a href="https://www.canada.ca/fr/contact.html">contactez-nous</a>.</p>
-</div>
-<p class="failure-message hide">Nous somme désolé, un problème est survenu lors de la soumission de votre formulaire. Veuillez nous envoyer l'information via une méthode alternative.</p>
-<form action="/sites/feedback/feedback-form-destination.html" id="gc-rprt-prblm-form" class="wb-postback" data-wb-postback="{"success":".success-message","failure":".failure-message","content":".form-content"}" >
- <fieldset>
- <legend>
- <span class="field-name">Veuillez sélectionner toutes les cases qui s'appliquent :</span>
- </legend>
- <div class="checkbox">
- <label for="problem1">
- <input name="problem1" id="problem1" type="checkbox" value="Yes" >Un lien, un bouton ou une vidéo ne fonctionne pas
- </label>
- <input name="problem1" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem2">
- <input name="problem2" id="problem2" type="checkbox" value="Yes" >Il y a une erreur d'orthographe ou de grammaire
- </label>
- <input name="problem2" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem3">
- <input name="problem3" id="problem3" type="checkbox" value="Yes" >Les renseignements sont incomplets
- </label>
- <input name="problem3" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem4">
- <input name="problem4" id="problem4" type="checkbox" value="Yes" >L'information n'est plus à jour ou est erronée
- </label>
- <input name="problem4" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem5">
- <input name="problem5" id="problem5" type="checkbox" value="Yes" >Message d'erreur à l'ouverture de la session lorsque je tente d'accéder à un compte (ex. Mon dossier Service Canada)
- </label>
- <input name="problem5" type="hidden" value="">
- </div>
- <ul>
- <li class="checkbox">
- <label for="problem6a">
- <input name="problem6" id="problem6a" type="checkbox" value="Yes" >Accès CléGC
- </label>
- <input name="problem6" type="hidden" value="">
- </li>
- <li class="checkbox">
- <label for="problem7">
- <input name="problem7" id="problem7" type="checkbox" value="Yes" >Accès SecureKey Service de Concierge (justificatifs d'identité bancaires)
- </label>
- <input name="problem7" type="hidden" value="">
- </li>
- <li class="checkbox">
- <label for="problem8">
- <input name="problem8" id="problem8" type="checkbox" value="Yes" >Problème avec le Code d'accès personnel (CAP) ou avec le Code d'accès (CA) de l'assurance emploi
- </label>
- <input name="problem8" type="hidden" value="">
- </li>
- <li class="checkbox">
- <label for="problem9">
- <input name="problem9" id="problem9" type="checkbox" value="Yes" >Problème lié à la validation du numéro d'assurance sociale (NAS)
- </label>
- <input name="problem9" type="hidden" value="">
- </li>
- <li class="checkbox">
- <label for="problem10">
- <input name="problem10" id="problem10" type="checkbox" value="Yes" >Autre erreur lors de l'ouverture de session qui ne figure pas sur cette liste
- </label>
- <input name="problem10" type="hidden" value="">
- </li>
- </ul>
- <div class="checkbox">
- <label for="problem11">
- <input name="problem11" id="problem11" type="checkbox" value="Yes" >Je n'arrive pas à trouver ce que je cherche
- </label>
- <input name="problem11" type="hidden" value="">
- </div>
- <div class="checkbox">
- <label for="problem12">
- <input name="problem12" id="problem12" type="checkbox" value="Yes" >Autre problème qui ne figure pas sur cette liste
- </label>
- <input name="problem12" type="hidden" value="">
- </div>
- </fieldset>
- <strong><button type="submit" class="btn btn-primary">Soumettre</button></strong>
-</form><div class="success-message hide">
- <h3>Merci de votre aide!</h3>
- <p>Vous ne recevrez pas de réponse. Pour toute question, s'il vous plaît <a href="https://www.canada.ca/fr/contact.html">contactez-nous</a>.</p>
-</div>
-<p class="failure-message hide">Nous somme désolé, un problème est survenu lors de la soumission de votre formulaire. Veuillez nous envoyer l'information via une méthode alternative.</p>
-<form action="#">
- <fieldset>
- <legend><span class="field-name">Veuillez cocher toutes les réponses pertinentes :</span></legend>
- <div class="checkbox">
- <label for="gc-rprt-prblm-f1">
- <input type="checkbox" name="problem1" value="Oui" id="gc-rprt-prblm-f1" />Un lien, un bouton ou une vidéo ne fonctionne pas
- </label>
- <input name="problem1" type="hidden" value="Non" />
- </div>
- <div class="checkbox">
- <label for="gc-rprt-prblm-f2">
- <input type="checkbox" name="problem2" value="Oui" id="gc-rprt-prblm-f2" />Il y a une erreur d'orthographe ou de grammaire
- </label>
- <input name="problem2" type="hidden" value="Non" />
- </div>
- <div class="checkbox">
- <label for="gc-rprt-prblm-f3">
- <input type="checkbox" name="problem3" value="Oui" id="gc-rprt-prblm-f3" />Les renseignements sont incomplets
- </label>
- <input name="problem3" type="hidden" value="Non" />
- </div>
- <div class="checkbox">
- <label for="gc-rprt-prblm-f4">
- <input type="checkbox" name="problem4" value="Oui" id="gc-rprt-prblm-f4" />L'information n'est plus à jour ou est erronée
- </label>
- <input name="problem4" type="hidden" value="Non" />
- </div>
- <div class="checkbox">
- <label for="gc-rprt-prblm-f5">
- <input type="checkbox" name="problem5" value="Oui" id="gc-rprt-prblm-f5" />Je n'arrive pas à trouver ce que je cherche
- </label>
- <input name="problem5" type="hidden" value="Non" />
- </div>
- <div class="checkbox">
- <label for="gc-rprt-prblm-f6">
- <input type="checkbox" name="problem6" value="Oui" id="gc-rprt-prblm-f6" />Autre problème qui ne figure pas sur cette liste
- </label>
- <input name="problem6" type="hidden" value="Non" />
- </div>
- </fieldset>
- <button type="submit" class="btn btn-primary wb-toggle" data-toggle='{"stateOff": "hide", "stateOn": "show", "selector": ".gc-rprt-prblm-tggl"}'>Soumettre</button>
-</form>
+La variante Signaler un problème utilise JSON Manager et Data JSON pour obtenir des informations sur la page et générer des champs de saisie masqués dans le formulaire.
+
Voici la liste des balises qui doivent être présentes dans la page :
+<meta name="author" content="[Nom du service]">
gc:institutions/service-canada
+ <meta name="dcterms.subject" content="[Le sujet de la page]">
Voici la liste complète des champs de saisie masqués générés dans le formulaire :
+<input type="hidden" name="pageOwner" value="[Votre département]">
<input type="hidden" name="subject" value="[Le sujet de la page courante]">
<input type="hidden" name="externalReferer" value="[L'URL de la page de référence]">
<input type="hidden" name="submissionPage" value="[L'URL de la page courante]">
<input type="hidden" name="pageTitle" value="[Le titre de la page courante]">
<input type="hidden" name="lang" value="[La langue de la page courante (en ou fr)]">
Voici une liste des changements qui se sont produits depuis l'itération précédente :
+Majeurs | +
+
|
+
---|---|
Additions | +n/a | +
Correctifs | +n/a | +
Here is a list of changes that happened since the previous itération:
+Majeurs | +
+
|
+
---|---|
Additions | +n/a | +
Correctifs | +n/a | +
This page feedback form leverage the version 2 of the page-details container which leverage the data ajax plugin.
-Data ajax replace links:
-The version 2 of the page-details container leverage a progressive enhancement design and that is why a link element need be created to point at the report a problem form page: <a class="btn btn-default btn-block" href="https://www.canada.ca/en/report-problem.html">Report a problem on this page</a>
. You can experience that fallback through the basic HTML version mode.
<div data-ajax-replace="ajax/report-problem-en.html">
- <div class="row row-no-gutters">
- <div class="col-sm-9 col-md-6 col-lg-5">
- <a class="btn btn-default btn-block" href="https://www.canada.ca/en/report-problem.html">Report a problem on this page</a>
- </div>
- </div>
-</div>
diff --git a/sites/feedback/feedback-fr.html b/sites/feedback/feedback-fr.html
deleted file mode 100644
index ff2d5392b6..0000000000
--- a/sites/feedback/feedback-fr.html
+++ /dev/null
@@ -1,30 +0,0 @@
----
-{
- "title": "Formulaire de commentaires de la page",
- "language": "fr",
- "altLangPage": "feedback-en.html",
- "breadcrumbs": [
- { "title": "Canada.ca", "link": "https://www.canada.ca/en.html" }
- ],
- "secondlevel": false,
- "dateModified": "2022-04-26",
- "share": "true",
- "feedbackPath": "ajax/report-problem-fr.html"
-}
----
-Ce formulaire de commentaires de page exploite la version 2 du conteneur page-details qui exploite le plugiciel data ajax.
-Data ajax remplace les liens :
-La version 2 du conteneur page-details implique une conception d'amélioration progressive et c'est pourquoi un lien doit être créé pour pointer vers la page du formulaire de signalement d'un problème : <a class="btn btn-default btn-block" href="https://www.canada.ca/fr/signaler-probleme.html">Signaler un problème sur cette page</a>
. Vous pouvez faire l'expérience de ce repli via le mode de version HTML de base.
<div data-ajax-replace="ajax/report-problem-fr.html">
- <div class="row row-no-gutters">
- <div class="col-sm-11 col-md-7 col-lg-6">
- <a class="btn btn-default btn-block" href="https://www.canada.ca/fr/signaler-probleme.html">Signaler un problème ou une erreur sur cette page </a>
- </div>
- </div>
-</div>
diff --git a/sites/feedback/includes/feedback.html b/sites/feedback/includes/feedback.html
index 7d15638f0b..a8a75b2e12 100644
--- a/sites/feedback/includes/feedback.html
+++ b/sites/feedback/includes/feedback.html
@@ -2,7 +2,7 @@
{%- if page.feedbackPath -%}
{{ page.feedbackPath }}
{%- elsif site.global.feedbackPath and site.global.feedbackPath.first -%}
- {{ site.global.feedbackPath[ i18nText-lang ] | relative_url }}
+ {{ site.global.feedbackPath[ i18nText-lang ] }}
{%- endif -%}
{%- endcapture -%}
diff --git a/sites/feedback/index.json-ld b/sites/feedback/index.json-ld
index 355bb2467f..3a5e074138 100644
--- a/sites/feedback/index.json-ld
+++ b/sites/feedback/index.json-ld
@@ -7,39 +7,49 @@
"modified": "dct:modified"
},
"title": {
- "en": "Report a problem (RAP) - Feedback",
- "fr": "Signaler un problème (SUP) - Commentaires"
+ "en": "Feedback area",
+ "fr": "Zone de rétroaction"
},
"description": {
- "en": "Documentation on how to use the page feedback form.",
- "fr": "Documentation sur l'utilisation de formulaire de commentaires de page."
+ "en": "Documentation on how to use the elements of the feedback area.",
+ "fr": "Documentation sur l'utilisation des éléments de la zone commentaires."
},
- "modified": "2022-04-26",
+ "modified": "2023-01-10",
"componentName": "feedback",
"status": "stable",
"pages": {
"docs": [
{
- "title": "Documentation for Page feedback form",
+ "title": "Documentation for the feedback area",
"language": "en",
"path": "feedback-docs-en.html"
},
{
- "title": "Documentation pour formulaire de commentaire de page",
+ "title": "Documentation pour la zone de rétroaction",
"language": "fr",
"path": "feedback-docs-fr.html"
}
],
"examples": [
{
- "title": "Page feedback form",
+ "title": "Report a problem",
"language": "en",
- "path": "feedback-en.html"
+ "path": "report-problem-en.html"
},
{
- "title": "Formulaire de commentaire de page",
+ "title": "Signaler un problème",
"language": "fr",
- "path": "feedback-fr.html"
+ "path": "report-problem-fr.html"
+ },
+ {
+ "title": "Page feedback tool",
+ "language": "en",
+ "path": "page-feedback-en.html"
+ },
+ {
+ "title": "Outil de rétroaction sur la page",
+ "language": "fr",
+ "path": "page-feedback-fr.html"
}
]
}
diff --git a/sites/feedback/page-feedback-en.html b/sites/feedback/page-feedback-en.html
new file mode 100644
index 0000000000..30be8508b5
--- /dev/null
+++ b/sites/feedback/page-feedback-en.html
@@ -0,0 +1,19 @@
+---
+{
+ "altLangPage": "page-feedback-fr.html",
+ "breadcrumbs": [
+ { "title": "GCWeb home", "link": "https://wet-boew.github.io/GCWeb/index-en.html" }
+ ],
+ "dateModified": "2023-01-10",
+ "description": "Page feedback tool for Canada.ca",
+ "language": "en",
+ "title": "Page feedback tool",
+ "share": "true"
+}
+---
+
+
+{{ pft_why_note_nojs }}
-{{ pft_why_note_js }}
-{{ pft_problem6_note }}
-