Skip to content

Commit

Permalink
Minor - Merge pull request wet-boew#2244 from Garneauma/page-feedback
Browse files Browse the repository at this point in the history
Page feedback: hiding page feedback by default and updating doc

Minor - Feedback - Stabilize the new pattern: Page Feedback Tool (PFT) [was provisional]
  • Loading branch information
duboisp authored Sep 13, 2023
2 parents 02c196a + c36596c commit 2f062e3
Show file tree
Hide file tree
Showing 30 changed files with 4,309 additions and 795 deletions.
1,065 changes: 1,064 additions & 1 deletion _data/sites.json

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions index-en.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ dateModified: 2023-08-29
description: "Home page describing all the components of the Canada.ca theme, named GCWeb."
layout: no-container
language: en
feedback: true
css:
- href: https://use.fontawesome.com/releases/v5.8.1/css/all.css
integrity: sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf
Expand Down
1 change: 1 addition & 0 deletions index-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ dateModified: 2023-08-29
description: "Page d'accueil décrivant l'ensemble des composants du thème de Canada.ca, nommé GCWeb."
layout: no-container
language: fr
feedback: true
css:
- href: https://use.fontawesome.com/releases/v5.8.1/css/all.css
integrity: sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf
Expand Down
48 changes: 24 additions & 24 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

