From 1788c390abf22c4cbcaab5022f4f9960747d5208 Mon Sep 17 00:00:00 2001 From: Web Experience Toolkit Bot Date: Wed, 15 Jan 2025 19:25:16 +0000 Subject: [PATCH] CD 12795497770: Update GCWeb compiled demos files --- _wetboew-demos/pii-scrub/pii-scrub-en.html | 288 ++++++++++++++++++ _wetboew-demos/pii-scrub/pii-scrub-fr.html | 288 ++++++++++++++++++ .../session-timeout/session-timeout-en.html | 31 +- .../session-timeout/session-timeout-fr.html | 28 +- .../session-timeout-text-override-en.html | 26 ++ .../session-timeout-text-override-fr.html | 23 ++ 6 files changed, 627 insertions(+), 57 deletions(-) create mode 100644 _wetboew-demos/pii-scrub/pii-scrub-en.html create mode 100644 _wetboew-demos/pii-scrub/pii-scrub-fr.html create mode 100644 _wetboew-demos/session-timeout/session-timeout-text-override-en.html create mode 100644 _wetboew-demos/session-timeout/session-timeout-text-override-fr.html diff --git a/_wetboew-demos/pii-scrub/pii-scrub-en.html b/_wetboew-demos/pii-scrub/pii-scrub-en.html new file mode 100644 index 0000000..29ae569 --- /dev/null +++ b/_wetboew-demos/pii-scrub/pii-scrub-en.html @@ -0,0 +1,288 @@ +--- +{ + "title": "PII Scrub", + "language": "en", + "category": "Plugins", + "description": "Replace Personal Identifiable Information (PII) from the form flagged fields with redacted characters.", + "tag": "pii-scrub", + "parentdir": "pii-scrub", + "altLangPrefix": "pii-scrub", + "dateModified": "2024-11-19" +} +--- +
+ +

Replace Personal Identifiable Information (PII) from the form flagged fields with redacted characters.

+ +

On this page

+ + +

Basic example

+

Below is a basic example of how to implement the PII Scrub plugin.

+
+
+

Instructions

+
+
+

Fill the below fields with the following values:

+
    +
  • Subject: My PRI: 012345678
    • +
  • Message: Visa: 4916 0739.3667-6891, Master: 5428735149026050, SIN: 123 123-123, Postal code: K2C 3N2, Driving Licence Nr: P12345678912345, Bank account example: 003-1234567
    • +
+
+
+ +
+
+
+ + +
+
+ + +
+ +
+
+ +
+ View code + 
<form action="pii-scrub-en.html" class="wb-pii-scrub">
+	<div class="form-content">
+		<div class="form-group">
+			<label for="subject"><span class="field-name">Subject</span></label>
+			<input class="form-control" id="subject" name="subject" type="text" data-scrub-field />
+		</div>
+		<div class="form-group">
+			<label for="message">Message</label>
+			<textarea class="form-control" id="message" name="message" data-scrub-field rows="4" cols="50"></textarea>
+		</div>
+		<button type="submit" class="btn btn-primary">Submit</button>
+	</div>
+</form>
+
+ +

Example with form Postback and custom modal template

+

Below is an example demonstrating the implementation of the PII Scrub plugin with a form submitted with Postback. This example also demonstrates the use of the srubChar and moreInfo options.

+
+
+

Instructions

+
+
+

Only the Comments field has a data-scrub-field attribute.

+

Fill the Comments field with the following:
Visa: 4916 0739.3667-6891, Master: 5428735149026050, SIN: 123 123-123, Postal code: K2C 3N2, Driving Licence Nr: P12345678912345, Bank account example: 003-1234567

+
+
+
+ +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+

Thank you!

+

Something went wrong. Please submit your information via an alternative method.

