From 1c9a611da88785d9f8357b3faac2e7b112788f06 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Garneau?= Date: Mon, 16 Oct 2023 14:21:54 -0400 Subject: [PATCH] Application: adding application template and examples --- _config.yml | 7 +- _data/sites.json | 60 +++++----- _data/templates.json | 44 +++++++ _data/wet-boew.json | 2 +- sites/breadcrumbs/includes/breadcrumbs.html | 2 +- sites/footers/includes/footer.html | 6 +- sites/header/includes/header.html | 4 +- sites/theme.scss | 1 + templates/application/_base.scss | 51 ++++++++ .../application-with-banner-en.html | 67 +++++++++++ .../application-with-banner-fr.html | 67 +++++++++++ .../application/default-application-en.html | 41 +++++++ .../application/default-application-fr.html | 41 +++++++ templates/application/index.json-ld | 44 +++++++ .../application/layouts/application.html | 112 ++++++++++++++++++ 15 files changed, 512 insertions(+), 37 deletions(-) create mode 100644 templates/application/_base.scss create mode 100644 templates/application/application-with-banner-en.html create mode 100644 templates/application/application-with-banner-fr.html create mode 100644 templates/application/default-application-en.html create mode 100644 templates/application/default-application-fr.html create mode 100644 templates/application/index.json-ld create mode 100644 templates/application/layouts/application.html diff --git a/_config.yml b/_config.yml index 259ba762d9..9a6dfc2ade 100644 --- a/_config.yml +++ b/_config.yml @@ -33,7 +33,12 @@ global: privacyUrl: en: "https://www.canada.ca/en/transparency/privacy.html" fr: "https://www.canada.ca/fr/transparence/confidentialite.html" - + applicationName: + en: "My application" + fr: "Mon application" + applicationURL: + en: "#" + fr: "#" # # Override include to use # includes: diff --git a/_data/sites.json b/_data/sites.json index 631151d5e1..671d502287 100644 --- a/_data/sites.json +++ b/_data/sites.json @@ -508,20 +508,20 @@ "fr": "Standard (wet-boew)" }, "introduction": { - "en": "This implementation is meant for developers/publishers adding the component manually with using the latest GCWeb version along with at least the implementation of the page details version 2.x.", - "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement en utilisant une version récente de GCWeb avec l'implémentation de la version 2.x du détails de la page." + "en": "This implementation is meant for developers/publishers adding the component manually while using the latest version of GCWeb along with the implementation of the page details version 2.0 and above.", + "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement en utilisant la dernière version de GCWeb avec l'implémentation de la version 2.0 ou plus du détails de la page." }, "instructions": { "en": [ - "Ensure the version of GCWeb v13.9.0 or earlier is implemented", - "Ensure the latest version of page details is implemented", - "To show the page feedback form, create a <div class=\"wb-disable-allow\"> with the following data attributes:", + "Ensure the version of GCWeb v13.9.0 or earlier is implemented.", + "Ensure the latest version of the page details is implemented.", + "To show the page feedback form, create a <div class=\"wb-disable-allow\"> with the following data attributes:", "Additionally, your page needs to have the following metadata: <meta name=\"dcterms.creator\" content=\"[Department name]\">" ], "fr": [ - "Vérifier qu'une version récente de GCWeb (v13.9.0 ou plus récent) est implémenté", - "Vérifier que la version 2.1, ou plus récente, du détails de la page est implémenté", - "Pour afficher le formulaire de rétroaction sur la page, créez un <div class=\"wb-disable-allow\"> avec les attributs suivants :", + "Vérifier que la version v13.9.0 ou plus récente de GCWeb est implémentée.", + "Vérifier que la version 2.1, 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 :", "De plus, vous pouvez définir les métadonnées suivantes : <meta name=\"dcterms.creator\" content=\"[Department name]\">" ] }, @@ -540,7 +540,7 @@ { "@type": "source-code", "description": "Code sample:", - "code": "<div class=\"wb-disable-allow\" \ndata-ajax-replace=\"assets/page-feedback-en.html\" \ndata-feedback-section=\"[Text defining the section where your page resides]\" \ndata-feedback-theme=\"[Text defining the theme of your page]\"></div>" + "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>" }, { "@type": "source-code", @@ -556,7 +556,7 @@ { "@type": "source-code", "description": "Exemple de code :", - "code": "<div class=\"wb-disable-allow\" \ndata-ajax-replace=\"assets/page-feedback-fr.html\" \ndata-feedback-section=\"[Texte définissant la section où réside votre page]\" \ndata-feedback-theme=\"[Texte définissant le thème de votre page]\"></div>" + "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>" }, { "@type": "source-code", @@ -638,21 +638,21 @@ "fr": "Utilisateur SWG" }, "introduction": { - "en": "For users that are authoring web page on Canada.ca Managed Web Services.", - "fr": "Pour les utilisateurs qui font de l'édition de page web sur Canada.ca via le Service web géré." + "en": "For users that are authoring Web pages on Canada.ca Managed Web Services.", + "fr": "Pour les utilisateurs qui font de l'édition de pages Web sur Canada.ca via le Service Web géré." }, "instructions": { "en": [ - "Read the design system guidance before to adding the page feedback tool on your pages.", + "Read the design system guidance before adding the Page feedback tool on your pages.", "If you are configuring the section, please follow the additional design system guidance.", - "You can configure the page feedback tool via the page properties by specifying the optional configuration (contact info and section). The value for the theme configuration are automatically set by the MWS.", - "For additional guidance on how to implements, you can consult the guide on GCPedia along with the other documentation for the managed web service." + "You can configure the Page feedback tool via the page properties by adjusting the optional configurations (contact info and section). The value for the theme configuration is automatically set by MWS.", + "For additional guidance on how to implement the Page feedback tool, you can consult the guide on GCPedia along with the other documentation for MWS." ], "fr": [ - "Veuillez lire les consignes du système de conception avant d'ajouter l'outil de rétroaction sur la page à vos pages.", + "Veuillez lire les consignes du système de conception avant d'ajouter l'Outil de rétroaction sur la page à vos pages.", "Si vous configurez la section, veuillez suivre les consignes supplémentaires du système de conception.", - "Vous pouvez configurer l'outil de rétroaction sur la page via les propriétés de la page en spécifiant la configuration facultative (informations de contact et section). Les valeurs de la configuration du thème sont automatiquement définies par le SWG.", - "Pour des conseils supplémentaires sur la mise en œuvre, vous pouvez consulter le guide sur GCPedia avec les autres documents du service web géré." + "Vous pouvez configurer l'Outil de rétroaction sur la page via les propriétés de la page en ajustant les configurations facultative (informations de contact et section). Les valeurs de la configuration du thème sont automatiquement définies par le SWG.", + "Pour des conseils supplémentaires sur la mise en œuvre de l'Outil de rétroaction sur la page, vous pouvez consulter le guide sur GCPedia avec les autres documents du SWG." ] } }, @@ -660,24 +660,24 @@ "@id": "_:implement_pft_contact", "iteration": "_:iteration_pft_1", "name": { - "en": "Standard (wet-boew)", - "fr": "Standard (wet-boew)" + "en": "Standard (WET-BOEW)", + "fr": "Standard (WET-BOEW)" }, "introduction": { - "en": "This implementation is meant for developers/publishers adding the component manually with using the latest GCWeb version along with at least the implementation of the page details version 2.x.", - "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement en utilisant une version récente de GCWeb avec l'implémentation de la version 2.x du détails de la page." - }, + "en": "This implementation is meant for developers/publishers adding the component manually while using the latest version of GCWeb along with the implementation of the page details version 2.0 and above.", + "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement en utilisant la dernière version de GCWeb avec l'implémentation de la version 2.0 ou plus du détails de la page." + }, "instructions": { "en": [ "Ensure the version of GCWeb v13.9.0 or earlier is implemented", "Ensure the latest version of page details is implemented", - "To show the page feedback form, create a <div class=\"wb-disable-allow\"> with the following data attributes:", + "To show the page feedback form, create a <div class=\"wb-disable-allow\"> with the following data attributes:", "Additionally, your page needs to have the following metadata: <meta name=\"dcterms.creator\" content=\"[Department name]\">" ], "fr": [ - "Vérifier qu'une version récente de GCWeb (v13.9.0 ou plus récent) est implémenté", - "Vérifier que la version 2.1, ou plus récente, du détails de la page est implémenté", - "Pour afficher le formulaire de rétroaction sur la page, créez un <div class=\"wb-disable-allow\"> avec les attributs suivants :", + "Vérifier que la version v13.9.0 ou plus récente de GCWeb est implémentée.", + "Vérifier que la version 2.1, 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 :", "De plus, vous pouvez définir les métadonnées suivantes : <meta name=\"dcterms.creator\" content=\"[Department name]\">" ] }, @@ -696,7 +696,7 @@ { "@type": "source-code", "description": "Code sample:", - "code": "<div class=\"wb-disable-allow\" \ndata-ajax-replace=\"assets/page-feedback-en.html\" \ndata-feedback-section=\"[Text defining the section where your page resides]\" \ndata-feedback-theme=\"[Text defining the theme of your page]\" \ndata-feedback-link=\"[Contact link text]\" \ndata-feedback-url=\"[Contact link URL]\"></div>" + "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>" }, { "@type": "source-code", @@ -712,7 +712,7 @@ { "@type": "source-code", "description": "Exemple de code :", - "code": "<div class=\"wb-disable-allow\" \ndata-ajax-replace=\"assets/page-feedback-fr.html\" \ndata-feedback-section=\"[Texte définissant la section où réside votre page]\" \ndata-feedback-theme=\"[Texte définissant le thème de votre page]\" \ndata-feedback-link=\"[Texte du lien de contact]\" \ndata-feedback-url=\"[URL du lien de contact]\"></div>" + "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>" }, { "@type": "source-code", @@ -1004,7 +1004,7 @@ "name": "Page feedback tool with AJAX", "status": "stable", "baseOnIteration": "_:iteration_pft_1", - "detectableBy": "
", + "detectableBy": ".pagedetails .wb-disable-allow[data-ajax-replace*=feedback]", "layout": [ "At the top-left column in the page details component", "When user selects \"No\", a form with a textarea appears" diff --git a/_data/templates.json b/_data/templates.json index ac46a5c868..914bf9e5b8 100644 --- a/_data/templates.json +++ b/_data/templates.json @@ -83,6 +83,50 @@ ] } } +,{ + "@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": "Application", + "fr": "Application" + }, + "description": { + "en": "Application templates samples.", + "fr": "Exemples de pages d'application." + }, + "modified": "2023-10-13", + "componentName": "application", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Default application page", + "language": "en", + "path": "default-application-en.html" + }, + { + "title": "Page d'application par défaut", + "language": "fr", + "path": "default-application-fr.html" + }, + { + "title": "Application page with informational banner", + "language": "en", + "path": "application-with-banner-en.html" + }, + { + "title": "Page d'application avec bannière informative", + "language": "fr", + "path": "application-with-banner-fr.html" + } + ] + } +} ,{ "@context": { "@version": 1.1, diff --git a/_data/wet-boew.json b/_data/wet-boew.json index f481b5a74d..e7084716b3 100644 --- a/_data/wet-boew.json +++ b/_data/wet-boew.json @@ -92,4 +92,4 @@ ] } } -] \ No newline at end of file +] diff --git a/sites/breadcrumbs/includes/breadcrumbs.html b/sites/breadcrumbs/includes/breadcrumbs.html index df8026f8f8..8b0930651d 100644 --- a/sites/breadcrumbs/includes/breadcrumbs.html +++ b/sites/breadcrumbs/includes/breadcrumbs.html @@ -1,4 +1,4 @@ -{%- unless page.pageclass contains "home" or page.breadcrumbs == false -%} +{%- unless page.pageclass contains "home" or page.breadcrumbs == false or layout.breadcrumbs == false -%}