61 changes: 61 additions & 0 deletions sites/feedback/deprecated/report-problem-inline-en.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
{%- if page.report == "true" %}
<details class="brdr-0">
<summary class="btn btn-default text-center">{{ i18nText-feedback }}</summary>
<div class="well row">
<div class="gc-rprt-prblm">
<div class="gc-rprt-prblm-frm gc-rprt-prblm-tggl">
<form action="#">
<fieldset>
<legend><span class="field-name">Please select all that apply:</span></legend>
<div class="checkbox">
<label for="gc-rprt-prblm-f1">
<input type="checkbox" name="problem1" value="Yes" id="gc-rprt-prblm-f1" />A link, button or video is not working
</label>
<input name="problem1" type="hidden" value="No" />
</div>
<div class="checkbox">
<label for="gc-rprt-prblm-f2">
<input type="checkbox" name="problem2" value="Yes" id="gc-rprt-prblm-f2" />It has a spelling mistake
</label>
<input name="problem2" type="hidden" value="No" />
</div>
<div class="checkbox">
<label for="gc-rprt-prblm-f3">
<input type="checkbox" name="problem3" value="Yes" id="gc-rprt-prblm-f3" />Information is missing
</label>
<input name="problem3" type="hidden" value="No" />
</div>
<div class="checkbox">
<label for="gc-rprt-prblm-f4">
<input type="checkbox" name="problem4" value="Yes" id="gc-rprt-prblm-f4" />Information is outdated or wrong
</label>
<input name="problem4" type="hidden" value="No" />
</div>
<div class="checkbox">
<label for="gc-rprt-prblm-f5">
<input type="checkbox" name="problem5" value="Yes" id="gc-rprt-prblm-f5" />I can't find what I'm looking for
</label>
<input name="problem5" type="hidden" value="No" />
</div>
<div class="checkbox">
<label for="gc-rprt-prblm-f6">
<input type="checkbox" name="problem6" value="Yes" id="gc-rprt-prblm-f6" />Other issue not in this list
</label>
<input name="problem6" type="hidden" value="No" />
</div>
</fieldset>
<button type="submit" class="btn btn-primary wb-toggle" data-toggle='{"stateOff": "hide", "stateOn": "show", "selector": ".gc-rprt-prblm-tggl"}'>Submit</button>
</form>
</div>
<div class="gc-rprt-prblm-thnk gc-rprt-prblm-tggl hide">
<h3>Thank you for your help!</h3>
<p>You will not receive a reply. For enquiries, please <a href="https://www.canada.ca/en/contact.html">contact us</a>.</p>
</div>
</div>
</div>
</details>
{%- else -%}
<div class="col-sm-6 col-lg-4 mrgn-tp-sm">
<a href="{{{ i18nText-tmpl-feedback-link }}}" class="btn btn-default btn-block">{{ i18nText-feedback }}</a>
</div>
{%- endif -%}
61 changes: 61 additions & 0 deletions sites/feedback/deprecated/report-problem-inline-fr.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
{%- if page.report == "true" %}
<details class="brdr-0">
<summary class="btn btn-default text-center">{{ i18nText-feedback }}</summary>
<div class="well row">
<div class="gc-rprt-prblm">
<div class="gc-rprt-prblm-frm gc-rprt-prblm-tggl">
<form action="#">
<fieldset>
<legend><span class="field-name">Veuillez cocher toutes les réponses pertinentes&nbsp;:</span></legend>
<div class="checkbox">
<label for="gc-rprt-prblm-f1">
<input type="checkbox" name="problem1" value="Oui" id="gc-rprt-prblm-f1" />Un lien, un bouton ou une vidéo ne fonctionne pas
</label>
<input name="problem1" type="hidden" value="Non" />
</div>
<div class="checkbox">
<label for="gc-rprt-prblm-f2">
<input type="checkbox" name="problem2" value="Oui" id="gc-rprt-prblm-f2" />Il y a une erreur d'orthographe ou de grammaire
</label>
<input name="problem2" type="hidden" value="Non" />
</div>
<div class="checkbox">
<label for="gc-rprt-prblm-f3">
<input type="checkbox" name="problem3" value="Oui" id="gc-rprt-prblm-f3" />Les renseignements sont incomplets
</label>
<input name="problem3" type="hidden" value="Non" />
</div>
<div class="checkbox">
<label for="gc-rprt-prblm-f4">
<input type="checkbox" name="problem4" value="Oui" id="gc-rprt-prblm-f4" />L'information n'est plus à jour ou est erronée
</label>
<input name="problem4" type="hidden" value="Non" />
</div>
<div class="checkbox">
<label for="gc-rprt-prblm-f5">
<input type="checkbox" name="problem5" value="Oui" id="gc-rprt-prblm-f5" />Je n'arrive pas à trouver ce que je cherche
</label>
<input name="problem5" type="hidden" value="Non" />
</div>
<div class="checkbox">
<label for="gc-rprt-prblm-f6">
<input type="checkbox" name="problem6" value="Oui" id="gc-rprt-prblm-f6" />Autre problème qui ne figure pas sur cette liste
</label>
<input name="problem6" type="hidden" value="Non" />
</div>
</fieldset>
<button type="submit" class="btn btn-primary wb-toggle" data-toggle='{"stateOff": "hide", "stateOn": "show", "selector": ".gc-rprt-prblm-tggl"}'>Soumettre</button>
</form>
</div>
<div class="gc-rprt-prblm-thnk gc-rprt-prblm-tggl hide">
<h3>Merci de votre aide!</h3>
<p>Vous ne recevrez pas de réponse. Pour toute question, s’il vous plaît <a href="https://www.canada.ca/fr/contact.html">contactez-nous</a>.</p>
</div>
</div>
</div>
</details>
{%- else -%}
<div class="col-sm-6 col-lg-4 mrgn-tp-sm">
<a href="{{{ i18nText-tmpl-feedback-link }}}" class="btn btn-default btn-block">{{ i18nText-feedback }}</a>
</div>
{%- endif -%}
3 changes: 3 additions & 0 deletions sites/feedback/dto-guidance-en.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
<div id="beforeYouBegin">
<p>First use the GC Task Success Survey to identify tasks that you would like to improve. Then add the page feedback tool on specific pages related to that task to uncover specific page-level issues affecting task performance.</p>
</div>
3 changes: 3 additions & 0 deletions sites/feedback/dto-guidance-fr.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
<div id="beforeYouBegin">
<p>Utilisez d'abord le Sondage sur la réussite des tâches du GC pour identifier les tâches que vous souhaitez améliorer. Ensuite, ajoutez l'outil de rétroaction sur les pages spécifiques liées à cette tâche pour découvrir les problèmes spécifiques au niveau de la page qui affectent la performance de la tâche.</p>
</div>
Loading

0 comments on commit 2f062e3

Please sign in to comment.