1006 update exitscript (#1007)

* Updating WET to v4.0.70.1, GCWeb v13.10.1 * Updating exitscript * Fixing spelling * Updating sample pages * Removing commented out line * Fixing sample pages
wet-boew · Nov 10, 2023 · 650628a · 650628a
1 parent 86929e0
commit 650628a
Show file tree

Hide file tree

Showing 127 changed files with 1,429 additions and 21,374 deletions.
diff --git a/CHANGELOG-fr.md b/CHANGELOG-fr.md
@@ -1,8 +1,12 @@
 # SGDC : Journal des modifications
 
-## v4.2.0
+## v5.0.0
 
-- Remplacement du bouton « Signaler un problème » par le nouvel outil de rétroaction sur la page. L'outil de rétroaction sur la page est facultatif et sera masqué à moins qu'il ne soit explicitement activé et que d'autres conditions sont remplies. Veuillez visiter les exemples de pages pour plus d’informations.
+- **IMPORTANT** **RUPTURE DE COMPATIBILITÉ** Exitscript n'utilise plus targetUrl dans le cadre de la chaîne de requête pour transmettre le lien de destination. Veuillez visiter la [page d'exemple](https://cdts.service.canada.ca/app/cls/WET/gcweb/v5_0_0/cdts/samples/exitscript-fr.html) pour tous les détails.
+- Remplacement du bouton « Signaler un problème » par le nouvel outil de rétroaction sur la page. L'outil de rétroaction sur la page est facultatif et sera masqué à moins qu'il ne soit explicitement activé et que d'autres conditions sont remplies. Veuillez visiter la [page d'exemple](https://cdts.service.canada.ca/app/cls/WET/gcweb/v5_0_0/cdts/samples/feedback-and-share-fr.html) pour plus d’informations.
+- Mise à jour [BOEW](https://github.com/wet-boew/wet-boew/releases/) a v4.0.70.1.
+- Modifications et optimisations internes
+- Corrections de bogues
 
 ## v4.1.0
 

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,8 +1,11 @@
 # CDTS Change Log
 
-## v4.2.0
-
-- Replacing the 'Report a problem button' with the new Page Feedback tool. The Page Feedback tool is optional and will be hidden unless explicitly enabled and other conditions are met. Please visit the sample pages for more information. 
+## v5.0.0
+- **IMPORTANT** **BREAKING CHANGE** Exitscript no longer uses targetUrl as part of the query string to pass the destination link. Please visit the [sample page](https://cdts.service.canada.ca/app/cls/WET/gcweb/v5_0_0/cdts/samples/exitscript-en.html) for all the details.
+- Replacing the 'Report a problem button' with the new Page Feedback tool. The Page Feedback tool is optional and will be hidden unless explicitly enabled and other conditions are met. Please visit the [sample page](https://cdts.service.canada.ca/app/cls/WET/gcweb/v5_0_0/cdts/samples/feedback-and-share-en.html) for more information. 
+- Updated [WET](https://github.com/wet-boew/wet-boew/releases/) to v4.0.70.1.
+- Internal changes and optimizations
+- Bug fixes
 
 ## v4.1.0
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cdts-sgdc",
-  "version": "4.2.0",
+  "version": "5.0.0",
   "private": true,
   "scripts": {
     "translate": "grunt --stack i18n-ejs --cdts_samples_cdnenv=localhost",

diff --git a/public/gcintranet/samples/exitscript-en.html b/public/gcintranet/samples/exitscript-en.html
@@ -54,7 +54,7 @@
 		</script>
 		<main property="mainContentOfPage" typeof="WebPageElement" class="container">
 			<h1 property="name" id="wb-cont">Leaving a secure site</h1>
-            <p>In certain scenarios (ex: secure sites) we want to notify the user that the link or action they have just performed will exit the current secured site/session and it is possible that data could be lost. The message allows the user to cancel the redirect or continue with the redirect.</p>
+            <p>In certain scenarios (ex: secure sites) we want to notify the user that the link or action they have just performed will exit the current secured site/session and it is possible that data could be lost. The message allows the user to cancel or continue to the external site.</p>
 			<p>When enabled, this feature will:</p>
             <ul>
                 <li>display the message to the user in the form of a modal window</li>
@@ -66,7 +66,8 @@ <h2>Implementation</h2>
 			<p>The exit script is added in the <code>refFooter</code> section of the page, via the <code class="wb-prettify">exitSecureSite</code> object. This object has the following properties that can be assigned a value:</p>
             <ul>
                 <li><code class="wb-prettify">exitScript</code>: Set to true to enable the Exit Script functionality</li>
-                <li><code class="wb-prettify">displayModal</code>: Set to true to show the modal dialog warning the user is about to leave the secure site. Otherwise, continue directly to the exit Url.</li>
+                <li><code class="wb-prettify">displayModal</code>: Set to true to show the modal dialog warning the user is about to leave the secure site.</li>
+                <li><code class="wb-prettify">exitURL</code>: Set an url that you would like the user to redirect to. The user will NOT see a modal dialog warning the user is about to leave the secure site. This parameter will be ignored if <code>displayModal</code> is set to true</li>
                 <li><code class="wb-prettify">msgBoxHeader</code>: Customize the title of the modal dialog otherwise a default title will show</li>
                 <li><code class="wb-prettify">exitMsg</code>: Customize the message of the modal dialog</li>
                 <li><code class="wb-prettify">cancelMsg</code>: Customize the label on the cancel button</li>
@@ -83,7 +84,6 @@ <h2>Implementation</h2>
     "exitSecureSite" : {
         exitScript: true,
         displayModal: true,
-        exitURL: "exiturl-en.html",
         exitMsg: "This is a custom message. You are about to leave a secure site, do you wish to continue?",
         cancelMsg: "Nope",
         yesMsg : "Sure",
@@ -95,11 +95,13 @@ <h2>Implementation</h2>
             </pre>
             <section>
 				<h2>Example</h2>
+				<p>The following examples are links that show the modal dialog.</p>
+				<p>For examples with redirect, please visit <a href="exitscript-redirect-en.html">here.</a></p>
 				<ul class="lst-spcd">
 					<li>
 						This link <a href="https://www.google.ca/">https://www.google.ca/</a>
 						has a host name (google.ca) different from yours.
-						You'll be redirect to <code>exiturl-en.html</code> page because the <code>exitURL</code> parameter contains the value <code>exiturl-en.html</code>.
+						You will see a warning modal dialog. 
 					</li>
 					<li>
 						This link <a target="_blank" href="https://www.w3schools.com">https://www.w3schools.com</a>
@@ -108,17 +110,17 @@ <h2>Example</h2>
 					</li>
 					<li>
 						This link <a href="breadcrumbs-en.html">breadcrumbs-en.html</a> has the same host name as yours.
-						You won't be redirect to <code>exiturl-en.html</code>.
+						You won't see a warning modal dialog.
 					</li>
 					<li>
 						This link <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG">https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG</a>
 						has his host name (developer.mozilla.org) in the exception list <code>exitDomains</code>.
-						You won't be redirect to <code>exiturl-en.html</code>.
+						You won't see a warning modal dialog.
 					</li>
 					<li>
 						This link <a href="https://www.canada.ca/" cdts-exitscript-disabled="true">https://www.canada.ca/</a>
 						has the attribute <code>cdts-exitscript-disabled</code> exempting it from exit script.
-						You won't be redirect to <code>exiturl-en.html</code>.
+						You won't see a warning modal dialog.
 					</li>
 				</ul>
 			</section>
@@ -131,7 +133,7 @@ <h2>Example</h2>
 				var defPreFooter = document.getElementById("def-preFooter");
 				defPreFooter.outerHTML = wet.builder.preFooter({
 					"cdnEnv": "prod",
-					"dateModified": "2021-05-17"
+					"dateModified": "2023-11-09",
 				});
 			</script>
 		</main>
@@ -152,7 +154,6 @@ <h2>Example</h2>
 				"exitSecureSite" : {
 				    exitScript: true,
 				    displayModal: true,
-				    exitURL: "exiturl-en.html",
 				    exitMsg: "This is a custom message. You are about to leave a secure site, do you wish to continue?",
 				    cancelMsg: "Nope",
 				    yesMsg: "Sure",

diff --git a/public/gcintranet/samples/exitscript-fr.html b/public/gcintranet/samples/exitscript-fr.html
@@ -54,7 +54,7 @@
 		</script>
 		<main property="mainContentOfPage" typeof="WebPageElement" class="container">
 			<h1 property="name" id="wb-cont">Quitter un site sécurisé</h1>
-            <p>Dans certains scénarios (exemple: sites sécurisés), nous souhaitons informer l'utilisateur que le lien ou l'action qu'il vient d'effectuer va quitter le site / session sécurisé en cours et qu'il est possible que des données soient perdues. Le message permet à l'utilisateur d'annuler la redirection ou de poursuivre la redirection.</p>
+            <p>Dans certains scénarios (exemple: sites sécurisés), nous souhaitons informer l'utilisateur que le lien ou l'action qu'il vient d'effectuer va quitter le site / session sécurisé en cours et qu'il est possible que des données soient perdues. Le message permet à l'utilisateur d'annuler ou de continuer vers le site externe.</p>
 			<p>Lorsqu'elle est activée, cette fonction:</p>
             <ul>
                 <li>afficher le message à l'utilisateur sous la forme d'une fenêtre modale</li>
@@ -63,10 +63,11 @@ <h1 property="name" id="wb-cont">Quitter un site sécurisé</h1>
                 <li>autorisez votre application à exclure tous les domaines du déclenchement de l'avertissement</li>
             </ul>
             <h2>Mise en oeuvre</h2>
-			<p>La configuration est ajouté dans la section <code>refFooter</code> de la page, via l'objet <code class="wb-prettify">exitSecureSite</code>. Cet objet possède les propriétés suivantes auxquelles une valeur peut être affectée :</p>
+			<p>La configuration est ajouté dans la section <code>refFooter</code> de la page. Cet objet possède les propriétés suivantes auxquelles une valeur peut être affectée :</p>
             <ul>
                 <li><code class="wb-prettify">exitScript</code>: Défini <code>true</code> pour activer la fonctionnalité Exit Script</li>
-                <li><code class="wb-prettify">displayModal</code>: Défini sur <code>true</code> pour afficher la boîte de dialogue modale avertissant que l'utilisateur est sur le point de quitter le site sécurisé. Sinon, passez directement au Url de sortie.</li>
+                <li><code class="wb-prettify">displayModal</code>: Défini sur <code>true</code> pour afficher la boîte de dialogue modale avertissant que l'utilisateur est sur le point de quitter le site sécurisé.</li>
+                <li><code class="wb-prettify">exitURL</code>: Définissez une URL vers laquelle vous souhaitez que l'utilisateur soit redirigé. L'utilisateur ne verra PAS de boîte de dialogue modale avertissant que l'utilisateur est sur le point de quitter le site sécurisé. Ce paramètre sera ignoré si <code>displayModal</code> est défini sur <code>true</code></li>
                 <li><code class="wb-prettify">msgBoxHeader</code>: Personnalisez le titre de la boîte de dialogue modale sinon un titre par défaut s'affichera</li>
                 <li><code class="wb-prettify">exitMsg</code>: Personnaliser le message de la boîte de dialogue modale</li>
                 <li><code class="wb-prettify">cancelMsg</code>: Personnalisez l'étiquette sur le bouton d'annulation</li>
@@ -83,7 +84,6 @@ <h2>Mise en oeuvre</h2>
     exitSecureSite : {
         exitScript: true,
         displayModal: true,
-        exitURL: "exiturl-fr.html",
         exitMsg: "Ceci est un message personnalisé. Vous êtes sur le point de quitter un site sécurisé, désirez-vous continuer?",
         cancelMsg: "Arrêter",
         yesMsg : "Continuer",
@@ -95,30 +95,32 @@ <h2>Mise en oeuvre</h2>
             </pre>
             <section>
 				<h2>Exemple</h2>
+				<p>Les exemples suivants sont des liens qui affichent la boîte de dialogue modale.</p>
+				<p>Pour des exemples de redirection, veuillez visiter <a href="exitscript-redirect-fr.html">ici.</a></p>
 				<ul class="lst-spcd">
 					<li>
 						Ce lien <a href="https://www.google.ca/">https://www.google.ca/</a>
 						a un nom de domaine (google.ca) différent du vôtre.
-						Vous serez redirigé sur la page <code>exiturl-fr.html</code> Vous serez redirigé sur la page <code>exitURL</code> contient la valeur <code>exiturl-fr.html</code>.
+						Vous verrez une boîte de dialogue modale d’avertissement.
 					</li>
 					<li>
 						Ce lien <a target="_blank" href="https://www.w3schools.com">https://www.w3schools.com</a>
 						s'ouvrira dans une autre fenêtre. Avec le paramètre <code>targetWarning</code>, vous pouvez définir un message qui avertira les utilisateurs que le lien s'ouvrira dans une autre fenêtre.
 						Ce message ajoutera le message d'affichage existant.
 					</li>
 					<li>
-						Ce lien <a href="breadcrumbs-fr.html">breadcrumbs-fr.html</a> a le même nom de domaine que le vôtre.
-						Vous ne serez pas redirigé vers <code>exiturl-fr.html</code>.
+						Ce lien <a href="breadcrumbs-en.html">breadcrumbs-en.html</a> a le même nom de domaine que le vôtre.
+						Vous ne verrez pas de boîte de dialogue modale d'avertissement.
 					</li>
 					<li>
 						Ce lien <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG">https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG</a>
 						a son nom d'hôte (developer.mozilla.org) dans la liste des exceptions <code>exitDomains</code>.
-						Vous ne serez pas redirigé vers <code>exiturl-fr.html</code>.
+						Vous ne verrez pas de boîte de dialogue modale d'avertissement.
 					</li>
 					<li>
 						Ce lien <a href="https://www.canada.ca/" cdts-exitscript-disabled="true">https://www.canada.ca/</a>
 						a l'attribut <code>cdts-exitscript-disabled</code> l'exemptant de script.
-						Vous ne serez pas redirigé vers <code>exiturl-en.html</code>.
+						Vous ne verrez pas de boîte de dialogue modale d'avertissement.
 					</li>
 				</ul>
 			</section>
@@ -130,7 +132,7 @@ <h2>Exemple</h2>
 			<script>
 				var defPreFooter = document.getElementById("def-preFooter");
 				defPreFooter.outerHTML = wet.builder.preFooter({
-					"dateModified": "2021-05-18",
+					"dateModified": "2023-11-09",
 					"cdnEnv": "prod"
 				});
 			</script>
@@ -152,7 +154,6 @@ <h2>Exemple</h2>
 				"exitSecureSite" : {
 				    exitScript: true,
 				    displayModal: true,
-				    exitURL: "exiturl-fr.html",
 				    exitMsg: "Ceci est un message personnalisé. Vous êtes sur le point de quitter un site sécurisé, désirez-vous continuer?",
 				    cancelMsg: "Arrêter",
 				    yesMsg : "Continuer",