+
+ View code + 
<form action="pii-scrub-en.html" class="wb-postback wb-pii-scrub" data-wb-postback='{"success":".success-message","failure":".failure-message"}' data-wb-pii-scrub='{"scrubChar": "████████", "modalTemplate": "[data-scrub-modal]"}'>
+	<template data-scrub-modal>
+		<header class="modal-header">
+			<h2 class="modal-title">Personal information in your comment has been removed</h2>
+		</header>
+		<div class="modal-body">
+			<p>Comments are only used to improve our website. You will not receive a response.</p>
+			<p><strong>To protect your privacy, your comment will be submitted as:</strong></p>
+			<div data-scrub-modal-fields></div>
+			<details class="mrgn-tp-md">
+				<summary>What is considered personal information?</summary>
+				<p>Certain types of information can’t be included in this feedback form, such as your:</p>
+				<ul>
+					<li>email address</li>
+					<li>telephone number</li>
+					<li>postal code</li>
+					<li>passport number</li>
+					<li>business number</li>
+					<li>social insurance number (SIN)</li>
+				</ul>
+			</details>
+		</div>
+		<div class="modal-footer">
+			<div class="row">
+				<div class="col-xs-12 col-sm-6 mrgn-tp-sm"><button type="button" class="btn btn-link btn-block popup-modal-dismiss">Go back and edit comment</button></div>
+				<div class="col-xs-12 col-sm-6 mrgn-tp-sm"><button type="button" class="btn btn-primary btn-block popup-modal-dismiss" data-scrub-submit>Submit comment</button></div>
+			</div>
+		</div>
+	</template>
+	<div class="form-content">
+		<div class="form-group">
+			<label for="firstname1"><span class="field-name">First Name</span></label>
+			<input class="form-control" id="firstname1" name="firstname" type="text" />
+		</div>
+		<div class="form-group">
+			<label for="lastname1"><span class="field-name">Last Name</span></label>
+			<input class="form-control" id="lastname1" name="lastname" type="text" />
+		</div>
+		<div class="form-group">
+			<label for="comments">Comments</label>
+			<textarea class="form-control" id="comments" name="comments" data-scrub-field rows="4" cols="50"></textarea>
+		</div>
+		<button class="btn btn-primary">Submit</button>
+	</div>
+</form>
+<p class="success-message hide">Thank you!</p>
+<p class="failure-message hide">Something went wrong. Please submit your information via an alternative method.</p>
+
+ +

Example with form Form validation

+

Below is an example demonstrating the implementation of the PII Scrub plugin with Form validation.

+
+
+

Instructions

+
+
+

Only the Comments field has a data-scrub-field attribute.

+

Fill the Comments field with the following:
Visa: 4916 0739.3667-6891, Master: 5428735149026050, SIN: 123 123-123, Postal code: K2C 3N2, Driving Licence Nr: P12345678912345, Bank account example: 003-1234567

+
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+ View code + 
<div class="wb-frmvld mrgn-bttm-md">
+		<form action="pii-scrub-en.html" class="wb-pii-scrub">
+			<div class="form-content">
+				<div class="form-group">
+					<label for="fname1" class="required"><span class="field-name">First name</span> <strong class="required">(required)</strong></label>
+					<input class="form-control" id="fname1" name="fname1" type="text" autocomplete="given-name" required="required" data-rule-minlength="2" />
+				</div>
+				<div class="form-group">
+					<label for="lname1" class="required"><span class="field-name">Last name</span> <strong class="required">(required)</strong></label>
+					<input class="form-control" id="lname1" name="lname1" type="text" autocomplete="given-name" required="required" data-rule-minlength="2" />
+				</div>
+				<div class="form-group">
+					<label for="preferredNumber1">Preferred: <span class="field-name">Phone Number</span></label>
+					<input class="form-control" id="preferredNumber1" name="preferredNumber" type="tel" />
+				</div>
+				<div class="form-group">
+					<label for="comments2">Comments</label>
+					<textarea class="form-control" id="comments2" name="comments2" data-scrub-field rows="4" cols="50"></textarea>
+				</div>
+				<button class="btn btn-primary">Submit</button>
+			</div>
+		</form>
+	</div>
+
+ +

Example with form Form validation and Postback

+

Below is an example demonstrating the implementation of the PII Scrub plugin with Form validation and Postback.

+
+
+

