v7.0.x - release notes

What's new?

Version 7.0.1 (STR)

• Provisional
  • Edit - Plugin - Chatwizard update to open with external button instead of bubble and addition of reset button
• Maintenance
  • Fixed styling issue with static header with experimental Bootstrap 4
  • Updated build script potential breaker
  • General documentation updates

Modified files for implementation

• Main JavaScript:
  • GCWeb/js/theme.js
  • GCWeb/js/theme.min.js
• Main CSS:
  • GCWeb/css/theme.css
  • GCWeb/css/theme.min.css

Version 7.0 (STR)

• Template
  • Major - Breadcrumb - First item "home" renamed to "canada.ca". (See changes)
  • Major - Report a problem - Align the template as per the one currently on Canada.ca (See changes)
• Documentation
  • Fieldflow - Fixed spelling and grammar on English page
• Provisional (was Experimental)
  • Renamed the main page and changed the wording and plugin to use "provisional"
  • Add - Alert component redesign
  • Add - Color for warning icon
  • Add - Plugin - Chatwizard (wb-chtwzrd)
  • Template for "Was this page helpful" in future replacement of report a problem
• Maintenance
  • Updated various build script dependencies

WET-BOEW v4.0.35 (see release notes)

• Core
  • Minor - Add helper function (wb.shuffleDOM)
  • Minor - Add helper function (wb.pickElements)
• Provisional
  • Add - Steps forms plugin (wb-steps)
  • Add - Randomize plugin (wb-randomize)
  • Add - Postback form plugin (wb-postback)

Modified files for implementation

• Main JavaScript:
  • wet-boew/js/wet-boew.js
  • wet-boew/js/wet-boew.min.js
  • GCWeb/js/theme.js
  • GCWeb/js/theme.min.js
• Main CSS:
  • GCWeb/css/theme.css
  • GCWeb/css/theme.min.css
• Image:
  • GCWeb/assets/default-avatar.png

Details

Version 7.0.1 (STR)

Number of commits: 7

• @GormFrank: 3 commits
• @duboisp: 2 commits
• @namjohn920: 1 commits
• @EricDunsworth: 1 commit

List of commits

• Contenu - Ajout de la documentation des changement majeur et SRI pour v7.0 - Pierre Dubois, 2020-04-17 00:37:00 -0400
• Changed the breadcrumb in the bootsrap 3 template sample - Pierre Dubois, 2020-04-17 14:16:03 -0400
• Release notes typo fix - Francis Gorman, 2020-04-20 07:55:33 -0400
• Theme: Use sentence case in English i18n strings - Eric Dunsworth, 2020-04-22 15:56:26 -0400
• Fix potential build breaker in hbs markup - Francis Gorman, 2020-04-24 15:08:57 -0400
• chat wizard new featues - namjohn920, 2020-04-29 12:22:03 -0400
• Bootstrap 4 static header & footer assets fix - Francis Gorman, 2020-04-29 16:56:27 -0400

Version 7.0 (STR)

Number of commits: 16

• @duboisp: 4 commits
• @namjohn920: 3 commits
• @dependabot: 2 commits
• @GormFrank: 2 commits
• @delisma: 1 commit
• @wonggra: 1 commit
• @RobJohnston: 1 commit
• @Borges-Porteous: 1 commit
• @EricDunsworth: 1 commit

List of commits

• refactor: Report a problem alignment with AEM - delisma, 2019-11-20
• Experimental changed to Provisional - namjohn920, 2020-01-14
• Provisional feature - Alert component redesign - Borges-Porteous; EricDunsworth, 2020-02-12
• Correct spelling and grammar on English page - RobJohnston, 2020-02-20
• Bump rake from 10.4.2 to 12.3.3 - dependabot, 2020-02-29
• Add Reddit Icon for Social Media - wonggra, 2020-03-03
• Bump nokogiri from 1.10.5 to 1.10.9 - dependabot, 2020-03-11
• color for warning icon added - namjohn920, 2020-03-03
• GCWeb v7.0 release note - namjohn920, 2020-04-15
• Report a problem - polishing markup - duboisp, 2020-04-16
• Change breadcrumb "Home" for Canada.ca - duboisp, 2020-04-16
• Postback provisional update with wet bump - GormFrank, 2020-04-16
• Bump wet-boew version to 4.0.35 - duboisp, 2020-04-16
• Chat wizard provisional plugin - GormFrank, 2020-04-16
• Chat wizard - Make it provisional and add working example - duboisp, 2020-04-16

Subresource integrity (SRI)

v7.0.1 (STR)

GCWeb/js/theme.min.js

sha256-CSgSLSRpEglu/YwQ1HpfVK5/BxNe5VmnQxX14dOsuJI= sha512-Bp72/HjNQ9vjQqGKt6dbwYAqSiZSV6yGHGmbphPWeFF139qHQumCu+aPst6j18/zmrPspvXmK7YORtnz7J17Ow==

Get all hash (JSON format):

• GCWeb theme

v7.0 (STR)

GCWeb/js/theme.min.js

sha256-Ww4l/v4hh8zT3+mD2W61lhGBfoD7u8OyADln6w5hh4M= sha512-7MEdTZH7SCT0VXWd3ym7WOqkJDs7saaXeESuvF+U1UhgoHtbxnP1HYqcwAe9p9UB7WOcq/KV/VlHB34dNUvfzA==

Get all hash (JSON format):

• GCWeb theme

Major changes documentation

Breadcrumb - Major change

The first breadcrumb item need to be updated

French

