From 0fa4d5a9336ad6162e5f910c295941d1e8a81a49 Mon Sep 17 00:00:00 2001 From: Peter Crane Date: Fri, 13 Oct 2023 09:21:37 -0400 Subject: [PATCH 01/13] PFT - latest changes/datatable update --- about/latest-changes.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/about/latest-changes.md b/about/latest-changes.md index 5a3e209bd3..b2fe19c1dc 100644 --- a/about/latest-changes.md +++ b/about/latest-changes.md @@ -1,7 +1,7 @@ --- altLangPage: "https://conception.canada.ca/a-propos/derniers-changements.html" date: 2017-10-05 -dateModified: 2023-03-28 +dateModified: 2023-10-16 description: "Latest changes to the Canada.ca design system" layout: default title: "Latest changes to the Canada.ca design system" From f444f5357318e4f1a3598b6186881c86866369e4 Mon Sep 17 00:00:00 2001 From: Peter Crane Date: Fri, 13 Oct 2023 11:18:31 -0400 Subject: [PATCH 02/13] Update latest-changes.md --- about/latest-changes.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/about/latest-changes.md b/about/latest-changes.md index b2fe19c1dc..3b262dfbb5 100644 --- a/about/latest-changes.md +++ b/about/latest-changes.md @@ -14,6 +14,10 @@ title: "Latest changes to the Canada.ca design system"
+ October xx, 2023 +

Updated the Report a problem pattern to inform users that it is being decommissioned. Stabilized the Page feedback tool pattern and added content specifications and updated implementation instructions.

+
+
July 12, 2023

Updated the Subway pattern to remove "avoid sub-steps". This reflects that there may be instances where more complex processes would benefit from the use of sub-steps.