Instructions

+
+
+

Only the Issue field has a data-scrub-field attribute.

+

Fill the Issue field with the following:
Visa: 4916 0739.3667-6891, Master: 5428735149026050, SIN: 123 123-123, Postal code: K2C 3N2, Driving Licence Nr: P12345678912345, Bank account example: 003-1234567

+
+
+
+
+
+
+ + +
+
+ + +
+ +
+
+

Thank you!

+

Something went wrong. Please submit your information via an alternative method.

+
+
+ View code + 
<div class="wb-frmvld mrgn-bttm-md">
+	<form action="pii-scrub-en.html" class="wb-pii-scrub wb-postback" data-wb-postback='{"success":".success-message-2","failure":".failure-message-2"}'>
+		<div class="form-content">
+			<div class="form-group">
+				<label for="fullName" class="required"><span class="field-name">Full name</span> <strong class="required">(required)</strong></label>
+				<input class="form-control" id="fullName" name="fullName" type="text" required="required" data-rule-minlength="2" />
+			</div>
+			<div class="form-group">
+				<label for="issue">Issue</label>
+				<textarea class="form-control" id="issue" name="issue" data-scrub-field rows="4" cols="50"></textarea>
+			</div>
+			<button class="btn btn-primary">Submit</button>
+		</div>
+	</form>
+	<p class="success-message-2 hide">Thank you!</p>
+	<p class="failure-message-2 hide">Something went wrong. Please submit your information via an alternative method.</p>
+</div>
+
diff --git a/_wetboew-demos/pii-scrub/pii-scrub-fr.html b/_wetboew-demos/pii-scrub/pii-scrub-fr.html new file mode 100644 index 0000000..180fe53 --- /dev/null +++ b/_wetboew-demos/pii-scrub/pii-scrub-fr.html @@ -0,0 +1,288 @@ +--- +{ + "title": "Nettoyage d'IPI", + "language": "fr", + "category": "Plugiciels", + "description": "Remplacez les informations personnelles identifiables (IPI) des champs marqués par des caractères caviardés.", + "tag": "pii-scrub", + "parentdir": "pii-scrub", + "altLangPrefix": "pii-scrub", + "dateModified": "2024-11-19" +} +--- +
+ +

Remplacez les informations personnelles identifiables (IPI) des champs marqués par des caractères caviardés.

+ +

Sur cette page

+ + +

Exemple de base

+

Vous trouverez ci-dessous un exemple de base de la manière d'implémenter le plugin Nettoyage d'IPI.

+
+
+

Instructions

+
+
+

Remplissez les champs ci-dessous avec les valeurs suivantes :

+
    +
  • Objet : Mon PRI : 012345678
    • +
  • Message : Visa : 4916 0739.3667-6891, Master : 5428735149026050, NAS : 123 123-123, Code postal : K2C 3N2, numéro de permis de conduire : P12345678912345, Compte bancaire : 003-1234567
    • +
+
+
+ +
+
+
+ + +
+
+ + +
+ +
+
+ +
+ Afficher le code + 
<form action="pii-scrub-fr.html" class="wb-pii-scrub">
+	<div class="form-content">
+		<div class="form-group">
+			<label for="subject"><span class="field-name">Objet</span></label>
+			<input class="form-control" id="subject" name="subject" type="text" data-scrub-field />
+		</div>
+		<div class="form-group">
+			<label for="message">Message</label>
+			<textarea class="form-control" id="message" name="message" data-scrub-field rows="4" cols="50"></textarea>
+		</div>
+		<button type="submit" class="btn btn-primary">Soumettre</button>
+	</div>
+</form>
+
+ +

Exemple avec envoi via Ajax et gabarit de fenêtre contextuelle personnalisé

+

Vous trouverez ci-dessous un exemple démontrant l'implémentation du plugiciel Nettoyage d'IPI avec un formulaire soumis avec l'Envoi via Ajax. Cet exemple démontre également l'utilisation des options srubChar et moreInfo.

+
+
+

Instructions

+
+
+

Seul le champ Commentaires possède un attribut data-scrub.