<li><a href="https://www.canada.ca/fr.html">Accueil</a></li>

<li><a href="https://www.canada.ca/fr.html">Canada.ca</a></li>

English

<li><a href="https://www.canada.ca/en.html">Home</a></li>

<li><a href="https://www.canada.ca/en.html">Canada.ca</a></li>

Report a problem - Major change

Change the whole makup under the fieldset element according to the "After" section.

French

<fieldset>
	<legend><span class="field-name">Veuillez cocher toutes les réponses pertinentes&nbsp;:</span></legend>
	<div class="checkbox">
		<label for="problem1"><input type="checkbox" data-reveal="#broken" name="problem" value="Something is broken" id="problem1" />Quelque chose ne fonctionne pas</label>
	</div>
	<div class="form-group hide" id="broken">
		<label for="problem1-detail">Fournissez plus des détails (optionnel)&nbsp;:</label>
		<input type="text" class="form-control full-width" id="problem1-detail">
	</div>
	<div class="checkbox">
		<label for="problem2"><input type="checkbox" data-reveal="#spelling" name="problem" value="It has spelling or grammar mistakes" id="problem2" />Il y a des erreurs d’orthographe ou de grammaire</label>
	</div>
	<div class="form-group hide" id="spelling">
		<label for="problem2-detail">Fournissez plus des détails (optionnel)&nbsp;:</label>
		<input type="text" class="form-control full-width" id="problem2-detail">
	</div>
	<div class="checkbox">
		<label for="problem3"><input type="checkbox" data-reveal="#wrong" name="problem" value="The information is wrong" id="problem3" />L’information est erronée</label>
	</div>
	<div class="form-group hide" id="wrong">
		<label for="problem3-detail">Fournissez plus des détails (optionnel)&nbsp;:</label>
		<input type="text" class="form-control full-width" id="problem3-detail">
	</div>
	<div class="checkbox">
		<label for="problem4"><input type="checkbox" data-reveal="#outdated" name="problem" value="The information is outdated" id="problem4" />L’information n’est plus à jour</label>
	</div>
	<div class="form-group hide" id="outdated">
		<label for="problem4-detail">Fournissez plus des détails (optionnel)&nbsp;:</label>
		<input type="text" class="form-control full-width" id="problem4-detail">
	</div>
	<div class="checkbox">
		<label for="problem5"><input type="checkbox" data-reveal="#find" name="problem" value="I can’t find what I’m looking for" id="problem5" />Je ne trouve pas ce que je cherche</label>
	</div>
	<div class="form-group hide" id="find">
		<label for="problem5-detail">Décrivez ce que vous cherchez (optionnel)&nbsp;:</label>
		<input type="text" class="form-control full-width" id="problem5-detail">
	</div>
	<div class="checkbox">
		<label for="problem6"><input type="checkbox" data-reveal="#confusing" name="problem" value="It’s confusing" id="problem6" />Autre</label>
	</div>
	<div class="form-group hide" id="confusing">
		<label for="problem6-detail">Fournissez plus des détails (optionnel)&nbsp;:</label>
		<input type="text" class="form-control full-width" id="problem6-detail">
	</div>
</fieldset>

<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>

English

<fieldset>
	<legend><span class="field-name">Please select all that apply: </span></legend>
	<div class="checkbox">
		<label for="problem1"><input type="checkbox" data-reveal="#broken" name="problem" value="Something is broken" id="problem1" />Something is broken</label>
	</div>
	<div class="form-group hide" id="broken">
		<label for="problem1-detail">Provide more details (optional):</label>
		<input type="text" class="form-control full-width" id="problem1-detail">
	</div>
	<div class="checkbox">
		<label for="problem2"><input type="checkbox" data-reveal="#spelling" name="problem" value="It has spelling or grammar mistakes" id="problem2" />The page has spelling or grammar mistakes</label>
	</div>
	<div class="form-group hide" id="spelling">
		<label for="problem2-detail">Provide more details (optional):</label>
		<input type="text" class="form-control full-width" id="problem2-detail">
	</div>
	<div class="checkbox">
		<label for="problem3"><input type="checkbox" data-reveal="#wrong" name="problem" value="The information is wrong" id="problem3" />The information is wrong</label>
	</div>
	<div class="form-group hide" id="wrong">
		<label for="problem3-detail">Provide more details (optional):</label>
		<input type="text" class="form-control full-width" id="problem3-detail">
	</div>
	<div class="checkbox">
		<label for="problem4"><input type="checkbox" data-reveal="#outdated" name="problem" value="The information is outdated" id="problem4" />The information is outdated</label>
	</div>
	<div class="form-group hide" id="outdated">
		<label for="problem4-detail">Provide more details (optional):</label>
		<input type="text" class="form-control full-width" id="problem4-detail">
	</div>
	<div class="checkbox">
		<label for="problem5"><input type="checkbox" data-reveal="#find" name="problem" value="I can’t find what I’m looking for" id="problem5" />I can’t find what I’m looking for</label>
	</div>
	<div class="form-group hide" id="find">
		<label for="problem5-detail">Describe what you’re looking for (optional):</label>
		<input type="text" class="form-control full-width" id="problem5-detail">
	</div>
	<div class="checkbox">
		<label for="problem6"><input type="checkbox" data-reveal="#confusing" name="problem" value="It’s confusing" id="problem6" />Other</label>
	</div>
	<div class="form-group hide" id="confusing">
		<label for="problem6-detail">Provide more details (optional):</label>
		<input type="text" class="form-control full-width" id="problem6-detail">
	</div>
</fieldset>

<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>