diff --git a/_data/components.json b/_data/components.json
index 54599d78de..5968e10fe7 100644
--- a/_data/components.json
+++ b/_data/components.json
@@ -1170,30 +1170,189 @@
"modified": "dct:modified"
},
"title": {
- "en": "Most requested - Documentation and working example",
- "fr": "En demande - Documentation et example pratique"
+ "en": "Most requested",
+ "fr": "En demande"
},
"description": {
"en": "Features top tasks related to the page it is on.",
"fr": "Comprend des tâches principales liées à la page sur laquelle elles se trouvent."
},
- "modified": "2021-05-20",
+ "modified": "2024-02-14",
"componentName": "gc-most-requested",
- "status": "provisional",
+ "status": "stable",
+ "version": "1.0",
"pages": {
+ "docs": [
+ {
+ "title": "Most requested - Documentation",
+ "language": "en",
+ "path": "gc-most-requested-doc-en.html"
+ },
+ {
+ "title": "En demande - Documentation",
+ "language": "fr",
+ "path": "gc-most-requested-doc-fr.html"
+ }
+ ],
"examples": [
{
- "title": "Most requested - Documentation and working example",
+ "title": "Most requested",
"language": "en",
"path": "gc-most-requested-en.html"
},
- {
+ {
"title": "En demande",
"language": "fr",
- "path": "gc-most-requested-fr.html - Documentation et example pratique"
+ "path": "gc-most-requested-fr.html"
+ },
+ {
+ "title": "Most requested - bad implementation",
+ "language": "en",
+ "path": "gc-most-requested-bad-en.html"
+ },
+ {
+ "title": "En demande - mauvaise implémentation",
+ "language": "fr",
+ "path": "gc-most-requested-bad-fr.html"
}
]
- }
+ },
+ "dependencies": "No dependency.",
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "Most requested - default",
+ "fr": "En demande - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "Features top tasks related to the page it is on.",
+ "fr": "Comprend des tâches principales liées à la page sur laquelle elles se trouvent."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/most-requested.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/en-demande.html"
+ },
+ "iteration": "_:iteration_mostrequested_1",
+ "example": [
+ {
+ "en": { "href": "gc-most-requested-en.html", "text": "Most requested" },
+ "fr": { "href": "gc-most-requested-fr.html", "text": "En demande" }
+ },
+ {
+ "en": { "href": "gc-most-requested-bad-en.html", "text": "Most requested - bad implementation" },
+ "fr": { "href": "gc-most-requested-bad-fr.html", "text": "En demande - mauvaise implémentation" }
+ }
+ ],
+ "implementation": [
+ "_:implement_mostrequested"
+ ],
+ "history": [
+ {
+ "en": "February 2024 - Initial implementation of the variation.",
+ "fr": "Février 2024 - Implémentation initiale de la variante."
+ },
+ {
+ "en": "June 2021 - Provisional implementation of the variation.",
+ "fr": "Juin 2021 - Implémentation provisionnelle de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_mostrequested",
+ "iteration": "_:iteration_mostrequested_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": [
+ "Refer to the code sample below.",
+ "The component cannot be located inside another element with the class container."
+ ],
+ "fr": [
+ "Référez-vous au code qui suit.",
+ "La composante ne peut pas être située à l'intérieur d'un autre élément avec la classe container."
+ ]
+ },
+ "notes": {
+ "en": [
+ "The Most requested component on the home page is out of scope of this component."
+ ],
+ "fr": [
+ "La composante En demande sur la page d'accueil est exclue de cette composante."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": "\n\t\n\t\t
Most requested
\n\t\t
\n\t
\n\t\t
En demande
\n\t\t
\n\t
\n\t\t
Most requested
\n\t\t
\n\t
+
{% if page.language == "en" %}Most requested{% else %}En demande{% endif %}
+
+
Below is an example for a bad implementation of the Most requested component. In this example, the component is located inside another element with the class container, which is not allowed.
+
+
+
+
+ Code
+ <main class="container">
+ ...
+ <section class="gc-most-requested">
+ <div class="container">
+ <h2>Most requested</h2>
+ <ul>
+ <li><a href="#">[Top task hyperlink 1]</a></li>
+ <li><a href="#">[Top task hyperlink 2]</a></li>
+ <li><a href="#">[Top task hyperlink 3]</a></li>
+ <li><a href="#">[Top task hyperlink 4]</a></li>
+ <li><a href="#">[Top task hyperlink 5]</a></li>
+ <li><a href="#">[Top task hyperlink 6]</a></li>
+ </ul>
+ </div>
+ </section>
+ ...
+</main>
+
diff --git a/components/gc-most-requested/gc-most-requested-bad-fr.html b/components/gc-most-requested/gc-most-requested-bad-fr.html
new file mode 100644
index 0000000000..1832e77d0c
--- /dev/null
+++ b/components/gc-most-requested/gc-most-requested-bad-fr.html
@@ -0,0 +1,50 @@
+---
+{
+ "altLangPage": "gc-most-requested-bad-en.html",
+ "dateModified": "2024-02-14",
+ "description": "Exemple de mauvaise implémentation pour la composante En demande",
+ "language": "fr",
+ "title": "En demande",
+ "breadcrumbs": [
+ { "title": "En demande - Documentation", "link": "components/gc-most-requested/gc-most-requested-doc-fr.html" }
+ ],
+ "pageclass": "wb-prettify all-pre"
+}
+---
+
+Vous trouverez ci-dessous un exemple de mauvaise implémentation pour la composante En demande. Dans cet exemple, la composante est située à l'intérieur d'un autre élément avec la classe container, ce qui n'est pas autorisé.
+
+
+
+
+ Code
+ <main class="container">
+ ...
+ <section class="gc-most-requested">
+ <div class="container">
+ <h2>En demande</h2>
+ <ul>
+ <li><a href="#">[Tâche principale 1]</a></li>
+ <li><a href="#">[Tâche principale 2]</a></li>
+ <li><a href="#">[Tâche principale 3]</a></li>
+ <li><a href="#">[Tâche principale 4]</a></li>
+ <li><a href="#">[Tâche principale 5]</a></li>
+ <li><a href="#">[Tâche principale 6]</a></li>
+ </ul>
+ </div>
+ </section>
+ ...
+</main>
+
diff --git a/components/gc-most-requested/gc-most-requested-doc-en.html b/components/gc-most-requested/gc-most-requested-doc-en.html
new file mode 100644
index 0000000000..829c89a3a2
--- /dev/null
+++ b/components/gc-most-requested/gc-most-requested-doc-en.html
@@ -0,0 +1,9 @@
+---
+title: Most requested - Documentation
+description: Documentation for Most requested component
+language: en
+altLangPage: gc-most-requested-doc-fr.html
+dateModified: 2024-02-14
+layout: documentation
+index_json: index.json-ld
+---
diff --git a/components/gc-most-requested/gc-most-requested-doc-fr.html b/components/gc-most-requested/gc-most-requested-doc-fr.html
new file mode 100644
index 0000000000..8e0a50c91d
--- /dev/null
+++ b/components/gc-most-requested/gc-most-requested-doc-fr.html
@@ -0,0 +1,9 @@
+---
+title: En demande - Documentation
+description: Documentation de la composante En demande
+language: fr
+altLangPage: gc-most-requested-doc-en.html
+dateModified: 2024-02-14
+layout: documentation
+index_json: index.json-ld
+---
diff --git a/components/gc-most-requested/gc-most-requested-en.html b/components/gc-most-requested/gc-most-requested-en.html
index 97dba25640..80999a1870 100644
--- a/components/gc-most-requested/gc-most-requested-en.html
+++ b/components/gc-most-requested/gc-most-requested-en.html
@@ -1,79 +1,28 @@
---
-dateModified: "2021-05-21"
-description: "Documentation and working example for most requested - provisional feature"
-language: "en"
-altLangPage: "gc-most-requested-fr.html"
-title: "Most requested - Provisional feature"
+{
+ "altLangPage": "gc-most-requested-fr.html",
+ "dateModified": "2024-02-14",
+ "description": "Working examples for the Most requested component.",
+ "language": "en",
+ "title": "Most requested",
+ "breadcrumbs": [
+ { "title": "Most requested - Documentation", "link": "components/gc-most-requested/gc-most-requested-doc-en.html" }
+ ],
+ "layout": "no-container",
+ "pageclass": "wb-prettify all-pre"
+}
---
-{% include alert-provisional.html %}
-
+
+
Most requested
+
Below is a working example for the Most requested component.
+
- - Status
- - Provisional
- - Type
- - Canada.ca design pattern
- - Last review
- - 2021-05-21
- - Conforming to
- - n/a
- - Guidance
- - Most requested - Canada.ca design pattern (to be updated)
- - Technical name
- gc-most-requested
+{% include_relative samples/gc-most-requested.html %}
-Purpose
-This adds a most requested section that features top tasks related to the page it is on.
-
-Working example
-
-Most requested (provisional v1.0)
-
-
-Code
-
-<section class="well well-sm provisional gc-most-requested">
- <div class="container">
- <div class="row">
- <div class="col-md-2">
- <h2>Most requested</h2>
- </div>
- <div class="col-md-10">
- <ul class="colcount-md-2">
- <li><a href="#">[Top task hyperlink]</a></li>
- <li><a href="#">[Top task hyperlink]</a></li>
- <li><a href="#">[Top task hyperlink]</a></li>
- <li><a href="#">[Top task hyperlink]</a></li>
- <li><a href="#">[Top task hyperlink]</a></li>
- <li><a href="#">[Top task hyperlink]</a></li>
- <li><a href="#">[Top task hyperlink]</a></li>
- </ul>
- </div>
- </div>
- </div>
-</section>
-
-
-Evaluation and report
-There is no evaluation and report available for this component.
+
+
+ Code sample
+ {% highlight html %}{% include_relative samples/gc-most-requested.html %}{% endhighlight %}
+
+
diff --git a/components/gc-most-requested/gc-most-requested-fr.html b/components/gc-most-requested/gc-most-requested-fr.html
index 988e3f2b0a..3f13d850b4 100644
--- a/components/gc-most-requested/gc-most-requested-fr.html
+++ b/components/gc-most-requested/gc-most-requested-fr.html
@@ -1,79 +1,28 @@
---
-dateModified: "2021-05-21"
-description: "Documentation et exemple pratique de en demande- fonctionnalité provisoire"
-language: "fr"
-altLangPage: "gc-most-requested-en.html"
-title: "En demande - fonctionnalité provisoire"
+{
+ "altLangPage": "gc-most-requested-en.html",
+ "dateModified": "2024-02-14",
+ "description": "Exemples pratiques pour la composante En demande",
+ "language": "fr",
+ "title": "En demande",
+ "breadcrumbs": [
+ { "title": "En demande - Documentation", "link": "components/gc-most-requested/gc-most-requested-doc-fr.html" }
+ ],
+ "layout": "no-container",
+ "pageclass": "wb-prettify all-pre"
+}
---
-{% include alert-provisional.html %}
-
+
+
En demande
+
Vous trouverez ci-dessous un exemple pratique pour le composant En demande.
+
- - Statut
- - Provisiore
- - Type
- - Conception de Canada.ca
- - Dernière revue
- - 2021-05-21
- - Est conforme à
- - n/a
- - Directives
- - En demande - Système de conception de Canada.ca (à mettre à jour)
- - Nom technique
- gc-most-requested
+{% include_relative samples/gc-most-requested.html %}
-Objectif
-Ceci ajoute une section en vedette qui comprend des tâches principales liées à la page sur laquelle elles se trouvent.
-
-Exemple pratique
-
-En demande (provisoire v1.0)
-
-
-Code
-
-<section class="well well-sm provisional gc-most-requested">
- <div class="container">
- <div class="row">
- <div class="col-md-2">
- <h2>En demande</h2>
- </div>
- <div class="col-md-10">
- <ul class="colcount-md-2">
- <li><a href="#">[Tâches principale]</a></li>
- <li><a href="#">[Tâches principale]</a></li>
- <li><a href="#">[Tâches principale]</a></li>
- <li><a href="#">[Tâches principale]</a></li>
- <li><a href="#">[Tâches principale]</a></li>
- <li><a href="#">[Tâches principale]</a></li>
- <li><a href="#">[Tâches principale]</a></li>
- </ul>
- </div>
- </div>
- </div>
-</section>
-
-
-Évaluation et rapport
-Il n'y a pas d'évaluation et de rapport disponibles pour ce composant.
+
+
+ Code sample
+ {% highlight html %}{% include_relative samples/gc-most-requested.html %}{% endhighlight %}
+
+
diff --git a/components/gc-most-requested/index.json-ld b/components/gc-most-requested/index.json-ld
index ca79a40045..069b09afe2 100644
--- a/components/gc-most-requested/index.json-ld
+++ b/components/gc-most-requested/index.json-ld
@@ -7,28 +7,187 @@
"modified": "dct:modified"
},
"title": {
- "en": "Most requested - Documentation and working example",
- "fr": "En demande - Documentation et example pratique"
+ "en": "Most requested",
+ "fr": "En demande"
},
"description": {
"en": "Features top tasks related to the page it is on.",
"fr": "Comprend des tâches principales liées à la page sur laquelle elles se trouvent."
},
- "modified": "2021-05-20",
+ "modified": "2024-02-14",
"componentName": "gc-most-requested",
- "status": "provisional",
+ "status": "stable",
+ "version": "1.0",
"pages": {
+ "docs": [
+ {
+ "title": "Most requested - Documentation",
+ "language": "en",
+ "path": "gc-most-requested-doc-en.html"
+ },
+ {
+ "title": "En demande - Documentation",
+ "language": "fr",
+ "path": "gc-most-requested-doc-fr.html"
+ }
+ ],
"examples": [
{
- "title": "Most requested - Documentation and working example",
+ "title": "Most requested",
"language": "en",
"path": "gc-most-requested-en.html"
},
- {
+ {
"title": "En demande",
"language": "fr",
- "path": "gc-most-requested-fr.html - Documentation et example pratique"
+ "path": "gc-most-requested-fr.html"
+ },
+ {
+ "title": "Most requested - bad implementation",
+ "language": "en",
+ "path": "gc-most-requested-bad-en.html"
+ },
+ {
+ "title": "En demande - mauvaise implémentation",
+ "language": "fr",
+ "path": "gc-most-requested-bad-fr.html"
}
]
- }
+ },
+ "dependencies": "No dependency.",
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "Most requested - default",
+ "fr": "En demande - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "Features top tasks related to the page it is on.",
+ "fr": "Comprend des tâches principales liées à la page sur laquelle elles se trouvent."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/most-requested.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/en-demande.html"
+ },
+ "iteration": "_:iteration_mostrequested_1",
+ "example": [
+ {
+ "en": { "href": "gc-most-requested-en.html", "text": "Most requested" },
+ "fr": { "href": "gc-most-requested-fr.html", "text": "En demande" }
+ },
+ {
+ "en": { "href": "gc-most-requested-bad-en.html", "text": "Most requested - bad implementation" },
+ "fr": { "href": "gc-most-requested-bad-fr.html", "text": "En demande - mauvaise implémentation" }
+ }
+ ],
+ "implementation": [
+ "_:implement_mostrequested"
+ ],
+ "history": [
+ {
+ "en": "February 2024 - Initial implementation of the variation.",
+ "fr": "Février 2024 - Implémentation initiale de la variante."
+ },
+ {
+ "en": "June 2021 - Provisional implementation of the variation.",
+ "fr": "Juin 2021 - Implémentation provisionnelle de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_mostrequested",
+ "iteration": "_:iteration_mostrequested_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": [
+ "Refer to the code sample below.",
+ "The component cannot be located inside another element with the class container."
+ ],
+ "fr": [
+ "Référez-vous au code qui suit.",
+ "La composante ne peut pas être située à l'intérieur d'un autre élément avec la classe container."
+ ]
+ },
+ "notes": {
+ "en": [
+ "The Most requested component on the home page is out of scope of this component."
+ ],
+ "fr": [
+ "La composante En demande sur la page d'accueil est exclue de cette composante."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": "\n\t\n\t\t
Most requested
\n\t\t
\n\t
\n\t\t
En demande
\n\t\t
\n\t
\n\t\t
Most requested
\n\t\t
\n\t
+
{% if page.language == "en" %}Most requested{% else %}En demande{% endif %}
+
+