+

Remplissez le champ Commentaires avec les informations suivantes :
Visa : 4916 0739.3667-6891, Master : 5428735149026050, NAS : 123 123-123, Code postal : K2C 3N2, numéro de permis de conduire : P12345678912345, Compte bancaire : 003-1234567

+
+
+
+ +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+

Merci !

+

Une erreur s'est produite. Veuillez soumettre vos informations via une autre méthode.

+
+ Afficher le code + 
<form action="pii-scrub-fr.html" class="wb-postback wb-pii-scrub" data-wb-postback='{"success":".success-message","failure":".failure-message"}' data-wb-pii-scrub='{"scrubChar": "████████", "modalTemplate": "[data-scrub-modal]"}'>
+	<template data-scrub-modal>
+		<header class="modal-header">
+			<h2 class="modal-title">Les informations personnelles contenues dans votre commentaire ont été supprimées</h2>
+		</header>
+		<div class="modal-body">
+			<p>Les commentaires servent uniquement à améliorer notre site. Vous ne recevrez pas de réponse.</p>
+			<p><strong>Pour protéger votre vie privée, votre commentaire sera soumis comme suit :</strong></p>
+			<div data-scrub-modal-fields></div>
+			<details class="mrgn-tp-md">
+				<summary>Qu’est-ce qui est considéré comme une information personnelle?</summary>
+				<p>Certains types d’informations ne peuvent pas être inclus dans ce formulaire de commentaires, tels que :</p>
+				<ul>
+					<li>adresse courriel</li>
+					<li>numéro de téléphone</li>
+					<li>code postal</li>
+					<li>numéro de passeport</li>
+					<li>numéro d'entreprise</li>
+					<li>numéro d'assurance sociale (NAS)</li>
+				</ul>
+			</details>
+		</div>
+		<div class="modal-footer">
+			<div class="row">
+				<div class="col-xs-12 col-sm-6 mrgn-tp-sm"><button type="button" class="btn btn-link btn-block popup-modal-dismiss">Fermer et modifier le commentaire</button></div>
+				<div class="col-xs-12 col-sm-6 mrgn-tp-sm"><button type="button" class="btn btn-primary btn-block popup-modal-dismiss" data-scrub-submit>Soumettre le commentaire</button></div>
+			</div>
+		</div>
+	</template>
+	<div class="form-content">
+		<div class="form-group">
+			<label for="firstname1"><span class="field-name">Prénom</span></label>
+			<input class="form-control" id="firstname1" name="firstname" type="text" />
+		</div>
+		<div class="form-group">
+			<label for="lastname1"><span class="field-name">Nom de famille</span></label>
+			<input class="form-control" id="lastname1" name="lastname" type="text" />
+		</div>
+		<div class="form-group">
+			<label for="comments">Commentaires</label>
+			<textarea class="form-control" id="comments" name="comments" data-scrub-field rows="4" cols="50"></textarea>
+		</div>
+		<button class="btn btn-primary">Soumettre</button>
+	</div>
+</form>
+<p class="success-message hide">Merci !</p>
+<p class="failure-message hide">Une erreur s'est produite. Veuillez soumettre vos informations via une autre méthode.</p>
+
+ +

Exemple avec validation de formulaire

+

Vous trouverez ci-dessous un exemple illustrant l'implémentation du plugin Nettoyage d'IPI avec validation de formulaire.

+
+
+

Instructions

+
+
+

Seul le champ Commentaires possède un attribut data-scrub.

+

Remplissez le champ Commentaires avec les informations suivantes :
Visa : 4916 0739.3667-6891, Master : 5428735149026050, NAS : 123 123-123, Code postal : K2C 3N2, numéro de permis de conduire : P12345678912345, Compte bancaire : 003-1234567

