Dynamics CRM – Einer Ansicht Grafiken hinzufügen – Ampelfunktion

Nachdem ich schon einmal erläutert habe, wie man in einer SharePoint Ansicht eine Ampel Funktion hinzufügt, ist das Thema jetzt bei Dynamics CRM dran. Dabei gilt, dass das Folgende von mir nur mit Dynamics CRM 2016 bzw. 365 getestet wurde.

Die Anforderung war in einer Ansicht der Entität Anfragen eine grafische Übersicht zu bekommen, welcher Anfragen welche Priorität haben und wann zuletzt diese geändert worden. Um das gewünschte Ziel zu erreichen genügt ein kleines JavaScript.

Bevor wir uns den JavaScript zuwenden, müssen wir zuerst die entsprechenden Bilder zu Verfügung stellen. Dafür erstelle ich drei Webressourcen, jede Webressource stellt dabei ein Bild dar.

Das eigentliche JavaScript finden Sie unten. Erstellen Sie damit zuerst eine Webressource vom Typ JavaScript. Gehen Sie danach zur Verwaltung ihrer Ansicht (in System anpassen) und öffnen Sie diese. Klicken Sie auf die Spalte, welche Sie anpassen möchten und dann auf Eigenschaften ändern.

Geben Sie nun die Webressource an welche das JavaScript enthält und den Namen der Funktion, welche Sie im JavaScript verwenden möchten. Speichen Sie die Änderung und veröffentlichen Sie ggf. diese.

Noch eine kurze Erklärung zum JavaScript. Es wird das Feld Geändert an mit einer Ampelgrafik versehen. Dazu werden alle Einträge von Heute bis 30 Tage älter als grün markiert, 30 Tage älter aber jünger als 60 Tage mit gelb, der Rest mit Grün. Dazu müssen in einem Array zwei Werte übergeben werden. Der zweite Wert ist ein Tooltipp, dieser kann auch über die userLCID angepasst werden, also mehrsprachig erscheinen. Beachten Sie, das ich beim Bild nicht den Name der Datei angebe, sondern den Namen der Webressource!

function displayIconTooltipModi(rowData, userLCID)
{
   var str = JSON.parse(rowData);
   var coldata = str.modifiedon_Value;
   var imgName = "";
   var tooltip = "";
   var now = new Date();
   var warn = new Date();
   var zulang = new Date();

   warn.setDate(now.getDate() - 30);
   zulang.setDate(now.getDate() - 60);
   var targetDate = new Date(coldata);

if (targetDate > warn)
{
        imgName = "new_gruen32";
        tooltip = "Good";
}
else if (targetDate > zulang && targetDate < warn)
{
        imgName = "new_gelb32";
        tooltip = "Warning";
}
else
{
        imgName = "new_rot32";
        tooltip = "Bad";
}
   var resultarray = [imgName, tooltip];
   return resultarray;
}