Partager via

Modifier le modèle de réservation du tableau de planification dans Universal Resource Scheduling

  • Article

Lorsqu’un besoin est planifié pour une ressource, le système crée un enregistrement de réservation. Le tableau de planification affiche les réservations regroupées par ressources. Les champs affichés dans la réservation du tableau de planification sont appelés un Modèle de réservation, que vous pouvez personnaliser avec des champs d’entités système.

Modifier le modèle de réservation de l’ordre de travail

Chaque entité activée pour la planification peut comporter un modèle de réservation différent. Lorsqu’un besoin d’ordre de travail est planifié, le modèle de réservation affiche les valeurs Nom et Durée de l’enregistrement Réservation de la ressource pouvant être réservée.

La valeur par défaut est l’extrait de code suivant :

<div>{SchedulableEntityDisplayName} - {name}<br />Duration: <strong class="bold">{duration}</strong></div>

Pour modifier le code HTML qui contrôle le modèle de réservation, accédez à la section Types de planification dans les paramètres du tableau de planification. Sélectionnez l’entité pour laquelle vous souhaitez modifier le modèle de réservation. Si vous ouvrez les paramètres à partir d’un onglet du tableau de planification, vous modifiez les paramètres de cet onglet uniquement. Pour apporter des modifications à tous les onglets, sélectionnez Modifier les valeurs par défaut et appliquez-y vos modifications. Définissez le Modèle de réservation personnalisé sur Activé et modifiez le code HTML.

Dans le champ Modèle de réservation, remplacez le modèle de réservation en saisissant des fichiers HTML et CSS qui peuvent faire référence à des champs de l’entité Réservation de ressources pouvant être réservéesg et des entités liées. Veillez à tester les modèles de réservation personnalisés sur plusieurs navigateurs et tenez compte des bonnes pratiques en matière d’accessibilité. JavaScript n’est pas pris en charge dans le modèle de réservation.

Astuce

N’utilisez que des entités système. L’extraction de valeurs à partir d’entités personnalisées n’est pas prise en charge.

Les champs de l’entité Réservation de ressource pouvant être réservée peuvent être référencés directement à l’aide du nom du champ entouré d’accolades. Exemple :{duration}.

Pour afficher un champ d’une entité liée, recherchez le nom de la relation N à 1 et ajoutez un point (.) suivi du nom du champ de l’entité cible. Par exemple, le chemin de la relation de l’ordre de travail est msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder et le champ de type incident principal est msdyn_primaryincidenttype. Cela se traduit par la référence de champ {msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_primaryincidenttype}. Ajoutez d’autres sauts de relation en les connectant avec un point supplémentaire.

Les modèles personnalisés s’appliquent uniquement aux info-bulles de la vue horaire du tableau de planification et n’auront pas d’impact sur les vues quotidiennes, hebdomadaires ou mensuelles.

Exemple de modèle de réservation personnalisé

Pour cet exemple, nous créons un modèle de réservation personnalisé pour l’entité d’ordre de travail. L’extrait de code suivant extrait les valeurs de l’ordre de travail lié à la réservation.

<div style="line-height: 11px !important; width: 99%; overflow: hidden; display: block; text-overflow: ellipsis;">
    WO: 
    <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_name}</b><br/>
    Account: <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_account_msdyn_workorder_ServiceAccount.name}</b><br/>
    Incident: <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_primaryincidenttype}</b><br/>
    Duration: <b>{duration} minutes</b><br/>
</div>

Note

Le référencement des attributs de rendez-vous dans le modèle de réservation du tableau de planification n’est pas pris en charge, car les données du modèle de rendez-vous dépendent de la présence d’une réservation associée.

Pour référencer ces attributs, assurez-vous que les rendez-vous sont associés à des réservations, puis désactivez l’option Inclure les rendez-vous à partir des Paramètres de planification. La désactivation de ce paramètre masque tous les rendez-vous auxquels aucune réservation de ressource réservable n’est liée sur le tableau de planification.

Mise en forme de modèle avancé de réservation à l’aide de CSS

Vous pouvez ajouter des styles au modèle de réservation personnalisé en CSS. Accédez à Planification des ressources > Administration > Paramètres de planification et définissez Désactiver le nettoyage des modèles HTML sur Oui pour inclure des instructions CSS dans les modèles de réservation.

Dans cet exemple, nous étendons l’exemple du modèle de réservation personnalisé de la section précédente. Nous utilisons CSS pour ajouter des évaluations de clients et des icônes de service en fonction de valeurs conditionnelles contenues dans les enregistrements de compte et d’ordre de travail. Une personnalisation a ajouté un champ new_customerrating sur l’entité Compte et propage ce champ à l’entité d’ordre de travail avec une plage de nombres entiers comprise entre 1 et 10. Nous souhaitons que le modèle de réservation permette de visualiser l’évaluation du client sous la forme d’étoiles grises. Pour représenter l’évaluation client proprement dite, nous allons ajouter 5 étoiles de couleur orange, mais n’afficher qu’un pourcentage de celles-ci, correspondant à l’évaluation client de 1 à 10.

Nous souhaitons également que notre répartiteur voit si un ordre de travail est un appel de service ou un autre type de tâche. Le champ personnalisé new_isservicecall sur l’entité Ordre de travail a deux valeurs possibles : 0 ou 1. Avec la même approche qu’auparavant, nous dessinons d’abord une clé grise comme arrière-plan, superposons une clé de couleur orange par-dessus et limitons sa taille à 0 % (new_isservicecall = 0) ou à 100 % (new_isservicecall = 1).

Ajoutez le format HTML et le texte CSS suivants au champ Modèle de réservation dans Paramètres d’onglet de tableau de planification.

<div style="line-height: 11px !important; width: 99%; overflow: hidden; display: block; text-overflow: ellipsis;">
<div class="back-stars" style="color: #AAAAAA; position: relative; display:inline-block;">
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
<div class="customerrating" style="width:{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_account_msdyn_workorder_ServiceAccount.new_customerrating}0%; color: #FFBC0B; position: absolute; top: 0; left:0; overflow: hidden; display:-webkit-box">
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
</div>
</div>
<div class="repair-back" style="color: #AAAAAA; position: relative; display:inline-block; padding-left:10px; vertical-align:text-top;">
    <i class="fa fa-wrench" aria-hidden="true"></i>
<div class="repair" style="width:{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.new_isservicecall}00%; color: #FFBC0B; position: absolute; top: 0; left:0; padding-left:10px; overflow: hidden; display:-webkit-box">
    <i class="fa fa-wrench" aria-hidden="true"></i>
</div>
</div>
<br/>
WO:
<b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_name}</b><br/>
Account: <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_account_msdyn_workorder_ServiceAccount.name}</b><br/>
Incident: <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_primaryincidenttype}</b><br/>
Duration: <b>{duration} minutes</b><br/>
</div>

Le modèle de réservation sur le tableau de planification contient désormais une représentation visuelle de l’évaluation du client et du type de tâche.