+
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+ Afficher le code + 
<div class="wb-frmvld mrgn-bttm-md">
+	<form action="pii-scrub-en.html" class="wb-pii-scrub">
+		<div class="form-content">
+			<div class="form-group">
+				<label for="fname1" class="required"><span class="field-name">Prénom</span> <strong class="required">(obligatoire)</strong></label>
+				<input class="form-control" id="fname1" name="fname1" type="text" autocomplete="given-name" required="required" data-rule-minlength="2" />
+			</div>
+			<div class="form-group">
+				<label for="lname1" class="required"><span class="field-name">Nom de famille</span> <strong class="required">(obligatoire)</strong></label>
+				<input class="form-control" id="lname1" name="lname1" type="text" autocomplete="given-name" required="required" data-rule-minlength="2" />
+			</div>
+			<div class="form-group">
+				<label for="preferredNumber1">De préférence : <span class="field-name">Numéro de téléphone</span></label>
+				<input class="form-control" id="preferredNumber1" name="preferredNumber" type="tel" />
+			</div>
+			<div class="form-group">
+				<label for="comments">Commentaires</label>
+				<textarea class="form-control" id="comments" name="comments" data-scrub-field rows="4" cols="50"></textarea>
+			</div>
+			<button class="btn btn-primary">Soumettre</button>
+		</div>
+	</form>
+</div>
+
+ +

Exemple avec validation de formulaire et avec envoi via Ajax

+

Vous trouverez ci-dessous un exemple illustrant l'implémentation du plugin Nettoyage d'IPI avec validation de formulaire et envoi via Ajax.

+
+
+

Instructions

+
+
+

Seul le champ Problème possède un attribut data-scrub.

+

Remplissez le champ Problème avec les informations suivantes :
Visa : 4916 0739.3667-6891, Master : 5428735149026050, NAS : 123 123-123, Code postal : K2C 3N2, numéro de permis de conduire : P12345678912345, Compte bancaire : 003-1234567

+
+
+
+
+
+
+ + +
+
+ + +
+ +
+
+

Merci !

+

Une erreur s'est produite. Veuillez soumettre vos informations via une autre méthode.

+
+
+ View code + 
<div class="wb-frmvld mrgn-bttm-md">
+	<form action="pii-scrub-en.html" class="wb-pii-scrub wb-postback" data-wb-postback='{"success":".success-message-2","failure":".failure-message-2"}'>
+		<div class="form-content">
+			<div class="form-group">
+				<label for="nomComplet" class="required"><span class="field-name">Nom complet</span> <strong class="required">(required)</strong></label>
+				<input class="form-control" id="nomComplet" name="nomComplet" type="text" required="required" data-rule-minlength="2" />
+			</div>
+			<div class="form-group">
+				<label for="probleme">Problème</label>
+				<textarea class="form-control" id="probleme" name="probleme" data-scrub-field rows="4" cols="50"></textarea>
+			</div>
+			<button class="btn btn-primary">Submit</button>
+		</div>
+	</form>
+	<p class="success-message-2 hide">Merci !</p>
+	<p class="failure-message-2 hide">Une erreur s'est produite. Veuillez soumettre vos informations via une autre méthode.</p>
+</div>
+
diff --git a/_wetboew-demos/session-timeout/session-timeout-en.html b/_wetboew-demos/session-timeout/session-timeout-en.html index 36be4b2..2c96b33 100644 --- a/_wetboew-demos/session-timeout/session-timeout-en.html +++ b/_wetboew-demos/session-timeout/session-timeout-en.html @@ -13,39 +13,10 @@ -
-

Overview

-

This plugin helps web page owners by providing session timeout and inactivity timeout functionality. When a user requests a page with this plugin implemented their session will begin. After the specified session period, they will be notified that their session is about to timeout. At this point, they will have the option to remain logged in by clicking "Continue session", or signing out by clicking "End session now".

-

At any time during the session, if the user remains idle for a specified amount of time, they will be notified that they're session is about to timeout. In either case, if the user does not respond to the timeout notification within a specified amount of time, once they click either "Continue session" or "End session now" they will be automatically redirected to the sign out page.

-

The plugin is setup using the following HTML:

- - 
<span class="wb-sessto" data-wb-sessto='{"inactivity": 1200000, "reactionTime": 30000, "sessionalive": 1200000, "logouturl": "./", "refreshCallbackUrl": "./"}'></span>
- -

