Use user avatars for User causes (jenkinsci#774)

Author: janfaracik

src/main/java/io/jenkins/plugins/pipelinegraphview/cards/items/UserIdCauseRunDetailsItem.java

@@ -3,9 +3,10 @@
 import hudson.model.Cause;
 import hudson.model.CauseAction;
 import hudson.model.User;
+import hudson.tasks.UserAvatarResolver;
 import io.jenkins.plugins.pipelinegraphview.Messages;
 import io.jenkins.plugins.pipelinegraphview.cards.RunDetailsItem;
-import io.jenkins.plugins.pipelinegraphview.cards.RunDetailsItem.Icon.Ionicon;
+import io.jenkins.plugins.pipelinegraphview.cards.RunDetailsItem.Icon.SimpleIcon;
 import io.jenkins.plugins.pipelinegraphview.cards.RunDetailsItem.ItemContent;
 import java.util.HashMap;
 import java.util.List;
@@ -26,8 +27,9 @@ public static Optional<RunDetailsItem> get(WorkflowRun run) {
                 .map(userIdCause -> (Cause.UserIdCause) userIdCause)
                 .map(userIdCause -> User.get(userIdCause.getUserId(), false, new HashMap<>()))
                 .filter(Objects::nonNull)
-                .map(user -> ItemContent.of(Messages.cause_user(user.getDisplayName())))
-                .<RunDetailsItem>map(content -> new RunDetailsItem.RunDetail(new Ionicon("person-outline"), content))
+                .<RunDetailsItem>map(user -> new RunDetailsItem.RunDetail(
+                        new SimpleIcon(UserAvatarResolver.resolve(user, "48x48")),
+                        ItemContent.of(Messages.cause_user(user.getDisplayName()))))
                 .findAny();
     }
 }

src/main/resources/io/jenkins/plugins/pipelinegraphview/cards/RunDetailsItem/RunDetail/description.jelly

@@ -1,7 +1,7 @@
 <?jelly escape-by-default='true'?>
 <j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:l="/lib/layout">
     <div>
-        <l:icon src="${it.icon()}"/>
+        <l:icon src="${it.icon()}" class="jenkins-avatar" />
         <span tooltip="${it.tooltip()}">
             <st:include page="description.jelly" it="${it.content()}" />
         </span>

src/main/webapp/js/style.css

@@ -43,7 +43,7 @@ h1 {
       color: inherit;
     }
 
-    svg {
+    svg, img {
       width: 1.125rem;
       height: 1.125rem;
     }

src/test/java/io/jenkins/plugins/pipelinegraphview/cards/items/UserIdCauseRunDetailsItemTest.java

@@ -80,6 +80,6 @@ void get() {
 
         assertEquals(
                 new RunDetailsItem.ItemContent.PlainContent(Messages.cause_user("User Id")), userDetails.content());
-        assertEquals("symbol-person-outline plugin-ionicons-api", userDetails.icon());
+        assertEquals("symbol-person-circle", userDetails.icon());
     }
 }