From 36a5aecfcba531b4c6ab3606253db62db28dc866 Mon Sep 17 00:00:00 2001 From: Peter Crane Date: Fri, 13 Oct 2023 11:45:10 -0400 Subject: [PATCH 03/13] Update patterns-01-en.json --- ajax/patterns-01-en.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ajax/patterns-01-en.json b/ajax/patterns-01-en.json index f2e05b89f6..b39829afe7 100644 --- a/ajax/patterns-01-en.json +++ b/ajax/patterns-01-en.json @@ -292,8 +292,8 @@ }, { "NAME": "Page feedback tool", "SOURCE": "Continuous improvement", - "DESCRIPTION": "The feedback tool is an optional pattern to uncover specific page-level issues affecting task performance.", - "WHENTOUSE": "The feedback tool is an optional pattern to uncover specific page-level issues affecting task performance.", + "DESCRIPTION": "The Page feedback tool is an optional pattern to collect feedback on the page experience. It should only be used on pages where the feedback will be actively monitored and actioned.", + "WHENTOUSE": "The Page feedback tool is an optional pattern to collect feedback on the page experience. It should only be used on pages where the feedback will be actively monitored and actioned.", "CATEGORY": "Design pattern", "TYPE": "Interaction", "MANDATORY": "No", From 627f820eb30fff1193bd34980184e505f87605ab Mon Sep 17 00:00:00 2001 From: Peter Crane Date: Mon, 16 Oct 2023 10:59:30 -0400 Subject: [PATCH 04/13] Update patterns-01-en.json --- ajax/patterns-01-en.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ajax/patterns-01-en.json b/ajax/patterns-01-en.json index b39829afe7..4065514dee 100644 --- a/ajax/patterns-01-en.json +++ b/ajax/patterns-01-en.json @@ -1103,8 +1103,8 @@ }, { "NAME": "Report a problem", "SOURCE": "Template and pattern library", - "DESCRIPTION": "Allows people to provide feedback via a form for any problems that may have happened", - "WHENTOUSE": "Allows people to provide feedback via a form for any problems that may have happened", + "DESCRIPTION": "Allows people to provide feedback via a form for any problems that may have happened. This pattern is being decommissioned. We do not recommend adding it to your pages.", + "WHENTOUSE": "Allows people to provide feedback via a form for any problems that may have happened. This pattern is being decommissioned. We do not recommend adding it to your pages.", "CATEGORY": "Design pattern", "TYPE": "Site-wide pattern, Interaction", "MANDATORY": "No", From 81f1cd2322d3dc9095ccd2397ebb63d4ae8dcbeb Mon Sep 17 00:00:00 2001 From: Peter Crane Date: Mon, 16 Oct 2023 12:01:51 -0400 Subject: [PATCH 05/13] Update patterns-01-en.json --- ajax/patterns-01-en.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ajax/patterns-01-en.json b/ajax/patterns-01-en.json index 4065514dee..0115b0d1ea 100644 --- a/ajax/patterns-01-en.json +++ b/ajax/patterns-01-en.json @@ -291,7 +291,7 @@ "TANDP": "0" }, { "NAME": "Page feedback tool", - "SOURCE": "Continuous improvement", + "SOURCE": "Template and pattern library", "DESCRIPTION": "The Page feedback tool is an optional pattern to collect feedback on the page experience. It should only be used on pages where the feedback will be actively monitored and actioned.", "WHENTOUSE": "The Page feedback tool is an optional pattern to collect feedback on the page experience. It should only be used on pages where the feedback will be actively monitored and actioned.", "CATEGORY": "Design pattern", From cb4045c57d293ef4d62d724816c2c3392ce74f55 Mon Sep 17 00:00:00 2001 From: donohuech <118768603+donohuech@users.noreply.github.com> Date: Tue, 17 Oct 2023 15:20:20 -0400 Subject: [PATCH 06/13] Update latest-changes.md --- about/latest-changes.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/about/latest-changes.md b/about/latest-changes.md index 3b262dfbb5..9ad15324ad 100644 --- a/about/latest-changes.md +++ b/about/latest-changes.md @@ -15,7 +15,7 @@ title: "Latest changes to the Canada.ca design system"
October xx, 2023 -

Updated the Report a problem pattern to inform users that it is being decommissioned. Stabilized the Page feedback tool pattern and added content specifications and updated implementation instructions.

+

Updated the Report a problem pattern to inform users that it is being decommissioned. Stabilized the Page feedback tool pattern and added content specifications and updated implementation instructions.

July 12, 2023 From b0dff0b61acb5501b9f613c3f43664de99812f97 Mon Sep 17 00:00:00 2001 From: Peter Crane Date: Fri, 20 Oct 2023 13:03:24 -0400 Subject: [PATCH 07/13] Update patterns-01-en.json --- ajax/patterns-01-en.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ajax/patterns-01-en.json b/ajax/patterns-01-en.json index 0115b0d1ea..fb7709ff4a 100644 --- a/ajax/patterns-01-en.json +++ b/ajax/patterns-01-en.json @@ -290,12 +290,12 @@ "MANDATORY": "", "TANDP": "0" }, { - "NAME": "Page feedback tool", + "NAME": "Page feedback tool", "SOURCE": "Template and pattern library", "DESCRIPTION": "The Page feedback tool is an optional pattern to collect feedback on the page experience. It should only be used on pages where the feedback will be actively monitored and actioned.", "WHENTOUSE": "The Page feedback tool is an optional pattern to collect feedback on the page experience. It should only be used on pages where the feedback will be actively monitored and actioned.", "CATEGORY": "Design pattern", - "TYPE": "Interaction", + "TYPE": "Site-wide pattern, Interaction", "MANDATORY": "No", "TANDP": "1" }, { From 58f715e133eb7ae2c977178ee17edcfe133c4a62 Mon Sep 17 00:00:00 2001 From: Peter Crane Date: Fri, 20 Oct 2023 13:22:25 -0400 Subject: [PATCH 08/13] Update latest-changes.md --- about/latest-changes.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/about/latest-changes.md b/about/latest-changes.md index 9ad15324ad..11ab26b20c 100644 --- a/about/latest-changes.md +++ b/about/latest-changes.md @@ -1,7 +1,7 @@ --- altLangPage: "https://conception.canada.ca/a-propos/derniers-changements.html" date: 2017-10-05 -dateModified: 2023-10-16 +dateModified: 2023-10-20 description: "Latest changes to the Canada.ca design system" layout: default title: "Latest changes to the Canada.ca design system" @@ -14,7 +14,7 @@ title: "Latest changes to the Canada.ca design system"
- October xx, 2023 + October 20, 2023

Updated the Report a problem pattern to inform users that it is being decommissioned. Stabilized the Page feedback tool pattern and added content specifications and updated implementation instructions.

From 1927c5fc7442af7de939fba1141f1300072fe531 Mon Sep 17 00:00:00 2001 From: Peter Crane Date: Tue, 7 Nov 2023 09:39:02 -0500 Subject: [PATCH 09/13] Update latest-changes.md --- about/latest-changes.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/about/latest-changes.md b/about/latest-changes.md index 11ab26b20c..eeaa765aec 100644 --- a/about/latest-changes.md +++ b/about/latest-changes.md @@ -1,7 +1,7 @@ --- altLangPage: "https://conception.canada.ca/a-propos/derniers-changements.html" date: 2017-10-05 -dateModified: 2023-10-20 +dateModified: 2023-11-07 description: "Latest changes to the Canada.ca design system" layout: default title: "Latest changes to the Canada.ca design system" From c5dbc76929ac038a7f34b903f0ce6c7a2837cbbb Mon Sep 17 00:00:00 2001 From: Peter Crane Date: Tue, 7 Nov 2023 09:40:03 -0500 Subject: [PATCH 10/13] Update latest-changes.md --- about/latest-changes.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/about/latest-changes.md b/about/latest-changes.md index eeaa765aec..04648c9e5a 100644 --- a/about/latest-changes.md +++ b/about/latest-changes.md @@ -14,7 +14,7 @@ title: "Latest changes to the Canada.ca design system"
- October 20, 2023 + November 7, 2023

Updated the Report a problem pattern to inform users that it is being decommissioned. Stabilized the Page feedback tool pattern and added content specifications and updated implementation instructions.

From 5b871a6d2a0ea4755f9fcf3b63d6671882d212fc Mon Sep 17 00:00:00 2001 From: Peter Crane Date: Wed, 8 Nov 2023 08:46:46 -0500 Subject: [PATCH 11/13] Update when.md --- feedback/when.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/feedback/when.md b/feedback/when.md index deb028f820..7f08baf7ef 100644 --- a/feedback/when.md +++ b/feedback/when.md @@ -59,7 +59,7 @@ Depending on the nature of the threat, there are different steps that should be ### Specific threat or a personal crisis -* Identifies a target (address, office name, person) and / or the person leaving the comment. +* Identifies a target (address, office name, person) and/or the person leaving the comment. #### What to do From 856538ec2ca45d2bff3fbb1e26f415188afbe46f Mon Sep 17 00:00:00 2001 From: Peter Crane Date: Wed, 8 Nov 2023 08:48:31 -0500 Subject: [PATCH 12/13] Update page-feedback.md --- common-design-patterns/page-feedback.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/common-design-patterns/page-feedback.md b/common-design-patterns/page-feedback.md index cf403a4f98..d20cf523f6 100644 --- a/common-design-patterns/page-feedback.md +++ b/common-design-patterns/page-feedback.md @@ -153,7 +153,7 @@ title: "Page feedback tool"
Instructions for MWS pages

Add the feedback component

-

How to add the feedback component to your page in Adobe Experience Manager (AEM). (Internal only on GCPedia)

+

How to add the feedback component to your page in Adobe Experience Manager (AEM). (Internal only on GCPedia)

Recommended Add a "theme" hidden value in the feedback code

This is useful when you want to download feedback for an entire theme of pages at the same time.

In most cases, you should include the Canada.ca theme for your content (full list below).

From f922c4ba2919b697150ecf0c0e5a55328b116ee7 Mon Sep 17 00:00:00 2001 From: Peter Crane Date: Wed, 8 Nov 2023 10:10:00 -0500 Subject: [PATCH 13/13] Update report-problem.md --- common-design-patterns/report-problem.md | 405 ++++++++--------------- 1 file changed, 144 insertions(+), 261 deletions(-) diff --git a/common-design-patterns/report-problem.md b/common-design-patterns/report-problem.md index 1a250b16db..f5370f4739 100644 --- a/common-design-patterns/report-problem.md +++ b/common-design-patterns/report-problem.md @@ -1,266 +1,156 @@ --- altLangPage: https://conception.canada.ca/configurations-conception-communes/signaler-probleme.html -date: null -dateModified: '2023-10-03' -description: null -title: Report a problem +date: 2023-10-03 +dateModified: 2023-10-03 +description: "We are decommissioning the Report a Problem pattern. We do not recommend adding this pattern to your pages." +title: "Report a problem" --- -
+

We are decommissioning the Report a Problem pattern. We do not recommend adding this pattern to your pages.

-

If you would like to collect feedback for specific web pages you can use the Page Feedback Tool (PFT) pattern. You should only add the PFT to pages where you plan to actively monitor and action feedback.

+

If you would like to collect feedback for specific web pages you can use the Page Feedback Tool (PFT) pattern. You should only add the PFT to pages where you plan to actively monitor and action feedback.

- -
-
+
+
-
-

- The Report a problem pattern allows people to provide feedback via a form for any problems they experience with the - web page they are on. -

-

- This pattern enables page-level feedback. When people click on the Report a problem button on this page, they are - presented with common issues to select using checkboxes. If none of these issues are applicable, they may select - “Other” to provide more details. -

-
-

- On this page -

- -
-
-

- When to use -

-

- Use this pattern to enable page-level feedback. -

-
-
-

- What to avoid -

-

- Ensure that the feedback you receive is actionable. If you can, avoid implementing a form where people cannot - give details on the issues they are experiencing. -

-
-
-

- How to implement -

-

- The button, label, placement and privacy statement are mandatory: -

-
    -
  • - the pattern is presented as a button using the - - button component styled for secondary - actions - - , which triggers a feedback form to expand when clicked -
    • -
  • - the label reads: “Report a problem on this page” -
    • -
  • - placement: positioned directly below the main content area, left-aligned -
    • -
  • - privacy statement: positioned within a dismissible overlay -
    • -
-

- The pattern for the contents of the feedback form is recommended. If meaningful data is not being received, a - mailto link can be used as an alternative. -

-

- - Sending the form: - - Make sure to replace the "#" placeholder in the form action line with whatever your - institution uses to collect the data from the form. Consider sending the form to a generic email inbox if you - don't have a server set up to handle this type of form. -

-
+
+

The Report a problem pattern allows people to provide feedback via a form for any problems they experience with the + web page they are on.

+

This pattern enables page-level feedback. When people click on the Report a problem button on this page, they are + presented with common issues to select using checkboxes. If none of these issues are applicable, they may select + “Other” to provide more details.

+
+

On this page

+ +
+
+

When to use

+

Use this pattern to enable page-level feedback.

+
+
+

What to avoid

+

Ensure that the feedback you receive is actionable. If you can, avoid implementing a form where people cannot + give details on the issues they are experiencing.

+
+
+

How to implement

+

The button, label, placement and privacy statement are mandatory:

+
    +
  • the pattern is presented as a button using the button component styled for secondary + actions , which triggers a feedback form to expand when clicked
    • +
  • the label reads: “Report a problem on this page”
    • +
  • placement: positioned directly below the main content area, left-aligned
    • +
  • privacy statement: positioned within a dismissible overlay
    • +
+

The pattern for the contents of the feedback form is recommended. If meaningful data is not being received, a + mailto link can be used as an alternative.

+

Sending the form: Make sure to replace the "#" placeholder in the form action line with whatever your + institution uses to collect the data from the form. Consider sending the form to a generic email inbox if you + don't have a server set up to handle this type of form.

+
-
-
- - Report a problem on this page - -
-
-
-
-
- - - Please select all that apply: - - -
- -
-
- - -
-
- -
-
- - -
-
- -
-
- - -
-
- +
+
+ Report a problem on this page +
+
+
+ +
+ Please select all that apply: +
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+

Privacy statement

+
+
+

Privacy statement

+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut + labore et dolore magna aliqua. Turp is egestas maecenas pharetra convallis posuere morbi leo + urna.

+
+
+ + +
+
+

Thank you for your help!

+

You will not receive a reply. For enquiries, please contact us.

+
-
- - -
-
- -
-
- - -
-
- -
-
- - -
-
-

- - Privacy statement - -

-
-
-

- Privacy statement -

-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut - labore et dolore magna aliqua. Turp is egestas maecenas pharetra convallis posuere morbi leo - urna. -

-
-
- - -
-
-

- Thank you for your help! -

-

- You will not receive a reply. For enquiries, please - - contact us - - . -

-
-
-
-
-
+
+
+
- -
- - Code - + +
+ Code 
<div class="row">
 	 <div class="col-sm-6 col-md-5 col-lg-4">
 	  <details class="brdr-0" open="">
@@ -326,12 +216,5 @@ title: Report a problem
 	  </details>
 	 </div>
 	</div>
-
- - -

- - - - - +
+