This allows you to configure the plugin:

- -

The only required parameter is logouturl, all other fields are optional. The default plugin code is:

- 
<span class="wb-sessto" data-wb-sessto='{logouturl: "./"}'></span>
-

Note: The inactivity, reactionTime and sessionalive parameters are set in milliseconds. For help with the time values, use this time converter.

-

Note: Your sessionalive and inactivity parameters should be equal to your web server session alive time minus the reactionTime time. If you set your sessionalive time and inactivity time to the same as your web server without taking into consideration the reactionTime time then the session will have ended by the server as soon as the popup appears to extend the session.

-

Note: The server response needs to contain a message body. Don't use a request method (e.g. HEAD) that disallows a message body in the response.

-
-

How do I use it?

Add the following to the page:

- 
<span class="wb-sessto" data-wb-sessto='{logouturl: "./"}'></span>
+ 
<span class="wb-sessto" data-wb-sessto='{"inactivity": 30000, "logouturl": "../index-en.html"}'></span>
diff --git a/_wetboew-demos/session-timeout/session-timeout-fr.html b/_wetboew-demos/session-timeout/session-timeout-fr.html index e14f790..e44ff7e 100644 --- a/_wetboew-demos/session-timeout/session-timeout-fr.html +++ b/_wetboew-demos/session-timeout/session-timeout-fr.html @@ -13,35 +13,9 @@ -
-

Aperçu

-

Ce plugiciel aidera les propriétaires d'actifs Web à configurer leurs actifs avec une fonction « Expiration de la session ». Celle-ci sera activée en deux circonstances : après une période de temps spécifique ou lors d'inactivité.

-

Par exemple, si l'utilisateur demeure trop longtemps sur la même page, la fonction sera activée. De même, si l’utilisateur demeure inactif, la fonction sera activée. Le fureteur affichera alors une boîte de dialogue proposant deux options à l'utilisateur ; s’il souhaite rester connecté il devra sélectionner « Continuer la session » et ce, dans un laps de temps précis et s’il souhaite mettre fin à sa session, il n’aura qu’à choisir « Mettre fin à la session ». Advenant que l'utilisateur tarde trop à faire son choix, ce sera le paramètre de déconnexion qui s’affichera.

-

Le code que vous êtes autorisés à modifier (dans la page) est :

- 
<span class="wb-sessto" data-wb-sessto='{"inactivity": 1200000, "reactionTime": 30000, "sessionalive": 1200000, "logouturl": "./", "refreshCallbackUrl": "./"}'></span>
-

Les paramètres suivants vous permettent de configurer la fonction :

-
    -
  • inactivity : période de temps d'inactivité après laquelle la boîte de dialogue apparaîtra (20 minutes par défaut).
    • -
  • reactionTime : période de temps dont dispose l'utilisateur pour faire un choix lorsque la boîte de dialogue apparaît (3 minutes par défaut).
    • -
  • sessionalive : période de temps durant laquelle la session demeure active avant que la boîte de dialogue n’apparaisse (20 minutes par défaut).
    • -
  • logouturl : adresse URL utilisée pour terminer la session.
    • -
  • signInUrl : adresse URL à laquelle l’utilisateur est acheminé lorsque la session a expiré.
    • -
  • refreshCallback : La fonction utilisée pour vérifier la réponse reçue de refreshCallbackUrl.
    • -
  • refreshCallbackUrl : adresse URL pour effectuer une actualisation ajax, doit retourner "true".
    • -
  • refreshOnClick : Détermine si cliquer sur le document doit réinitialiser le délai d'inactivité et effectuer une requête ajax (si un refreshCallbackUrl a été spécifié).
    • -
  • refreshLimit : Définit le temps qui doit s'écouler avant qu'une requête ajax puisse être effectuée.
    • -
  • method : Définit la méthode de requête utilisée pour les requêtes ajax. Recommandé : GET ou POST.
    • -
  • additionalData : Données supplémentaires à envoyer avec la demande.
    • -
-

