Tuto - Comment rajouter une icône dans une requête du système d'information?
- Jean-Pierre Adi
Ce tutoriel fournit une requête qu'il est recommandé d'installer sur l'environnement cible en production ou en préproduction.
- Pour ce faire, cliquer sur ce fichier XML pour le télécharger en local.
- Se connecter à Sylob avec un utilisateur associé au rôle "Sylob_ADM" (la requête étant affectée à cet unique rôle).
- Lancer l'activité " Transférer des données".
- Sélectionner l'action "Importer"
pour le transfert "Requêtes et familles de requêtes". - Cliquer sur "Parcourir…" et sélectionner le fichier XML précédemment sauvegardé sur votre disque local.
- Cliquer sur "Valider".
La requête avec code et/ou libellé "Tuto_STE1456" est installée sur votre environnement.
À partir de l'activité "Interroger le système d'information", lancer la requête précédemment installée.
Elle affiche la liste des icônes dont l'origine est "Fichier" ou "Font Awesome" dont voici un court extrait :
Vous devez ajouter un attribut expert dans lequel il faut renseigner le champ "Requête" comme suit :
'<img src="/ressources/pic/icone/' || icone.ressource || '"'
et remplacer icone.ressource par la valeur de la colonne "Ressource" pour l'icône souhaitée.
Par exemple, on peut afficher l'icône "Attention" ainsi qu'une information optionnelle au survol de cette icône (title="NOK"), ce qui donne :
'<img src="/ressources/pic/icone/icone_anomalie.gif" title="NOK">'
Vous devez ajouter un attribut expert dans lequel il faut renseigner le champ "Fonction expert" comme suit :
return "<i class=\"ressource fal fa-" + code + " iconeTheme\" style=\"font-size: 16px;\"></i>";
remplacer ressource par la valeur de la colonne "Ressource" et remplacer code par la valeur de la colonne "Code" pour l'icône souhaitée.
Par exemple, on peut afficher l'icône "Cut" :
return "<i class=\"fa-cut fal fa-" + cut + " iconeTheme\" style=\"font-size: 16px;\"></i>";
