From e240709e48d6bca2d926a2d4cc6090cb08750001 Mon Sep 17 00:00:00 2001 From: Eric Dunsworth <1907279+EricDunsworth@users.noreply.github.com> Date: Mon, 10 Jul 2023 16:14:10 -0400 Subject: [PATCH 001/100] Provisional alert include: Simplify link destination * Use the relative_url Liquid filter for the provisional page's link destination (makes it relative to baseurl) * Remove the provisionaldir and siteroot variables * Fixes broken links caused by incorrect relative paths * Spinoff of #2179 --- _includes/alert-provisional.html | 4 ++-- components/gc-featured-link/gc-featured-link-en.html | 2 +- components/gc-featured-link/gc-featured-link-fr.html | 2 +- components/gc-feeds/gc-feeds-en.html | 2 +- components/gc-feeds/gc-feeds-fr.html | 2 +- components/gc-most-requested/gc-most-requested-en.html | 2 +- components/gc-most-requested/gc-most-requested-fr.html | 2 +- components/gc-subway/aem-bad-implementation-en.html | 2 +- components/gc-subway/aem-bad-implementation-fr.html | 2 +- components/gc-subway/docs-en.html | 2 +- components/gc-subway/docs-fr.html | 2 +- components/gc-subway/index-en.html | 2 +- components/gc-subway/index-fr.html | 2 +- components/gc-subway/section-rel-info-en.html | 2 +- components/gc-subway/section-rel-info-fr.html | 2 +- components/gc-subway/section-subtitle-en.html | 2 +- components/gc-subway/section-subtitle-fr.html | 2 +- components/gc-subway/section1-en.html | 2 +- components/gc-subway/section1-fr.html | 2 +- components/gc-subway/section2-en.html | 2 +- components/gc-subway/section2-fr.html | 2 +- components/gc-subway/sub-section-en.html | 2 +- components/gc-subway/sub-section-fr.html | 2 +- components/gc-subway/sub-section-noline-en.html | 2 +- components/gc-subway/sub-section-noline-fr.html | 2 +- components/gc-table/gc-table-en.html | 2 +- components/gc-table/gc-table-fr.html | 2 +- components/wb-chtwzrd/chatwizard-en.html | 2 +- components/wb-chtwzrd/chatwizard-fr.html | 2 +- components/wb-chtwzrd/chatwizard-json-en.html | 2 +- components/wb-chtwzrd/chatwizard-json-fr.html | 2 +- templates/thematic/dark-theme-en.html | 2 +- templates/thematic/dark-theme-fr.html | 2 +- templates/thematic/pink-day-en.html | 2 +- templates/thematic/pink-day-fr.html | 2 +- 35 files changed, 36 insertions(+), 36 deletions(-) diff --git a/_includes/alert-provisional.html b/_includes/alert-provisional.html index 4fa4d438a6..8a4634e228 100644 --- a/_includes/alert-provisional.html +++ b/_includes/alert-provisional.html @@ -3,13 +3,13 @@
À être utilisé à vos propres risques. Toutes les fonctionnalités décrites ci-dessous pourraient être retirées à n'importe quelle version mineur/majeur ultérieure et l'ensemble des fonctionnalités provisoires sont exclues de l'API publique de GCWeb.
La documentation et/ou les exemples pratiques pourraient être incomplets ou être non disponible.
-Voir l'ensemble des fonctionnalités provisoires.
+Voir l'ensemble des fonctionnalités provisoires.
{%- elsif page.language == "en" -%}To be used at your own risks. All functionalities described below could be removed in any subsequent minor/major release and are excluded from the GCWeb public API.
Documentation and/or working examples for those features could be incomplete or not available.
- +This implementation of the GC-Subway plugin is deprecated and will be removed shortly.
Cette implémentation du plugiciel GC-Subway est obsolète et sera bientôt supprimée.
Some text here (Label info)
Some text here (Label info)
Some text here (Label info)
Some text here (Label info)
Some text here (Label info)
Some text here (Label info)
Some text here (Label info)
<dl>
+ <dt>Default label<dt>
+ <dd><p>Some text here <span class="label label-default">(Label info)</span></p></dd>
+ <dt>Primary label<dt>
+ <dd><p>Some text here <span class="label label-primary">(Label info)</span></p></dd>
+ <dt>Success label<dt>
+ <dd><p>Some text here <span class="label label-success">(Label info)</span></p></dd>
+ <dt>Info label<dt>
+ <dd><p>Some text here <span class="label label-info">(Label info)</span></p></dd>
+ <dt>Warning label<dt>
+ <dd><p>Some text here <span class="label label-warning">(Label info)</span></p></dd>
+ <dt>Danger label<dt>
+ <dd><p>Some text here <span class="label label-danger">(Label info)</span></p></dd>
+ <dt>Default label as a link<dt>
+ <dd><p>Some text here <a class="label label-default">(Label info)</a></p></dd>
+</dl>
+
+Web Experience Toolkit Style Guide - Labels
diff --git a/components/labels/labels-fr.html b/components/labels/labels-fr.html new file mode 100644 index 0000000000..87f053cbe9 --- /dev/null +++ b/components/labels/labels-fr.html @@ -0,0 +1,56 @@ +--- +{ + "title": "Étiquettes", + "language": "fr", + "altLangPage": "labels-en.html", + "breadcrumbs": [ + { "title": "GCWeb home", "link": "https://wet-boew.github.io/GCWeb/index-fr.html" } + ], + "description": "Les étiquettes sont utilisés pour décrire et mettre en surbrillance des renseignements textuels (non numériques).", + "dateModified": "2023-07-11" +} +--- + + + + + +Du texte ici (Information sur l'étiquette)
Du texte ici (Information sur l'étiquette)
Du texte ici (Information sur l'étiquette)
Du texte ici (Information sur l'étiquette)
Du texte ici (Information sur l'étiquette)
Du texte ici (Information sur l'étiquette)
Du texte ici (Information sur l'étiquette)
<dl>
+ <dt>Étiquette par défaut<dt>
+ <dd><p>Du texte ici <span class="label label-default">(Information sur l'étiquette)</span></p></dd>
+ <dt>Étiquette primaire<dt>
+ <dd><p>Du texte ici <span class="label label-primary">(Information sur l'étiquette)</span></p></dd>
+ <dt>Étiquette de succès<dt>
+ <dd><p>Du texte ici <span class="label label-success">(Information sur l'étiquette)</span></p></dd>
+ <dt>Étiquette de renseignements<dt>
+ <dd><p>Du texte ici <span class="label label-info">(Information sur l'étiquette)</span></p></dd>
+ <dt>Étiquette d'avertissement<dt>
+ <dd><p>Du texte ici <span class="label label-warning">(Information sur l'étiquette)</span></p></dd>
+ <dt>Étiquette de danger<dt>
+ <dd><p>Du texte ici <span class="label label-danger">(Information sur l'étiquette)</span></p></dd>
+ <dt>Étiquette par défaut sous forme de lien<dt>
+ <dd><p>Du texte ici <a class="label label-default">(Information sur l'étiquette)</a></p></dd>
+</dl>
+
+Guide de style de la boîte à outils de l'expérience Web - Étiquettes
From b6457634cc21db5beba6094c7959a0fac11e2f4c Mon Sep 17 00:00:00 2001 From: shiva-scDownload links are used for referencing and linking to non-HTML files on Canada.ca web pages.
- -The In-Page Table of Contents Pattern is a list of links that lead to subsections of the same page. This pattern is intended for long documents that exist as a single page.
diff --git a/components/components-fr.html b/components/components-fr.html index 151eb1e96f..98e2a4ff66 100644 --- a/components/components-fr.html +++ b/components/components-fr.html @@ -15,35 +15,11 @@ -Les liens de téléchargement servent à renvoyer ou à lier à des fichiers de format autre que HTML sur les pages Web de Canada.ca.
- -La configuration relative à la table des matières à l’intérieur de la page consiste en une liste de liens dirigeant vers des sous-sections de la même page. Cette configuration est utilisée pour les longs documents présentés sur une seule page.
diff --git a/components/gc-dwnld/_base.scss b/components/gc-dwnld/_base.scss new file mode 100644 index 0000000000..eb18c0f357 --- /dev/null +++ b/components/gc-dwnld/_base.scss @@ -0,0 +1,23 @@ +// Download link box +.gc-dwnld { + + .gc-dwnld-txt { + text-decoration: underline; + + &:hover { + text-decoration: none; + } + + span { + display: block; + } + } + + .gc-dwnld-img { + margin-bottom: 0; + } + + p { + margin-bottom:0; + } +} diff --git a/components/gc-dwnld/download_link-en.html b/components/gc-dwnld/download_link-en.html new file mode 100644 index 0000000000..3bf0760b73 --- /dev/null +++ b/components/gc-dwnld/download_link-en.html @@ -0,0 +1,53 @@ +--- +{ + "title": "Download link example", + "language": "en", + "altLangPage": "download_link-fr.html", + "breadcrumbs": [ + { "title": "GCWeb home", "link": "https://wet-boew.github.io/GCWeb/index-en.html" } + ], + "dateModified": "2023-04-20" +} +--- + + +Download links are used for referencing and linking to non-HTML files on Canada.ca web pages.
+ +Code
+<div class="row">
+ <div class="col-sm-4">
+ <a class="gc-dwnld-lnk" href="#">
+ <div class="well gc-dwnld">
+ <div class="row">
+ <div class="col-xs-4">
+ <p><img class="img-responsive thumbnail gc-dwnld-img" src="./../../templates/img/doc.png" alt="" /></p>
+ </div>
+ <div class="col-xs-8">
+ <p class="gc-dwnld-txt">
+ <span>Document Title</span>
+ <span class="gc-dwnld-info">(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="KiloByte">KB</abbr>)</span>
+ </p>
+ </div>
+ </div>
+ </div>
+ </a>
+ </div>
+</div>
diff --git a/components/gc-dwnld/download_link-fr.html b/components/gc-dwnld/download_link-fr.html
new file mode 100644
index 0000000000..3e26ae74c2
--- /dev/null
+++ b/components/gc-dwnld/download_link-fr.html
@@ -0,0 +1,53 @@
+---
+{
+ "title": "Lien de téléchargement",
+ "language": "fr",
+ "altLangPage": "download_link-en.html",
+ "breadcrumbs": [
+ { "title": "GCWeb home", "link": "https://wet-boew.github.io/GCWeb/index-en.html" }
+ ],
+ "dateModified": "2023-04-20"
+}
+---
+
+
+Les liens de téléchargement servent à renvoyer ou à lier à des fichiers de format autre que HTML sur les pages Web de Canada.ca.
+ +Code
+<div class="row">
+ <div class="col-sm-4">
+ <a class="gc-dwnld-lnk" href="#">
+ <div class="well gc-dwnld">
+ <div class="row">
+ <div class="col-xs-4">
+ <p><img class="img-responsive thumbnail gc-dwnld-img" src="./../../templates/img/doc.png" alt="" /></p>
+ </div>
+ <div class="col-xs-8">
+ <p class="gc-dwnld-txt">
+ <span>Titre du document</span>
+ <span class="gc-dwnld-info">(<abbr lang="en" title="Portable Document Format">PDF</abbr>, 273 <abbr title="kilo octet">Ko</abbr>)</span>
+ </p>
+ </div>
+ </div>
+ </div>
+ </a>
+ </div>
+</div>
diff --git a/components/gc-dwnld/index.json-ld b/components/gc-dwnld/index.json-ld
new file mode 100644
index 0000000000..f8eecc49d1
--- /dev/null
+++ b/components/gc-dwnld/index.json-ld
@@ -0,0 +1,34 @@
+{
+ "@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": "Download link",
+ "fr": "Lien de téléchargement"
+ },
+ "description": {
+ "en": "Download link with custom styles.",
+ "fr": "Lien de téléchargement avec des styles personalisés."
+ },
+ "modified": "2023-04-20",
+ "componentName": "gc-dwnld",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Download link",
+ "language": "en",
+ "path": "download_link-en.html"
+ },
+ {
+ "title": "Lien de téléchargement",
+ "language": "fr",
+ "path": "download_link-fr.html"
+ }
+ ]
+ }
+}
diff --git a/sites/theme.scss b/sites/theme.scss
index 32b29ef13b..a0bb8cddd0 100644
--- a/sites/theme.scss
+++ b/sites/theme.scss
@@ -160,6 +160,7 @@
@import "../components/base2";
@import "../components/provisional";
+@import "../components/gc-dwnld/base";
@import "../components/gc-nws/base";
@import "../components/gc-servinfo/base";
@import "../components/redacted";
From 715b69f2be4310398375794cf12cd315744e62cc Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 19 Jul 2023 01:49:14 +0000
Subject: [PATCH 004/100] Bump word-wrap from 1.2.3 to 1.2.4
Bumps [word-wrap](https://github.com/jonschlinkert/word-wrap) from 1.2.3 to 1.2.4.
- [Release notes](https://github.com/jonschlinkert/word-wrap/releases)
- [Commits](https://github.com/jonschlinkert/word-wrap/compare/1.2.3...1.2.4)
---
updated-dependencies:
- dependency-name: word-wrap
dependency-type: indirect
...
Signed-off-by: dependabot[bot] The page templates and design patterns below comprise a reference implementation of the Canada.ca design system, including the mandatory requirement of the Content and Information Architecture (C&IA) Specification. Government of Canada departments and agencies can contribute additional patterns and templates via GCWeb github repository.
diff --git a/index-fr.md b/index-fr.md index 3542a899f7..3031814c1f 100644 --- a/index-fr.md +++ b/index-fr.md @@ -1,7 +1,7 @@ --- title: GCWeb, le thème WET-BOEW de Canada.ca altLangPage: index-en.html -dateModified: 2023-07-11 +dateModified: 2023-07-18 description: "Page d'accueil décrivant l'ensemble des composants du thème de Canada.ca, nommé GCWeb." layout: no-container language: fr @@ -18,7 +18,7 @@ css:Les gabarits et les conceptions communes si dessous sont une référence d'implémentation du Système de conception de Canada.ca, incluant les exigences obligatoire de la spécifications du contenu et de l’architecture de l'information (C&AI) pour Canada.ca. Les ministères et organisme du gouvernement du Canada peuvent y contribuer en publiant leur modèle et leur conception commune via le dépôt github de GCWeb.
diff --git a/package-lock.json b/package-lock.json index 3dae6cb000..b3fd8b3e3f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "13.4.1", + "version": "13.5.0", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -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", @@ -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" } @@ -11594,8 +11594,8 @@ } }, "wet-boew": { - "version": "github:wet-boew/wet-boew#ca4d3a1e1674c8892f7e850721766c912a231c67", - "from": "github:wet-boew/wet-boew#v4.0.64.1", + "version": "github:wet-boew/wet-boew#baeacbbe4c856f6b74094710c38d34bcc8f51bc2", + "from": "github:wet-boew/wet-boew#v4.0.65", "requires": { "bootstrap-sass": "3.4.1", "code-prettify": "^0.1.0", diff --git a/package.json b/package.json index 2e0d14aef4..1da66ee7ed 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "13.4.1", + "version": "13.5.0", "description": "Web Experience Toolkit (WET): Canada.ca Theme Reorg", "main": "index.html", "scripts": { @@ -13,7 +13,7 @@ "license": "MIT", "dependencies": { "bootstrap-sass": "3.4.1", - "wet-boew": "github:wet-boew/wet-boew#v4.0.64.1" + "wet-boew": "github:wet-boew/wet-boew#v4.0.65" }, "browserslist": [ "last 2 versions", From 529715dce984ff7e8c7b84bdc6526899ebdf6e48 Mon Sep 17 00:00:00 2001 From: Eric Dunsworth <1907279+EricDunsworth@users.noreply.github.com> Date: Tue, 6 Dec 2022 11:21:43 -0500 Subject: [PATCH 007/100] Page feedback tool: Revamp General: * Rename "page success widget" to "page feedback tool" * Turn it into a site component Jekyll: * Change the tool into an include * Use sub-includes for parameter/string variable declarations * Add a pageFeedback variable to enable the tool in page templates * Add pageFeedback sub-variables to optionally override the default values of the tool's form parameters: * institutionopt * themeopt * sectionopt * pageTitle (true re-uses the current page's title, without " - Canada.ca") * language (true re-uses the current page's language) * submissionPage (true re-uses the current page's URL) * Update the page details footer include to accommodate the tool: * Declare col-modified = "col-xs-12" only once at the beginning of variable assignments * Support pageFeedback and prioritize it over report a problem * Make pageFeedback take priority over noReportProblem (i.e. setting former to true and latter to false will show the page feedback tool) SCSS: * Add new classes (tied to the gc-pft class): * nojs-col-sm-12 * nojs-pr-sm-0 * nojs-text-left * Increase the share widget's top margin to make it look vertically-centered when used alongside the tool in small/medium view and over * Depends on the has() pseudo-class HTML: * Rename the gc-pg-hlpfl id/class prefix to gc-pft * Rename the gc-pg-hlpfl-btn class to gc-pft-btns ("s" suffix) * Use a fieldset for "Did you find what you were looking for?" and its yes/no buttons * Change "Did you find what you were looking for?" into a legend * Improve layout: * Remove heading classes * Use form classes (i.e. chkbxrdio-grp, field-name and form-group) * Increase spacing between groups of content * Move the details field's secondary information paragraph below the field * JS mode: * Center-align "Did you find what you were looking for?" in extra-small view * Vertically-center "Did you find what you were looking for?" and yes/no buttons in small view and over * Noscript/Basic HTML mode: * Position the yes button directly below "Did you find what you were looking for?" in all views * Use aria-live regions to announce transition messages to screen reader users: * "Tell us why below:" upon pressing the no button * "Thank you for your feedback." upon pressing the yes button or submitting the no button's questionnaire * Add aria-describedby attributes to: * Programmatically-associate the yes button to the "If not, tell us why below:" paragraph in noscript/basic HTML mode (to make screen readers announce the no button's instructions right after the yes button) * Programmatically-associate the secondary information paragraph to the more details field Content: * Add a visually-hidden "Page feedback" H3 heading * Add a period to the end of "Thank you for your feedback" * Add "below" to the end of "If not, tell us why:" in noscript/basic HTML mode * Add a visually-hidden "Tell us why below:" paragraph in JS mode * Combine "Please provide more details" and "Maximum 300 characters" into the same label * Write all values in an "EN-FR" format, derived from labels Demo pages: * Add a standard demo page (pageFeedback enabled) * Add a custom demo page (pageFeedback with sub-variables) Provisional functionality page: * Portray the widget as stable in the feature availability table * Remove "page success widget" section/example Co-authored-by: David ElismaError: 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 new file mode 100644 index 0000000000..cad6a7932e --- /dev/null +++ b/_includes/page-details/footer.html @@ -0,0 +1,45 @@ + + diff --git a/components/provisional-en.html b/components/provisional-en.html index 60511cbeca..6ee0430af0 100644 --- a/components/provisional-en.html +++ b/components/provisional-en.html @@ -7,7 +7,7 @@ { "title": "GCWeb home", "link": "https://wet-boew.github.io/themes-dist/GCWeb/index-en.html" } ], "secondlevel": false, - "dateModified": "2021-01-19", + "dateModified": "2022-12-06", "share": "true" } --- @@ -93,9 +93,16 @@.gc-pg-hlpfl
"Page success widget" design pattern to let users share their experience on the page.
+Feature has been revised and renamed to "page feedback tool" (.gc-pft
):
.wb-chtwzrd
Planned to eventually replace Report a problem. Uses multiple features: wb-postback
and data-wb-doaction
plugins, as well as nojs-*
styles and Font Awesome.
.gc-pg-hlpfl
"Widget succès de page" configuration de conception pour laisser les utilisateurs partager leur expérience sur la page.
+Cette fonctionnalité a été révisée et renommée « outil de rétroaction sur la page » (.gc-pft
) :
.wb-chtwzrd
Est prévu pour remplacer Signaler un problème ou une erreur sur cette page éventuellement. Utilises plusieurs fonctionnalités : les plugiciels wb-postback
et data-wb-doaction
, ainsi que les styles nojs-*
puis Font Awesome.
jQuery selector that refer to an existing element on the page. This configuration option can be omited for a table filtering if the url-mapping is set directly on the table element.
+jQuery selector that refer to an existing element on the page. This configuration option can be omited for a table filtering if the url-mapping is set directly on the table element. This configuration option can also be omited for a selectinput.
Available for:
data-wb-urlmapping='{ "QueryStringToBeMapped": { "action": "tblfilter", "source": "#jQuerySelector" } }'
Required for table filtering, this specify on what value the filter should be applied. The {qval}
placeholder can be used in the value, but it must match the regular expression set by match
config, otherwise it will be replaced by an empty string.
Required for table filtering, this specify on what value the filter should be applied. The {qval}
placeholder can be used in the value, but it must match the regular expression set by match
config, otherwise it will be replaced by an empty string.
Required for selectinput
. Every input where their value
attribute matches this property will be selected.
Available for:
data-wb-urlmapping='{ "QueryStringToBeMapped": { "action": "tblfilter", "value": "a value to be filtered about" } }'
French:
data-wb-urlmapping='{ "QueryStringToBeMapped": { "action": "[Name of the action]" } }
jQuery selector that refer to an existing element on the page. This configuration option can be omited for a table filtering if the url-mapping is set directly on the table element.
+jQuery selector that refer to an existing element on the page. This configuration option can be omited for a table filtering if the url-mapping is set directly on the table element. This configuration option can also be omited for a selectinput.
Available for:
data-wb-urlmapping='{ "QueryStringToBeMapped": { "action": "tblfilter", "source": "#jQuerySelector" } }'
Required for table filtering, this specify on what value the filter should be applied. The {qval}
placeholder can be used in the value, but it must match the regular expression set by match
config, otherwise it will be replaced by an empty string.
Required for table filtering, this specify on what value the filter should be applied. The {qval}
placeholder can be used in the value, but it must match the regular expression set by match
config, otherwise it will be replaced by an empty string.
Required for selectinput
. Every input where their value
attribute matches this property will be selected.
Available for:
data-wb-urlmapping='{ "QueryStringToBeMapped": { "action": "tblfilter", "value": "a value to be filtered about" } }'
The page templates and design patterns below comprise a reference implementation of the Canada.ca design system, including the mandatory requirement of the Content and Information Architecture (C&IA) Specification. Government of Canada departments and agencies can contribute additional patterns and templates via GCWeb github repository.
diff --git a/index-fr.md b/index-fr.md index 2aa4ed1f0c..6a5219210e 100644 --- a/index-fr.md +++ b/index-fr.md @@ -1,7 +1,7 @@ --- title: GCWeb, le thème WET-BOEW de Canada.ca altLangPage: index-en.html -dateModified: 2023-11-21 +dateModified: 2023-12-12 description: "Page d'accueil décrivant l'ensemble des composants du thème de Canada.ca, nommé GCWeb." layout: no-container language: fr @@ -20,7 +20,7 @@ css:Les gabarits et les conceptions communes si dessous sont une référence d'implémentation du Système de conception de Canada.ca, incluant les exigences obligatoire de la spécifications du contenu et de l’architecture de l'information (C&AI) pour Canada.ca. Les ministères et organisme du gouvernement du Canada peuvent y contribuer en publiant leur modèle et leur conception commune via le dépôt github de GCWeb.
diff --git a/package-lock.json b/package-lock.json index 9847e3d89b..805f2b58b2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.1.0", + "version": "14.2.0", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -11598,8 +11598,8 @@ } }, "wet-boew": { - "version": "github:wet-boew/wet-boew#ea15b9f42adb34171f2de0fdbf2a77dc3b231829", - "from": "github:wet-boew/wet-boew#v4.0.71", + "version": "github:wet-boew/wet-boew#a0de995a8ff6a0c30707897982c817e0b5442f24", + "from": "github:wet-boew/wet-boew#v4.0.72", "requires": { "bootstrap-sass": "3.4.1", "code-prettify": "^0.1.0", diff --git a/package.json b/package.json index fae6bb76c4..ce1bbfae87 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.1.0", + "version": "14.2.0", "description": "Web Experience Toolkit (WET): Canada.ca Theme Reorg", "main": "index.html", "scripts": { @@ -13,7 +13,7 @@ "license": "MIT", "dependencies": { "bootstrap-sass": "3.4.1", - "wet-boew": "github:wet-boew/wet-boew#v4.0.71" + "wet-boew": "github:wet-boew/wet-boew#v4.0.72" }, "browserslist": [ "last 2 versions", From 468ff6aca04718716550eb25768d85cbbea569d4 Mon Sep 17 00:00:00 2001 From: Pierre Dubois<div class=\"wb-disable-allow\">
avec les attributs suivants :data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html\"
data-feedback-theme=\"[Texte définissant le thème de votre page]\"
data-feedback-section=\"[Texte définissant la section où réside votre page]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
]
@@ -991,7 +992,7 @@
{
"@type": "source-code",
"description": "Code sample:",
- "code": "<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]\"></div>"
+ "code": ""
},
{
"@type": "source-code",
@@ -1007,7 +1008,7 @@
{
"@type": "source-code",
"description": "Exemple de code :",
- "code": "<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]\"></div>"
+ "code": ""
},
{
"@type": "source-code",
@@ -1147,7 +1148,7 @@
{
"@type": "source-code",
"description": "Code sample:",
- "code": "<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]\"></div>"
+ "code": ""
},
{
"@type": "source-code",
@@ -1163,7 +1164,7 @@
{
"@type": "source-code",
"description": "Exemple de code :",
- "code": "<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]\"></div>"
+ "code": ""
},
{
"@type": "source-code",
diff --git a/package-lock.json b/package-lock.json
index 805f2b58b2..f72649917d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1932,14 +1932,6 @@
"integrity": "sha1-GK6XmmoMqZSwYlhTkW0mYruuCxo=",
"dev": true
},
- "datatables.net": {
- "version": "1.11.4",
- "resolved": "https://registry.npmjs.org/datatables.net/-/datatables.net-1.11.4.tgz",
- "integrity": "sha512-z9LG4O0VYOYzp+rnArLExvnUWV8ikyWBcHYZEKDfVuz7BKxQdEq4a/tpO0Trbm+FL1+RY7UEIh+UcYNY/hwGxA==",
- "requires": {
- "jquery": ">=1.7"
- }
- },
"date-time": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/date-time/-/date-time-1.1.0.tgz",
@@ -11615,6 +11607,16 @@
"mathjax": "^3.2.0",
"proj4": "2.3.3",
"unorm": "^1.6.0"
+ },
+ "dependencies": {
+ "datatables.net": {
+ "version": "1.13.8",
+ "resolved": "https://registry.npmjs.org/datatables.net/-/datatables.net-1.13.8.tgz",
+ "integrity": "sha512-2pDamr+GUwPTby2OgriVB9dR9ftFKD2AQyiuCXzZIiG4d9KkKFQ7gqPfNmG7uj9Tc5kDf+rGj86do4LAb/V71g==",
+ "requires": {
+ "jquery": ">=1.7"
+ }
+ }
}
},
"which": {
From 6cb1c821f7e18ee6b60f892c89a0dc316f255f4d Mon Sep 17 00:00:00 2001
From: ipaksc There is no evaluation and report available for this component.
+Il n'y a pas d'évaluation et de rapport disponibles pour ce composant.
+<div class=\"wb-disable-allow\">
with the following data attributes:data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html\"
data-feedback-theme=\"[Text defining the theme of your page]\"
data-feedback-section=\"[Text defining the section where your page resides]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
],
"fr": [
- "Vérifier que la version v13.9.0 ou plus récente de GCWeb est implémentée.",
- "Vérifier que la version 3.0, ou plus récente, du détails de la page est implémentée.",
+ "Vérifier que la version 13.9.0 ou plus récente de GCWeb est implémentée.",
+ "Vérifier que la version 3.0 ou plus récente du détails de la page est implémentée.",
"Pour afficher le formulaire de rétroaction sur la page, créez un <div class=\"wb-disable-allow\">
avec les attributs suivants :data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html\"
data-feedback-theme=\"[Texte définissant le thème de votre page]\"
data-feedback-section=\"[Texte définissant la section où réside votre page]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
]
@@ -1121,14 +1121,14 @@
},
"instructions": {
"en": [
- "Ensure the version of GCWeb v13.9.0 or earlier is implemented",
- "Ensure the latest version of page details is implemented",
+ "Ensure the version 13.9.0 or more recent of GCWeb is implemented.",
+ "Ensure the version 3.0 or more recent of the page details is implemented.",
"To show the page feedback form, create a <div class=\"wb-disable-allow\">
with the following data attributes:data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html\"
data-feedback-link=\"[Contact link text]\"
data-feedback-url=\"[Contact link URL]\"
data-feedback-theme=\"[Text defining the theme of your page]\"
data-feedback-section=\"[Text defining the section where your page resides]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
],
"fr": [
- "Vérifier que la version v13.9.0 ou plus récente de GCWeb est implémentée.",
- "Vérifier que la version 3.0, ou plus récente, du détails de la page est implémentée.",
+ "Vérifier que la version 13.9.0 ou plus récente de GCWeb est implémentée.",
+ "Vérifier que la version 3.0 ou plus récente du détails de la page est implémentée.",
"Pour afficher le formulaire de rétroaction sur la page, créez un <div class=\"wb-disable-allow\">
avec les attributs suivants :data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html\"
data-feedback-link=\"[Contact link text]\"
data-feedback-url=\"[Contact link URL]\"
data-feedback-theme=\"[Texte définissant le thème de votre page]\"
data-feedback-section=\"[Texte définissant la section où réside votre page]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
]
diff --git a/sites/feedback/index.json-ld b/sites/feedback/index.json-ld
index 888a9ec324..e90ca83bf1 100644
--- a/sites/feedback/index.json-ld
+++ b/sites/feedback/index.json-ld
@@ -338,14 +338,14 @@
},
"instructions": {
"en": [
- "Ensure the version of GCWeb v13.9.0 or earlier is implemented.",
- "Ensure the latest version of the page details is implemented.",
+ "Ensure the version 13.9.0 or newer of GCWeb is implemented.",
+ "Ensure the version 3.0 or newer of the page details is implemented.",
"To show the page feedback form, create a <div class=\"wb-disable-allow\">
with the following data attributes:data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html\"
data-feedback-theme=\"[Text defining the theme of your page]\"
data-feedback-section=\"[Text defining the section where your page resides]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
],
"fr": [
- "Vérifier que la version v13.9.0 ou plus récente de GCWeb est implémentée.",
- "Vérifier que la version 3.0, ou plus récente, du détails de la page est implémentée.",
+ "Vérifier que la version 13.9.0 ou plus récente de GCWeb est implémentée.",
+ "Vérifier que la version 3.0 ou plus récente du détails de la page est implémentée.",
"Pour afficher le formulaire de rétroaction sur la page, créez un <div class=\"wb-disable-allow\">
avec les attributs suivants :data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html\"
data-feedback-theme=\"[Texte définissant le thème de votre page]\"
data-feedback-section=\"[Texte définissant la section où réside votre page]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
]
@@ -494,14 +494,14 @@
},
"instructions": {
"en": [
- "Ensure the version of GCWeb v13.9.0 or earlier is implemented",
- "Ensure the latest version of page details is implemented",
+ "Ensure the version 13.9.0 or newer of GCWeb is implemented.",
+ "Ensure the version 3.0 or newer of the page details is implemented.",
"To show the page feedback form, create a <div class=\"wb-disable-allow\">
with the following data attributes:data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html\"
data-feedback-link=\"[Contact link text]\"
data-feedback-url=\"[Contact link URL]\"
data-feedback-theme=\"[Text defining the theme of your page]\"
data-feedback-section=\"[Text defining the section where your page resides]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
],
"fr": [
- "Vérifier que la version v13.9.0 ou plus récente de GCWeb est implémentée.",
- "Vérifier que la version 3.0, ou plus récente, du détails de la page est implémentée.",
+ "Vérifier que la version 13.9.0 ou plus récente de GCWeb est implémentée.",
+ "Vérifier que la version 3.0 ou plus récente du détails de la page est implémentée.",
"Pour afficher le formulaire de rétroaction sur la page, créez un <div class=\"wb-disable-allow\">
avec les attributs suivants :data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html\"
data-feedback-link=\"[Contact link text]\"
data-feedback-url=\"[Contact link URL]\"
data-feedback-theme=\"[Texte définissant le thème de votre page]\"
data-feedback-section=\"[Texte définissant la section où réside votre page]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
]
From d1581e0e1ca239d0745a23aa2099fe9f2079261b Mon Sep 17 00:00:00 2001
From: Ettahri The page templates and design patterns below comprise a reference implementation of the Canada.ca design system, including the mandatory requirement of the Content and Information Architecture (C&IA) Specification. Government of Canada departments and agencies can contribute additional patterns and templates via GCWeb github repository.
diff --git a/index-fr.md b/index-fr.md index 6a5219210e..ee85ab0d72 100644 --- a/index-fr.md +++ b/index-fr.md @@ -1,7 +1,7 @@ --- title: GCWeb, le thème WET-BOEW de Canada.ca altLangPage: index-en.html -dateModified: 2023-12-12 +dateModified: 2023-12-14 description: "Page d'accueil décrivant l'ensemble des composants du thème de Canada.ca, nommé GCWeb." layout: no-container language: fr @@ -20,7 +20,7 @@ css:Les gabarits et les conceptions communes si dessous sont une référence d'implémentation du Système de conception de Canada.ca, incluant les exigences obligatoire de la spécifications du contenu et de l’architecture de l'information (C&AI) pour Canada.ca. Les ministères et organisme du gouvernement du Canada peuvent y contribuer en publiant leur modèle et leur conception commune via le dépôt github de GCWeb.
diff --git a/package-lock.json b/package-lock.json index f72649917d..dfbdab3e07 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.2.0", + "version": "14.2.1", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -11590,8 +11590,8 @@ } }, "wet-boew": { - "version": "github:wet-boew/wet-boew#a0de995a8ff6a0c30707897982c817e0b5442f24", - "from": "github:wet-boew/wet-boew#v4.0.72", + "version": "github:wet-boew/wet-boew#db3c33ae4118f7b4d13bcbc6a15727f94e0c3390", + "from": "github:wet-boew/wet-boew#v4.0.72.1", "requires": { "bootstrap-sass": "3.4.1", "code-prettify": "^0.1.0", diff --git a/package.json b/package.json index ce1bbfae87..9019bcdae0 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.2.0", + "version": "14.2.1", "description": "Web Experience Toolkit (WET): Canada.ca Theme Reorg", "main": "index.html", "scripts": { @@ -13,7 +13,7 @@ "license": "MIT", "dependencies": { "bootstrap-sass": "3.4.1", - "wet-boew": "github:wet-boew/wet-boew#v4.0.72" + "wet-boew": "github:wet-boew/wet-boew#v4.0.72.1" }, "browserslist": [ "last 2 versions", From 66f1feaddcb4affcd776f74cba3c478c8fee69f5 Mon Sep 17 00:00:00 2001 From: Eric GuitardThis page has moved to wet-boew.github.io/wet-boew/docs/ref/wb-data-json/wb-data-json-en.html.
- - diff --git a/components/wb-data-json/data-json-doc-fr.html b/components/wb-data-json/data-json-doc-fr.html deleted file mode 100644 index bfe455293c..0000000000 --- a/components/wb-data-json/data-json-doc-fr.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -This page has moved to wet-boew.github.io/wet-boew/docs/ref/wb-data-json/wb-data-json-fr.html.
- - diff --git a/components/wb-data-json/data-json-en.html b/components/wb-data-json/data-json-en.html deleted file mode 100644 index b2da603b5e..0000000000 --- a/components/wb-data-json/data-json-en.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -This page has moved to wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/data-json-en.html.
- - diff --git a/components/wb-data-json/data-json-fr.html b/components/wb-data-json/data-json-fr.html deleted file mode 100644 index ba9b97c450..0000000000 --- a/components/wb-data-json/data-json-fr.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -This page has moved to wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/data-json-fr.html.
- - diff --git a/components/wb-data-json/template-en.html b/components/wb-data-json/template-en.html deleted file mode 100644 index 1764e37e9c..0000000000 --- a/components/wb-data-json/template-en.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -This page has moved to wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/template-en.html.
- - diff --git a/components/wb-data-json/template-fr.html b/components/wb-data-json/template-fr.html deleted file mode 100644 index 1f6d235731..0000000000 --- a/components/wb-data-json/template-fr.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -This page has moved to wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/template-fr.html.
- - diff --git a/components/wb-jsonmanager/jsonmanager-doc-en.html b/components/wb-jsonmanager/jsonmanager-doc-en.html deleted file mode 100644 index 83c291bad2..0000000000 --- a/components/wb-jsonmanager/jsonmanager-doc-en.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -This page has moved to wet-boew.github.io/wet-boew/docs/ref/wb-jsonmanager/wb-jsonmanager-en.html.
- - diff --git a/components/wb-jsonmanager/jsonmanager-doc-fr.html b/components/wb-jsonmanager/jsonmanager-doc-fr.html deleted file mode 100644 index 31e13d5763..0000000000 --- a/components/wb-jsonmanager/jsonmanager-doc-fr.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -This page has moved to wet-boew.github.io/wet-boew/docs/ref/wb-jsonmanager/wb-jsonmanager-fr.html.
- - diff --git a/components/wb-jsonmanager/jsonmanager-en.html b/components/wb-jsonmanager/jsonmanager-en.html deleted file mode 100644 index f6e294873d..0000000000 --- a/components/wb-jsonmanager/jsonmanager-en.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -This page has moved to wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-jsonmanager/jsonmanager-en.html.
- - diff --git a/components/wb-jsonmanager/jsonmanager-fr.html b/components/wb-jsonmanager/jsonmanager-fr.html deleted file mode 100644 index 036c37ba5b..0000000000 --- a/components/wb-jsonmanager/jsonmanager-fr.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -This page has moved to wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-jsonmanager/jsonmanager-fr.html.
- - diff --git a/components/wb-data-json/index.json-ld b/wet-boew/wb-data-json/index.json-ld similarity index 79% rename from components/wb-data-json/index.json-ld rename to wet-boew/wb-data-json/index.json-ld index d1fa4f7af8..6f5191028d 100644 --- a/components/wb-data-json/index.json-ld +++ b/wet-boew/wb-data-json/index.json-ld @@ -11,10 +11,10 @@ "fr": "Data JSON" }, "description": { - "en": "Insert content extracted from a JSON file.", + "en": "Insert content extracted from a JSON file", "fr": "Insertion de contenu extrait d'un fichier JSON" }, - "modified": "2022-08-25", + "modified": "2024-01-03", "componentName": "wb-data-json", "status": "stable", "pages": { @@ -22,12 +22,12 @@ { "title": "Data JSON", "language": "en", - "url": "https://wet-boew.github.io/wet-boew/demos/wb-data-json/data-json-en.html" + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/data-json-en.html" }, { "title": "Data JSON", "language": "fr", - "url": "https://wet-boew.github.io/wet-boew/demos/wb-data-json/data-json-fr.html" + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/data-json-fr.html" }, { "title": "Template HTML 5", @@ -49,7 +49,7 @@ { "title": "Data JSON", "language": "fr", - "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-data-json/wb-data-json-en.html" + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-data-json/wb-data-json-fr.html" } ] } diff --git a/components/wb-jsonmanager/index.json-ld b/wet-boew/wb-jsonmanager/index.json-ld similarity index 83% rename from components/wb-jsonmanager/index.json-ld rename to wet-boew/wb-jsonmanager/index.json-ld index 0908acfae5..949b888692 100644 --- a/components/wb-jsonmanager/index.json-ld +++ b/wet-boew/wb-jsonmanager/index.json-ld @@ -12,9 +12,9 @@ }, "description": { "en": "Manage dataset and apply JSON Patch", - "fr": "Gérer des jeux de données et applique des correctifs JSON." + "fr": "Gérer des jeux de données et applique des correctifs JSON" }, - "modified": "2022-08-25", + "modified": "2024-01-03", "componentName": "wb-jsonmanager", "status": "stable", "pages": { @@ -22,12 +22,12 @@ { "title": "JSON Manager", "language": "en", - "url": "https://wet-boew.github.io/wet-boew/demos/wb-jsonmanager/jsonmanager-en.html" + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-jsonmanager/jsonmanager-en.html" }, { "title": "Gestionnaire JSON", "language": "fr", - "url": "https://wet-boew.github.io/wet-boew/demos/wb-jsonmanager/jsonmanager-fr.html" + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-jsonmanager/jsonmanager-fr.html" }, { "title": "with Do Action patches", diff --git a/components/wb-jsonmanager/jsonmanager-doaction-en.html b/wet-boew/wb-jsonmanager/jsonmanager-doaction-en.html similarity index 100% rename from components/wb-jsonmanager/jsonmanager-doaction-en.html rename to wet-boew/wb-jsonmanager/jsonmanager-doaction-en.html diff --git a/components/wb-jsonmanager/jsonmanager-doaction-fr.html b/wet-boew/wb-jsonmanager/jsonmanager-doaction-fr.html similarity index 100% rename from components/wb-jsonmanager/jsonmanager-doaction-fr.html rename to wet-boew/wb-jsonmanager/jsonmanager-doaction-fr.html From 1c00fc23570d3e7ba8b40c16e410ca92c00aa4db Mon Sep 17 00:00:00 2001 From: EttahriThe page templates and design patterns below comprise a reference implementation of the Canada.ca design system, including the mandatory requirement of the Content and Information Architecture (C&IA) Specification. Government of Canada departments and agencies can contribute additional patterns and templates via GCWeb github repository.
diff --git a/index-fr.md b/index-fr.md index ee85ab0d72..c42d3d2322 100644 --- a/index-fr.md +++ b/index-fr.md @@ -1,7 +1,7 @@ --- title: GCWeb, le thème WET-BOEW de Canada.ca altLangPage: index-en.html -dateModified: 2023-12-14 +dateModified: 2023-01-08 description: "Page d'accueil décrivant l'ensemble des composants du thème de Canada.ca, nommé GCWeb." layout: no-container language: fr @@ -20,7 +20,7 @@ css:Les gabarits et les conceptions communes si dessous sont une référence d'implémentation du Système de conception de Canada.ca, incluant les exigences obligatoire de la spécifications du contenu et de l’architecture de l'information (C&AI) pour Canada.ca. Les ministères et organisme du gouvernement du Canada peuvent y contribuer en publiant leur modèle et leur conception commune via le dépôt github de GCWeb.
diff --git a/package-lock.json b/package-lock.json index dfbdab3e07..8378f6ba96 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.2.1", + "version": "14.3.0", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -11590,8 +11590,8 @@ } }, "wet-boew": { - "version": "github:wet-boew/wet-boew#db3c33ae4118f7b4d13bcbc6a15727f94e0c3390", - "from": "github:wet-boew/wet-boew#v4.0.72.1", + "version": "github:wet-boew/wet-boew#89a7eca8db509e6c9a101d678537b8908d8dadd1", + "from": "github:wet-boew/wet-boew#v4.0.73", "requires": { "bootstrap-sass": "3.4.1", "code-prettify": "^0.1.0", diff --git a/package.json b/package.json index 9019bcdae0..54b21ebc41 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.2.1", + "version": "14.3.0", "description": "Web Experience Toolkit (WET): Canada.ca Theme Reorg", "main": "index.html", "scripts": { @@ -13,7 +13,7 @@ "license": "MIT", "dependencies": { "bootstrap-sass": "3.4.1", - "wet-boew": "github:wet-boew/wet-boew#v4.0.72.1" + "wet-boew": "github:wet-boew/wet-boew#v4.0.73" }, "browserslist": [ "last 2 versions", From 32c1dc6b66c03699495433ed1072bb42adaacce7 Mon Sep 17 00:00:00 2001 From: Pierre Dubois<div class=\"wb-disable-allow\">
with the following data attributes:data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html\"
data-feedback-theme=\"[Text defining the theme of your page]\"
data-feedback-section=\"[Text defining the section where your page resides]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
],
@@ -1121,8 +1143,8 @@
},
"instructions": {
"en": [
- "Ensure the version 13.9.0 or more recent of GCWeb is implemented.",
- "Ensure the version 3.0 or more recent of the page details is implemented.",
+ "Ensure the version 13.9.0 or newer of GCWeb is implemented.",
+ "Ensure the version 3.0 or newer of the page details is implemented.",
"To show the page feedback form, create a <div class=\"wb-disable-allow\">
with the following data attributes:data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html\"
data-feedback-link=\"[Contact link text]\"
data-feedback-url=\"[Contact link URL]\"
data-feedback-theme=\"[Text defining the theme of your page]\"
data-feedback-section=\"[Text defining the section where your page resides]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
],
diff --git a/components/gc-featured-link/index.json-ld b/components/gc-featured-link/index.json-ld
index 8e92a0e9b5..b24461a55b 100644
--- a/components/gc-featured-link/index.json-ld
+++ b/components/gc-featured-link/index.json-ld
@@ -29,6 +29,28 @@
"language": "fr",
"path": "gc-featured-link-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Accessibility pre-assessment #1",
+ "language": "en",
+ "path": "reports/a11y-1-en.html"
+ },
+ {
+ "title": "Pré-évaluation de l'accessibilité #1",
+ "language": "fr",
+ "path": "reports/a11y-1-fr.html"
+ },
+ {
+ "title": "Accessibility assessment #1",
+ "language": "en",
+ "path": "reports/a11y-2-en.html"
+ },
+ {
+ "title": "Évaluation de l'accessibilité #1",
+ "language": "fr",
+ "path": "reports/a11y-2-fr.html"
+ }
]
}
}
diff --git a/docs/layouts/acr_wrote_en-en.html b/docs/layouts/acr_wrote_en-en.html
index 00fc6751bc..c045999c8f 100644
--- a/docs/layouts/acr_wrote_en-en.html
+++ b/docs/layouts/acr_wrote_en-en.html
@@ -109,19 +109,28 @@ Example of a new menu that uses megamenu for md and lg, and GCWeb menu for sm and xs.
Lorem
diff --git "a/m\303\251li-m\303\251lo/2023-09-menu/ajax/gcweb-menu.html" "b/m\303\251li-m\303\251lo/2023-09-menu/ajax/gcweb-menu.html" new file mode 100644 index 0000000000..3d7080d931 --- /dev/null +++ "b/m\303\251li-m\303\251lo/2023-09-menu/ajax/gcweb-menu.html" @@ -0,0 +1,8 @@ +Example of a new menu that uses megamenu for md and lg, and GCWeb menu for sm and xs.
Lorem
diff --git "a/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.css" "b/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.css" index a8bb5fa3c3..ad4bbcc8d6 100644 --- "a/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.css" +++ "b/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.css" @@ -4,37 +4,41 @@ background: #003c77; color: #fff; } -/* remove table cell and text shadow*/ +/* remove table cell and text shadow */ #wb-sm.campaign-menu .menu { border-right: 0px !important; display: block; text-shadow: none; } - /* focus within mneu itme background */ + /* focus within menu item background */ #wb-sm.campaign-menu .menu .active, -#wb-sm.campaign-menu .menu .wb-navcurr { +#wb-sm.campaign-menu .menu .wb-navcurr, +#wb-sm.campaign-menu .menu > li a:focus { background: #ccc !important; color: #333 !important; } +#wb-sm.campaign-menu .menu > li { + border-left: 1px solid #003c77; +} + +#wb-sm.campaign-menu .menu > li:last-child { + border-right: 1px solid #003c77; +} + /* adjust menu padding to align height with GCMenu button */ #wb-sm.campaign-menu .menu > li a { padding: 0.5em 1em; } -/* change menu item on-hover background*/ +/* change menu item on-hover background */ #wb-sm.campaign-menu .menu > li a:hover{ background: #ccc !important; color: #333 !important; } -/* change menu item on-focus background */ -#wb-sm.campaign-menu .menu > li a:focus{ - background: #003c77 !important; - color: #fff !important; -} -/* change menuitem text color when mouse move to submenu item*/ +/* change menuitem text color when mouse move to submenu item */ #wb-sm.campaign-menu .menu > li.active > a{ background: #ccc!important; color: #333!important; @@ -46,7 +50,7 @@ color: #333 !important; } -/* hover on submenu item*/ +/* hover on submenu item */ #wb-sm.campaign-menu .sm.open li a:active, #wb-sm.campaign-menu .sm.open li a:focus, #wb-sm.campaign-menu .sm.open li a:hover { @@ -59,15 +63,6 @@ border-bottom: 5px solid #003c77 !important; } - -/* add right border for last child item on md screen */ -@media screen and (max-width: 1199px) { - #wb-sm.campaign-menu .menu > li:last-child { - border-right: 1px solid #999; - } -} - - /*** GCWEB Menu ***/ /* default color */ .gcweb-menu.campaign-menu button[aria-haspopup=true] { @@ -85,7 +80,7 @@ /* button closed */ .gcweb-menu.campaign-menu button[aria-haspopup=true]:focus { background-color: #003c77 !important; - border: 1px dotted #fff; /* For focus - Make sure the */ + border: 1px dotted #fff; color: #fff; } @@ -99,7 +94,8 @@ background-color: #003c77 !important; color: #fff; } -/* remove boder lines */ + +/* remove border lines */ .gcweb-menu.campaign-menu [role=menuitem], .gcweb-menu.campaign-menu [role=menuitem]:visited, .gcweb-menu.campaign-menu [role=menu] > li, @@ -110,7 +106,7 @@ border: none; } -/* submenu background and text color*/ +/* submenu background and text color */ .gcweb-menu.campaign-menu [role=menu] [role=menu] li [role=menuitem] { background-color: #e1e1e1 !important; color: #333; diff --git "a/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.js" "b/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.js" index 04298b77f0..e89d915c46 100644 --- "a/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.js" +++ "b/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.js" @@ -5,12 +5,6 @@ (function ($, window, document, wb) { "use strict"; - /* - * Variable and function definitions. - * These are global to the plugin - meaning that they will be initialized once per page, - * not once per instance of plugin on the page. So, this is a good place to define - * variables that are common to all instances of the plugin on a page. - */ var componentName = "campaign-menu", selector = "." + componentName + ".gcweb-menu", initEvent = "wb-init" + selector, @@ -21,7 +15,6 @@ * @param {jQuery Event} event Event that triggered the function call */ init = function (event) { - // Start initialization // returns DOM object = proceed with init // returns undefined = do not proceed with init (e.g., already initialized) @@ -29,16 +22,8 @@ $elm; if (elm) { - - // At this point, the GCWeb menu is already initialized $elm = $(elm); - // Add IDs for GC menu. This must be synchronized with the ids for the mega menu below. - var gcSubmenus = $elm.find("ul ul"); - for (var i = 1; i < gcSubmenus.length + 1; i++) { - gcSubmenus.eq(i - 1).attr("id", 'sub-menu-' + i); - } - // Check if there is already a gcweb menu. // If there are 2 present, the global GCWeb menu is present, hide this custom menu var gcWebMenus = document.querySelectorAll(".gcweb-menu"); @@ -58,65 +43,38 @@ return; } - // Megamenu does not exist, let's build it for md and lg using the content in the GCWeb + // Build megamenu once WET is fully initialized, to ensure the GCWeb menu ajax append is complete + $(document).on("wb-ready.wb", buildMegaMenu($elm)); + + wb.ready($elm, componentName); + } + }, + + buildMegaMenu = function ($elm) { + return function (e) { // Retrieve the top level list items from GCWeb men var gcwebMenuListItems = $elm.find("> ul > li"); // Start building mega menu var megamenuHTML = ""; - var listItemCounter = 0; - var subMenuCounter = 0; $.each(gcwebMenuListItems, function (key, element) { - // console.log(key + ": " + element); - listItemCounter++; - // Get top level list item's anchor - var listItemAnchor = element.querySelector("a"); - listItemAnchor.setAttribute('class', 'item'); - //console.log("anchor: ", listItemAnchor); - - // Get top level list item's children - var listItemchildren = element.querySelectorAll("li"); - //console.log("children: ", listItemchildren); - //console.log("children length: " + gcwebMenuListItems.length); - - // Build top level list items, with and without submenus - if (listItemchildren.length > 0) { - // Use counter to generate dynamic href bookmarks and ids for submenus - subMenuCounter++; - - // Build list item with a submenu - let subMenuId = "menu-" + subMenuCounter; - - var submegamenuHTML = ""; - // TODO: Verify all the attributes - megamenuHTML += ` -(To be revised during winter 2023-24)
diff --git "a/m\303\251li-m\303\251lo/2023-09-menu/media.html" "b/m\303\251li-m\303\251lo/2023-09-menu/media.html" new file mode 100644 index 0000000000..038bbe90ae --- /dev/null +++ "b/m\303\251li-m\303\251lo/2023-09-menu/media.html" @@ -0,0 +1,47 @@ +--- +title: Media - Campaign Menu +dateModified: 2023-09-12 +lang: en +css: campaign-menu.css +script: campaign-menu.js +layout: no-container +nomenu: true +--- +Example of a new menu that uses megamenu for md and lg, and GCWeb menu for sm and xs.
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+Lorem
+The page templates and design patterns below comprise a reference implementation of the Canada.ca design system, including the mandatory requirement of the Content and Information Architecture (C&IA) Specification. Government of Canada departments and agencies can contribute additional patterns and templates via GCWeb github repository.
Les gabarits et les conceptions communes si dessous sont une référence d'implémentation du Système de conception de Canada.ca, incluant les exigences obligatoire de la spécifications du contenu et de l’architecture de l'information (C&AI) pour Canada.ca. Les ministères et organisme du gouvernement du Canada peuvent y contribuer en publiant leur modèle et leur conception commune via le dépôt github de GCWeb.
diff --git a/package-lock.json b/package-lock.json index 8378f6ba96..9ac7dad07d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.3.0", + "version": "14.4.0", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -11590,7 +11590,7 @@ } }, "wet-boew": { - "version": "github:wet-boew/wet-boew#89a7eca8db509e6c9a101d678537b8908d8dadd1", + "version": "github:wet-boew/wet-boew#cdc82ddefa05000142f8c29c5102c4441730520a", "from": "github:wet-boew/wet-boew#v4.0.73", "requires": { "bootstrap-sass": "3.4.1", diff --git a/package.json b/package.json index 54b21ebc41..5d0a88306e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.3.0", + "version": "14.4.0", "description": "Web Experience Toolkit (WET): Canada.ca Theme Reorg", "main": "index.html", "scripts": { @@ -13,7 +13,7 @@ "license": "MIT", "dependencies": { "bootstrap-sass": "3.4.1", - "wet-boew": "github:wet-boew/wet-boew#v4.0.73" + "wet-boew": "github:wet-boew/wet-boew#v4.0.74" }, "browserslist": [ "last 2 versions", From 16856f9a551b8153f4be97da22f4d8fc92c77f72 Mon Sep 17 00:00:00 2001 From: delisma<body>
element."
- ],
- "fr": [
- "Insérez l'extrait de code ci-dessous au début de votre élément <body>
."
- ]
- },
- "notes": {
- "en": [
- "For more information on how the Overlay or Data Inview plugins, visit their respective documentation"
- ],
- "fr": [
- "Pour plus d'informations sur le fonctionnement des plugiciels Contenu superposé ou Data Inview, visitez leur documentation respective"
- ]
- },
- "sample": {
- "en": [
- {
- "@type": "source-code",
- "description": "Code sample:",
- "code": "You can use it for research or reference.
\n\tYou can use it for research or reference.
\n\tVous pouvez la consulter à des fins de recherche ou à titre de référence.
\n\tVous pouvez la consulter à des fins de recherche ou à titre de référence.
\n\tarchiveOverlay
to true
."
- ],
- "fr": [
- "Pour afficher \"Archivé avec contenu superposé\", dans l'en-tête de la page, définissez la propriété archiveOverlay
à true
."
- ]
- },
- "notes": {
- "en": [
- "For more information on how the Overlay or Data Inview plugins, visit their respective documentation"
- ],
- "fr": [
- "Pour plus d'informations sur le fonctionnement des plugiciels Contenu superposé ou Data Inview, visitez leur documentation respective"
- ]
- },
- "sample": {
- "en": [
- {
- "@type": "source-code",
- "description": "Code sample:",
- "code": "{\n\t...\n\t\"archiveOverlay\": true\n\t...\n}"
- }
- ],
- "fr": [
- {
- "@type": "source-code",
- "description": "Exemple de code:",
- "code": "{\n\t...\n\t\"archiveOverlay\": true\n\t...\n}"
- }
- ]
- }
- },
- {
- "@id": "_:implement_archvd",
- "iteration": "_:iteration_archvd_1",
- "name": {
- "en": "Standard",
- "fr": "Standard"
- },
- "introduction": {
- "en": "This implementation is meant for developers/publishers adding the component manually.",
- "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
- },
- "instructions": {
- "en": [
- "Insert the code snippet below at the beginning of your <body>
element."
- ],
- "fr": [
- "Insérez l'extrait de code ci-dessous au début de votre élément <body>
."
- ]
- },
- "sample": {
- "en": [
- {
- "@type": "source-code",
- "description": "Code sample:",
- "code": "You can use it for research or reference.
\n\tVous pouvez la consulter à des fins de recherche ou à titre de référence.
\n\tYou can use it for research or reference.
\n\tVous pouvez la consulter à des fins de recherche ou à titre de référence.
\n\tYou can use it for research or reference.
\n\tYou can use it for research or reference.
\n\tVous pouvez la consulter à des fins de recherche ou à titre de référence.
\n\tVous pouvez la consulter à des fins de recherche ou à titre de référence.
\n\t<dl id=\"wb-dtmd\">
.",
- "Inside the above <dl>
,<dt>Date modified:</dt>
.<dd><time property=\"dateModified\">[YYYY-MM-DD]<time></dd>
, where [YYYY-MM-DD] is the date the current page was last updated. For example: 2023-11-03.<dl id=\"wb-dtmd\">
.",
- "À l'intérieur de ce <dl>
,<dt>Date de modification :</dt>
.<dd><time property=\"dateModified\">[AAAA-MM-JJ]<time></dd>
, où [AAAA-MM-JJ] est la date à laquelle la page courante a été modifiée pour la dernière fois. Par exemple: 2023-11-03.<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>
.",
- "This variation leverages JSON Manager and Data JSON to get information about the page and generate hidden input fields in the form. Therefore, the tag <meta name=\"dcterms.creator\" content=\"[Department name]\">
needs to be present in the page."
- ],
- "fr": [
- "Pour afficher le formulaire de commentaires sur la page, créez un <div>
avec l'attribut suivant : data-ajax-replace=\"ajax/report-problem-fr.html\"
.",
- "Pour la version HTML de base, un lien doit être créé dans un <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>
.",
- "Cette variante 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. La balise <meta name=\"dcterms.creator\" content=\"[Nom du service]\">
doit être présente dans la page."
- ]
- },
- "notes": {
- "en": [
- "For more information about Data Ajax plugin, please visit Data Ajax documentation page."
- ],
- "fr": [
- "Pour plus d'informations sur le plugin Data Ajax, veuillez visiter la page de documentation Data Ajax."
- ]
- },
- "sample": {
- "en": [
- {
- "@type": "source-code",
- "description": "Code sample:",
- "code": "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>
."
- ],
- "fr": [
- "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."
- ]
- },
- "sample": {
- "en": [
- {
- "@type": "source-code",
- "description": "Code sample:",
- "code": "feedback
to true
feedbackPath
to \"ajax/report-problem-en.html\"
feedbackFallback
to true
feedback
à true
.feedbackPath
à \"ajax/report-problem-fr.html\"
feedbackFallback
à true
<div class=\"wb-disable-allow\">
with the following data attributes:data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html\"
data-feedback-theme=\"[Text defining the theme of your page]\"
data-feedback-section=\"[Text defining the section where your page resides]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
- ],
- "fr": [
- "Vérifier que la version 13.9.0 ou plus récente de GCWeb est implémentée.",
- "Vérifier que la version 3.0 ou plus récente du détails de la page est implémentée.",
- "Pour afficher le formulaire de rétroaction sur la page, créez un <div class=\"wb-disable-allow\">
avec les attributs suivants :data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html\"
data-feedback-theme=\"[Texte définissant le thème de votre page]\"
data-feedback-section=\"[Texte définissant la section où réside votre page]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
- ]
- },
- "notes": {
- "en": [
- "To upgrade from the RAP to the PFT, follow the instructions of the \"Upgrade from RAP\" tab.",
- "For more information about Data Ajax plugin, please visit Data Ajax documentation page."
- ],
- "fr": [
- "Pour passer du SUP au ORP, suivez les instructions de l'onglet \"Mise à jour à partir de SUP\".",
- "Pour plus d'informations sur le plugin Data Ajax, veuillez visiter la page de documentation Data Ajax."
- ]
- },
- "sample": {
- "en": [
- {
- "@type": "source-code",
- "description": "Code sample:",
- "code": ""
- },
- {
- "@type": "source-code",
- "collapsed": true,
- "description": "Ajaxed-in content",
- "code": {
- "@type": [ "@id", "rdf:HTML" ],
- "@value": "assets/page-feedback-en.html"
- }
- }
- ],
- "fr": [
- {
- "@type": "source-code",
- "description": "Exemple de code :",
- "code": ""
- },
- {
- "@type": "source-code",
- "collapsed": true,
- "description": "Contenu ajouté via Ajax",
- "code": {
- "@type": [ "@id", "rdf:HTML" ],
- "@value": "assets/page-feedback-fr.html"
- }
- }
- ]
- }
- },
- {
- "@id": "_:implement_pft_gcweb",
- "iteration": "_:iteration_pft_1",
- "name": {
- "en": "GCWeb Jekyll",
- "fr": "GCWeb Jekyll"
- },
- "introduction": {
- "en": "This implementation is meant for developers trying to implement this component within a GCWeb Jekyll site. To apply this variant's optional attributes on any given page, you will need to do the following in the page's front-matter:",
- "fr": "Cette implémentation est destinée aux développeurs essayant d'implémenter ce composant dans un site GCWeb Jekyll. Pour appliquer les attributs facultatifs de cette variante sur une page donnée, vous devrez procéder comme suit dans le front-matter de la page :"
- },
- "instructions": {
- "en": [
- "Set the variable feedback
to true
.",
- "Set the variable feedbackData
to an object containing the following customizable strings:section
: to define the section where your page resides.theme
: to define the theme of your page.feedback
à true
.",
- "Définissez la variable feedbackData
à un objet contenant les chaînes de caractères suivantes :section
: pour définir la section où réside votre page.theme
: pour définir le thème de votre page.<div class=\"wb-disable-allow\">
with the following data attributes:data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html\"
data-feedback-link=\"[Contact link text]\"
data-feedback-url=\"[Contact link URL]\"
data-feedback-theme=\"[Text defining the theme of your page]\"
data-feedback-section=\"[Text defining the section where your page resides]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
- ],
- "fr": [
- "Vérifier que la version 13.9.0 ou plus récente de GCWeb est implémentée.",
- "Vérifier que la version 3.0 ou plus récente du détails de la page est implémentée.",
- "Pour afficher le formulaire de rétroaction sur la page, créez un <div class=\"wb-disable-allow\">
avec les attributs suivants :data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html\"
data-feedback-link=\"[Contact link text]\"
data-feedback-url=\"[Contact link URL]\"
data-feedback-theme=\"[Texte définissant le thème de votre page]\"
data-feedback-section=\"[Texte définissant la section où réside votre page]\"
<meta name=\"dcterms.creator\" content=\"[Department name]\">
"
- ]
- },
- "notes": {
- "en": [
- "To upgrade from the RAP to the PFT, follow the instructions of the \"Upgrade from RAP\" tab.",
- "For more information about Data Ajax plugin, please visit Data Ajax documentation page."
- ],
- "fr": [
- "Pour passer du SUP au ORP, suivez les instructions de l'onglet \"Mise à jour à partir de SUP\".",
- "Pour plus d'informations sur le plugin Data Ajax, veuillez visiter la page de documentation Data Ajax."
- ]
- },
- "sample": {
- "en": [
- {
- "@type": "source-code",
- "description": "Code sample:",
- "code": ""
- },
- {
- "@type": "source-code",
- "collapsed": true,
- "description": "Ajaxed-in content",
- "code": {
- "@type": [ "@id", "rdf:HTML" ],
- "@value": "assets/page-feedback-en.html"
- }
- }
- ],
- "fr": [
- {
- "@type": "source-code",
- "description": "Exemple de code :",
- "code": ""
- },
- {
- "@type": "source-code",
- "collapsed": true,
- "description": "Contenu ajouté via Ajax",
- "code": {
- "@type": [ "@id", "rdf:HTML" ],
- "@value": "assets/page-feedback-fr.html"
- }
- }
- ]
- }
- },
- {
- "@id": "_:implement_pft_contact_gcweb",
- "iteration": "_:iteration_pft_1",
- "name": {
- "en": "GCWeb Jekyll",
- "fr": "GCWeb Jekyll"
- },
- "introduction": {
- "en": "This implementation is meant for developers trying to implement this component within a GCWeb Jekyll site. To apply this variant's optional attributes on any given page, you will need to do the following in the page's front-matter:",
- "fr": "Cette implémentation est destinée aux développeurs essayant d'implémenter ce composant dans un site GCWeb Jekyll. Pour appliquer les attributs facultatifs de cette variante sur une page donnée, vous devrez procéder comme suit dans le front-matter de la page :"
- },
- "instructions": {
- "en": [
- "Set the variable feedback
to true
.",
- "Set the variable feedbackContact
to an object containing the following properties:link
: to define the contact link's text.url
: to define the contact link's URL.feedbackData
to an object containing the following customizable strings:section
: to define the section where your page resides.theme
: to define the theme of your page.feedback
à true
.",
- "Définissez la variable feedbackContact
à un objet contenant les propriétés :link
: pour définir le texte du lien de contact.url
: pour définir l'URL du lien de contact.feedbackData
à un objet contenant les propriétés suivantes :section
: pour définir la section où réside votre page.theme
: pour définir le thème de votre page.[Nom de l’institution] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor.
[Institution name] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor.
[Nom de l’institution] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor.
This topic page shows child destination pages that have a local left navigation. Click on a task for an example. This would typically happen on a lowest-level topic page.
- {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}[Institution name] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor.
[Nom de l’institution] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor.
[Institution name] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor.
[Nom de l’institution] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor.
1-2 sentences that describe the topics and top tasks that can be accessed on this page.
- {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}1 ou 2 phrases d’introduction qui définissent les sujets et les tâches principales qui peuvent être consultés sur cette page.
- {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}1-2 sentences that describe the topics and top tasks that can be accessed on this page.
- {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}