Le seul paramètre requis est logouturl, tous les autres champs sont facultatifs. Le JavaScript par défaut serait :

- 
<span class="wb-sessto" data-wb-sessto='{"logouturl": "./"}'></span>
-

Nota : Les paramètres inactivity, reactionTime et sessionAlive sont mis en millisecondes. Voici un outil (disponible en anglais seulement) qui vous aidera a convertir des minutes en millisecondes.

-

Nota : Les paramètres sessionalive et inactivity devrait être égal à votre session sur le serveur web moins le temps de reactionTime. Si vous définissez paramètres sessionalive et inactivity avec le même temps que la session sur le serveur web, sans prendre en considération le temps reactionTime, alors la session sur le serveur sera fini dès que la fenêtre contextuelle apparaît pour prolonger la session.

-
-

Configuration

Ajoutez les lignes suivantes à la page :

- 
<span class="wb-sessto" data-wb-sessto='{logouturl: "./"}'></span>
+ 
<span class="wb-sessto" data-wb-sessto='{"inactivity": 30000, "logouturl": "../index-fr.html"}'></span>

Faites un essai

diff --git a/_wetboew-demos/session-timeout/session-timeout-text-override-en.html b/_wetboew-demos/session-timeout/session-timeout-text-override-en.html new file mode 100644 index 0000000..8638bfe --- /dev/null +++ b/_wetboew-demos/session-timeout/session-timeout-text-override-en.html @@ -0,0 +1,26 @@ +--- +{ + "title": "Session Timeout with text overrides", + "language": "en", + "category": "Plugins", + "description": "Helps Web asset owners to provide session timeout and inactivity timeout functionality.", + "tag": "session-timeout-text-override", + "parentdir": "session-timeout", + "altLangPrefix": "session-timeout-text-override", + "dateModified": "2024-12-16" +} +--- + + + + +
+

How do I use it?

+

Add the textOverrides option to the session timeout element. Here is the current page's example:

+ 
<span class="wb-sessto" data-wb-sessto='{"inactivity": 30000, "reactionTime": 30000, "logouturl": "../index-en.html", "textOverrides": {"buttonContinue": "Keep Going", "buttonEnd": "Goodbye", "timeoutAlready": "You took too long.  Bye!", "buttonSignin": "Start Over", "timeoutEnd": "Are you still there?"}}'></span>
+
+ +
+

Try it out!

+

This page has a 30 seconds inactivity timeout period. You also have 30 seconds to confirm if you want to keep the session alive. Please wait for the prompt to appear.

+
diff --git a/_wetboew-demos/session-timeout/session-timeout-text-override-fr.html b/_wetboew-demos/session-timeout/session-timeout-text-override-fr.html new file mode 100644 index 0000000..49e56b1 --- /dev/null +++ b/_wetboew-demos/session-timeout/session-timeout-text-override-fr.html @@ -0,0 +1,23 @@ +--- +{ + "title": "Expiration de la session avec l'option textOverrides", + "language": "fr", + "category": "Plugiciels", + "description": "Ferme la session de l'utilisateur après un certain délai.", + "tag": "session-timeout-text-override", + "parentdir": "session-timeout", + "altLangPrefix": "session-timeout-text-override", + "dateModified": "2024-11-06" +} +--- + + + +

Configuration

+

Ajoutez l'option textOverrides à l'élément d'expiration de la session. Voici l'exemple de la page actuelle :

+ 
<span class="wb-sessto" data-wb-sessto='{"inactivity": 30000, "reactionTime": 30000, "logouturl": "../index-fr.html", "textOverrides": {"buttonContinue": "Keep Going", "buttonEnd": "Goodbye", "timeoutAlready": "You took too long.  Bye!", "buttonSignin": "Start Over", "timeoutEnd": "Are you still there?"}}'></span>
+
+ +

Faites un essai

+

Cette page a été configurée pour expirer dans 30 secondes. Après ce délai, vous aurez 30 secondes pour choisir de la garder active ou non. Veuillez svp attendre que la boîte de dialogue apparaisse.

+