Nettoyage d'IPI

Questions ou commentaires?

But

Ce composant permet de détecter et de remplacer les informations personnelles identifiables (IPI) par du contenu caviardé.

Voici la liste des IPI que le plugiciel recherchera et caviardera :

Un message contextuel informera l'utilisateur si un champ contient des informations personnelles et affichera le résultat des données nettoyées. L'utilisateur peut choisir de revenir au formulaire et de supprimer les données manuellement ou de procéder à la suppression automatique des informations personnelles.

Pour plus de détails sur le comportement de nettoyage des IPI, veuillez consulter l'assistant de base wet-boew:wb.findPotentialPII.

Utiliser lorsque

Exemple pratique

Comment implémenter le plugiciel

  1. Ajoutez la classe CSS wb-pii-scrub à l'élément <form> contenant les champs que vous souhaitez nettoyer.
  2. Ajoutez l'attribut suivant data-scrub-field pour chaque champ texte du formulaire susceptible de contenir des informations personnelles. 
    <input id="email" name="email" type="email" data-scrub-field />

Options de configuration

Toutes les options de configuration du plugiciel sont contrôlées par l'attribut data-wb-pii-scrub. Par exemple : data-wb-pii-scrub='{ "scrubChar": "XXXXXXX" }'

Option Description Type Valeur par défaut
scrubChar Utilisé pour définir par quelle chaîne les IPI seront remplacés. String ********
modalTemplate

Utilisé pour définir le modèle HTML de la fenêtre modale affichée lorsque des informations personnelles sont trouvées dans un champ.

Votre modèle doit inclure les éléments suivants :

  • L'espace réservé pour les champs IPI : <div data-scrub-modal-fields></div>. Cet espace réservé sera rempli avec la liste des champs IPI et leur libellé associé.
  • Un bouton Annuler. Ce bouton doit avoir la classe CSS popup-modal-dismiss. Par exemple : <button type="button" class="btn btn-link btn-block popup-modal-dismiss">Revenir en arrière et modifier les champs</button>
  • Un bouton Soumettre. Ce bouton doit avoir l'attribut data-scrub-submit et la classe CSS popup-modal-dismiss. Par exemple : <button type="button" class="btn btn-primary btn-block popup-modal-dismiss" data-scrub-submit>Envoyer le commentaire</button>
 Sélecteur CSS Voir l'exemple pratique pour le modèle HTML par défaut.

Événements

Voici les événements publics qui peuvent être utilisés par les implémenteurs ou les développeurs.

Événement Déclencheur Effet déclenché
wb-init.wb-pii-scrub Déclenché manuellement (e.g., $( ".wb-pii-scrub" ).trigger( "wb-init.wb-pii-scrub" );). Utilisé pour initialiser manuellement le plugiciel Nettoyage d'IPI.
wb-ready.wb-pii-scrub (v4.0.24+) Déclenché automatiquement après l'initialisation du plugiciel Nettoyage d'IPI.

Utilisé afin d'identifier l'élément sur lequel le plugiciel Nettoyage d'IPI a été initialisé (la cible de l'événement)

$( document ).on( "wb-ready.wb-pii-scrub", ".wb-pii-scrub", function( event ) {});
$( ".wb-pii-scrub" ).on( "wb-ready.wb-pii-scrub", function( event ) {});
wb-ready.wb (v4.0.24+) Déclenché automatiquement lorsque la WET-BOEW a terminé son chargement et son exécution. Utilisé pour identifier le moment lorsque tous les plugiciels et tous les polyfills de la WET-BOEW ont terminé de charger et de s'exécuter. 
$( document ).on( "wb-ready.wb", function( event ) {});

Code source

Code source du plugiciel Data Scrub sur GitHub

Date de modification :