diff --git a/_config.yml b/_config.yml index 073a45544f..1833e6a932 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: "/sites/feedback/ajax/page-feedback-en.html" + fr: "/sites/feedback/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 9dc6696597..ada8194f87 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" } ] } @@ -334,50 +344,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": { "@version": 2.0, 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 e119225571..b71a6d2983 100644 --- a/package-lock.json +++ b/package-lock.json @@ -956,7 +956,7 @@ "boom": { "version": "0.4.2", "resolved": "https://registry.npmjs.org/boom/-/boom-0.4.2.tgz", - "integrity": "sha512-OvfN8y1oAxxphzkl2SnCS+ztV/uVKTATtgLjWYg/7KwcNyf3rzpHxNQJZCKtsZd4+MteKczhWbSjtEX4bGgU9g==", + "integrity": "sha1-emNune1O/O+xnO9JR6PGffrukRs=", "dev": true, "optional": true, "requires": { @@ -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", @@ -1814,7 +1814,7 @@ "cryptiles": { "version": "0.2.2", "resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-0.2.2.tgz", - "integrity": "sha512-gvWSbgqP+569DdslUiCelxIv3IYK5Lgmq1UrRnk+s1WxQOQ16j3GPDcjdtgL5Au65DU/xQi6q3xPtf5Kta+3IQ==", + "integrity": "sha1-7ZH/HxetE9N0gohZT4pIoNJvMlw=", "dev": true, "optional": true, "requires": { @@ -1866,7 +1866,7 @@ "ctype": { "version": "0.5.3", "resolved": "https://registry.npmjs.org/ctype/-/ctype-0.5.3.tgz", - "integrity": "sha512-T6CEkoSV4q50zW3TlTHMbzy1E5+zlnNcY+yb7tWVYlTwPhx9LpnfAkd4wecpWknDyptp4k97LUZeInlf6jdzBg==", + "integrity": "sha1-gsGMJGH3QRTvFsE1IkrQuRRMoS8=", "dev": true, "optional": true }, @@ -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", @@ -5221,7 +5221,7 @@ "grunt-wget": { "version": "0.1.3", "resolved": "https://registry.npmjs.org/grunt-wget/-/grunt-wget-0.1.3.tgz", - "integrity": "sha512-6+4Z9DZE9YEmUsDeUDZQot7vUdmY2vQuU6uK3q95Q618hP7BC0+Ey+DmoKZg+ASySd3pAuUGCCKy+wkJzwGyNw==", + "integrity": "sha1-o9O9OKT0cRlGECcwJSIJyB9ABoI=", "dev": true, "requires": { "async": "~0.2.10", @@ -5231,28 +5231,28 @@ "asn1": { "version": "0.1.11", "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.1.11.tgz", - "integrity": "sha512-Fh9zh3G2mZ8qM/kwsiKwL2U2FmXxVsboP4x1mXjnhKHv3SmzaBZoYvxEQJz/YS2gnCgd8xlAVWcZnQyC9qZBsA==", + "integrity": "sha1-VZvhg3bQik7E2+gId9J4GGObLfc=", "dev": true, "optional": true }, "assert-plus": { "version": "0.1.5", "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.1.5.tgz", - "integrity": "sha512-brU24g7ryhRwGCI2y+1dGQmQXiZF7TtIj583S96y0jjdajIe6wn8BuXyELYhvD22dtIxDQVFk04YTJwwdwOYJw==", + "integrity": "sha1-7nQAlBMALYTOxyGcasgRgS5yMWA=", "dev": true, "optional": true }, "aws-sign2": { "version": "0.5.0", "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.5.0.tgz", - "integrity": "sha512-oqUX0DM5j7aPWPCnpWebiyNIj2wiNI87ZxnOMoGv0aE4TGlBy2N+5iWc6dQ/NOKZaBD2W6PVz8jtOGkWzSC5EA==", + "integrity": "sha1-xXED96F/wDfwLXwuZLYC6iI/fWM=", "dev": true, "optional": true }, "combined-stream": { "version": "0.0.7", "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-0.0.7.tgz", - "integrity": "sha512-qfexlmLp9MyrkajQVyjEDb0Vj+KhRgR/rxLiVhaihlT+ZkX0lReqtH6Ack40CvMDERR4b5eFp3CreskpBs1Pig==", + "integrity": "sha1-ATfmV7qlp1QcV6w3rF/AfXO03B8=", "dev": true, "optional": true, "requires": { @@ -5262,20 +5262,20 @@ "delayed-stream": { "version": "0.0.5", "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-0.0.5.tgz", - "integrity": "sha512-v+7uBd1pqe5YtgPacIIbZ8HuHeLFVNe4mUEyFDXL6KiqzEykjbw+5mXZXpGFgNVasdL4jWKgaKIXrEHiynN1LA==", + "integrity": "sha1-1LH0OpPoKW3+AmlPRoC8N6MTxz8=", "dev": true, "optional": true }, "forever-agent": { "version": "0.5.2", "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.5.2.tgz", - "integrity": "sha512-PDG5Ef0Dob/JsZUxUltJOhm/Y9mlteAE+46y3M9RBz/Rd3QVENJ75aGRhN56yekTUboaBIkd8KVWX2NjF6+91A==", + "integrity": "sha1-bQ4JxJIflKJ/Y9O0nF/v8epMUTA=", "dev": true }, "form-data": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/form-data/-/form-data-0.1.4.tgz", - "integrity": "sha512-x8eE+nzFtAMA0YYlSxf/Qhq6vP1f8wSoZ7Aw1GuctBcmudCNuTUmmx45TfEplyb6cjsZO/jvh6+1VpZn24ez+w==", + "integrity": "sha1-kavXiKupcCsaq/qLwBAxoqyeOxI=", "dev": true, "optional": true, "requires": { @@ -5287,7 +5287,7 @@ "async": { "version": "0.9.2", "resolved": "https://registry.npmjs.org/async/-/async-0.9.2.tgz", - "integrity": "sha512-l6ToIJIotphWahxxHyzK9bnLR6kM4jJIIgLShZeqLY7iboHoGkdgFl7W2/Ivi4SkMJYGKqW8vSuk0uKUj6qsSw==", + "integrity": "sha1-rqdNXmHB+JlhO/ZL2mbUx48v0X0=", "dev": true, "optional": true } @@ -5296,7 +5296,7 @@ "http-signature": { "version": "0.10.1", "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-0.10.1.tgz", - "integrity": "sha512-coK8uR5rq2IMj+Hen+sKPA5ldgbCc1/spPdKCL1Fw6h+D0s/2LzMcRK0Cqufs1h0ryx/niwBHGFu8HC3hwU+lA==", + "integrity": "sha1-T72sEyVZqoMjEh5UB3nAoBKyfmY=", "dev": true, "optional": true, "requires": { @@ -5308,33 +5308,33 @@ "mime": { "version": "1.2.11", "resolved": "https://registry.npmjs.org/mime/-/mime-1.2.11.tgz", - "integrity": "sha512-Ysa2F/nqTNGHhhm9MV8ure4+Hc+Y8AWiqUdHxsO7xu8zc92ND9f3kpALHjaP026Ft17UfxrMt95c50PLUeynBw==", + "integrity": "sha1-WCA+7Ybjpe8XrtK32evUfwpg3RA=", "dev": true, "optional": true }, "mime-types": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-1.0.2.tgz", - "integrity": "sha512-echfutj/t5SoTL4WZpqjA1DCud1XO0WQF3/GJ48YBmc4ZMhCK77QA6Z/w6VTQERLKuJ4drze3kw2TUT8xZXVNw==", + "integrity": "sha1-mVrhOSq4r/y/yyZB3QVOlDwNXc4=", "dev": true }, "oauth-sign": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.3.0.tgz", - "integrity": "sha512-Tr31Sh5FnK9YKm7xTUPyDMsNOvMqkVDND0zvK/Wgj7/H9q8mpye0qG2nVzrnsvLhcsX5DtqXD0la0ks6rkPCGQ==", + "integrity": "sha1-y1QPk7srIqfVlBaRoojWDo6pOG4=", "dev": true, "optional": true }, "qs": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/qs/-/qs-1.0.2.tgz", - "integrity": "sha512-tHuOP9TN/1VmDM/ylApGK1QF3PSIP8I6bHDEfoKNQeViREQ/sfu1bAUrA1hoDun8p8Tpm7jcsz47g+3PiGoYdg==", + "integrity": "sha1-UKk+K1r2aRwxvOpdrnjubqGQN2g=", "dev": true }, "request": { "version": "2.40.0", "resolved": "https://registry.npmjs.org/request/-/request-2.40.0.tgz", - "integrity": "sha512-waNoGB4Z7bPn+lgqPk7l7hhze4Vd68jKccnwLeS7vr9GMxz0iWQbYTbBNWzfIk87Urx7V44pu29qjF/omej+Fw==", + "integrity": "sha1-TdZw9pbx5uhC5mtLXoOTAaub62c=", "dev": true, "requires": { "aws-sign2": "~0.5.0", @@ -5355,7 +5355,7 @@ "tunnel-agent": { "version": "0.4.3", "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.4.3.tgz", - "integrity": "sha512-e0IoVDWx8SDHc/hwFTqJDQ7CCDTEeGhmcT9jkWJjoGQSpgBz20nAMr80E3Tpk7PatJ1b37DQDgJR3CNSzcMOZQ==", + "integrity": "sha1-Y3PbdpCf5XDgjXNYM2Xtgop07us=", "dev": true, "optional": true } @@ -5711,7 +5711,7 @@ "hawk": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/hawk/-/hawk-1.1.1.tgz", - "integrity": "sha512-am8sVA2bCJIw8fuuVcKvmmNnGFUGW8spTkVtj2fXTEZVkfN42bwFZFtDem57eFi+NSxurJB8EQ7Jd3uCHLn8Vw==", + "integrity": "sha1-h81JH5tG5OKurKM1QWdmiF0tHtk=", "dev": true, "optional": true, "requires": { @@ -5807,7 +5807,7 @@ "hoek": { "version": "0.9.1", "resolved": "https://registry.npmjs.org/hoek/-/hoek-0.9.1.tgz", - "integrity": "sha512-ZZ6eGyzGjyMTmpSPYVECXy9uNfqBR7x5CavhUaLOeD6W0vWK1mp/b7O3f86XE0Mtfo9rZ6Bh3fnuw9Xr8MF9zA==", + "integrity": "sha1-PTIkYrrfB3Fup+uFuviAec3c5QU=", "dev": true, "optional": true }, @@ -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" } @@ -10382,7 +10382,7 @@ "sntp": { "version": "0.2.4", "resolved": "https://registry.npmjs.org/sntp/-/sntp-0.2.4.tgz", - "integrity": "sha512-bDLrKa/ywz65gCl+LmOiIhteP1bhEsAAzhfMedPoiHP3dyYnAevlaJshdqb9Yu0sRifyP/fRqSt8t+5qGIWlGQ==", + "integrity": "sha1-+4hfGLDzqtGJ+CSGJTa87ux1CQA=", "dev": true, "optional": true, "requires": { 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..99a66ca791 --- /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..6be274afed 100644
--- a/sites/feedback/feedback-docs-en.html
+++ b/sites/feedback/feedback-docs-en.html
@@ -1,294 +1,276 @@
---
{
- "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 3 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
-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 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]">
(can be empty)<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/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
+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]">
<meta name="dcterms.subject" content="[The subject of the page]">
Here is the full list of generated hidden inputs:
<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 3 variantes suivantes :
+ -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
-Il n'y a pas d'évaluation ni de rapport disponible pour ce composant.
+<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
+ +Classe CSS | -Gabarit | -Rendu visuel | -Schéma | +Majeurs | +
+
|
---|---|---|---|---|---|
n.d. | Version 2.0 | n.d. | @@ -290,4 +322,108 @@Additions | +n/a | +|
Correctifs | +n/a | +
<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>
+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/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/gc-page-feedback/gc-page-feedback-en.html b/sites/feedback/page-feedback-en.html
similarity index 54%
rename from sites/gc-page-feedback/gc-page-feedback-en.html
rename to sites/feedback/page-feedback-en.html
index 7bebd0b857..7ea99a1889 100644
--- a/sites/gc-page-feedback/gc-page-feedback-en.html
+++ b/sites/feedback/page-feedback-en.html
@@ -1,23 +1,20 @@
---
{
- "altLangPage": "gc-page-feedback-fr.html",
+ "altLangPage": "page-feedback-fr.html",
"breadcrumbs": [
{ "title": "GCWeb home", "link": "https://wet-boew.github.io/GCWeb/index-en.html" }
],
"css": ["https://use.fontawesome.com/releases/v5.15.4/css/all.css"],
- "dateModified": "2022-12-06",
+ "dateModified": "2023-01-10",
"description": "Page feedback tool for Canada.ca",
"language": "en",
"title": "Page feedback tool",
- "pageFeedback": "true",
"share": "true"
}
---
{{ pft_why_note_nojs }}
-{{ pft_why_note_js }}
-{{ pft_problem6_note }}
-