Filtre du Programme de soutien par les pairs (PSP)

L’objectif de la page Trouver un pair aidant est de fournir un filtre pour réduire la liste de pairs aidants en fonction des critères choisis. La liste de pairs aidants est un tableau de données composé de onze colonnes, soit deux colonnes visibles et neuf colonnes masquées. Les colonnes du tableau sont les suivantes :

  1. Nom
  2. Direction générale
  3. Emplacement
  4. Groupe et niveau
  5. Langue
  6. Communication
  7. Adresse
  8. Environnement
  9. Sexe
  10. Identifiant
  11. Expérience

Les filtres « Expérience vécue », « Identifiant », « Langue » et « Emplacement » ciblent des colonnes spécifiques et le champ « Filtres » s’applique à toute l’information, peu importe la colonne où se trouve le mot clé.

La source des données fournies par le client est une feuille de calcul Excel. Celle ci renferme le code html et les renseignements sur le pair aidant, afin de constituer le corps du tableau de données.

Petit échantillon de la liste des pairs aidants
StatutCode htmlAdresse URLCode htmlPrénom
Actif <tr><td><a href=" /eng/hr/mhw/topics/peer_to_peer/bios/joanne_critch.shtml "target="_blank"> Joanne

Directives de travail pour la publication de la liste des pairs aidants

Remarque: Ces directives s’appliquent aux deux langues.

  1. Sauvegardez une copie du fichier Excel sous « filtre-(même nom que le fichier).xlsx ».
  2. Organisez les dossiers par Statut.
  3. Supprimez tous les dossiers dont le statut n’est pas « Actif ».
  4. Sélectionnez toutes les colonnes à partir de ‘’Statut’’ jusqu’à Commentaires et afficher toutes les colonnes masquées (en cliquant à droite sur les items du menu).
  5. Supprimez les colonnes Statut, Adresse courriel, Numéro de téléphone et Commentaires.
  6. Supprimez la rangée supérieure des en têtes.
  7. Vérifiez que les lignes concordent. S’il n’y a pas assez de lignes de code html, copiez les cellules pour que leur nombre corresponde au nombre de dossiers. S’il y a trop de lignes de code html par rapport aux dossiers, supprimez les lignes sans données.
  8. Copiez tout le contenu de la feuille de calcul dans Notepad++, Dreamweaver ou Notepad.
    1. Supprimez les espaces supplémentaires (onglets), comme celui dans « href »
       (<a href="    /eng/hr/mhw/topics ) en les copiant et en les remplaçant par rien.
  9. Au moyen du navigateur FireFox, copiez tout le contenu dans le JSFiddle pour « nettoyer » le code.
  10. Dans le « DCR » (/hr/mhw/topics/peer_to_peer/bios/index.xml), remplacez le contenu du tableau entre <tbody> & </tbody> par les nouvelles données qui ont été nettoyées dans JSFiddle.
  11. Mettez à jour les biographies touchées par ce changement. Celles qui ont été « retirées temporairement » peuvent être marquées « ne pas soumettre ».
  12. Publiez les pages sur le serveur de prévisualisation aux fins de révision par le client.
  13. Enregistrez la nouvelle version des fichiers Excel sur le lecteur SharePoint d’iService. Ne conservez que trois versions de sorte que nous puissions revenir aux versions antérieures au besoin

Apprenez en davantage sur les tableaux de données.

Configuration des tableaux de données

Remarque : Voici une explication de la configuration des tableaux de données. Ce code ne nécessite aucune modification quand vient le temps de publier du contenu.

<table id="dataset-filter" class="wb-tables table table-striped table-hover" data-wb-tables="{"bDeferRender" : true,
"lengthMenu": [[10, 25, -1], [10, 25, "All"]],
"search": {"regex": true},
"columnDefs": [{ "orderable": false,"targets": [10] },
{ "visible": false, "targets": [1, 2, 3, 4, 5, 6, 7, 8, 9] }]}">

Feature control deferred rendering for additional speed of initialisation. deferRender
"bDeferRender" : true,

Ce paramètre vous permet de spécifier aisément les entrées dans la liste de sélection déroulante des longueurs que DataTables affiche lorsque la pagination est activée. Cette valeur est fixée à 10 au départ et peut être réglée à 25 ou All (Tous).
"lengthMenu": [[10, 25, -1], [10, 25, "All"]],

La recherche permet de définir la façon dont DataTables procédera au filtrage lors de l’initialisation, ainsi que de définir un filtre global initial. Ce tableau sert à traiter la recherche de manière à accepter les expressions régulières.
"search": {"regex": true},

Vous pouvez définir les propriétés d’initialisation de la définition des colonnes. La première colonne du tableau est zéro (0) https://datatables.net/reference/option/columnDefs.
"columnDefs": [{ "orderable": false,"targets": [10] },

Vous pouvez aussi afficher et masquer les colonnes. Dans ce cas, la valeur « visible » est réglée à « false » et les colonnes 1 à 9 sont masquées.
{ "visible": false, "targets": [1, 2, 3, 4, 5, 6, 7, 8, 9] }]}">