Add links to previous and next builds to pipeline graph and console views (#212)

Co-authored-by: Tim Jacomb <[email protected]>

Author: stuartrowe

src/main/frontend/pipeline-console-view/pipeline-console/main/pipeline-console.scss

@@ -310,3 +310,8 @@ div.split-pane {
 a {
   cursor: pointer !important;
 }
+
+.app-details__prev_next {
+  color: inherit !important;
+  text-decoration: none !important;
+}

src/main/frontend/pipeline-graph-view/app.scss

@@ -52,3 +52,8 @@
   height: 20px !important;
   color: currentColor !important;
 }
+
+.app-details__prev_next {
+  color: inherit !important;
+  text-decoration: none !important;
+}

src/main/java/io/jenkins/plugins/pipelinegraphview/utils/AbstractPipelineViewAction.java

@@ -43,9 +43,32 @@ public Permission getConfigurePermission() {
   }
 
   public String getBuildDisplayName() {
+    return run.getDisplayName();
+  }
+
+  public String getFullBuildDisplayName() {
     return run.getFullDisplayName();
   }
 
+  public String getFullProjectDisplayName() {
+    return run.getParent().getFullDisplayName();
+  }
+
+  private String getBuildNumber(WorkflowRun run) {
+    if (run != null) {
+      return String.valueOf(run.getNumber());
+    }
+    return null;
+  }
+
+  public String getPreviousBuildNumber() {
+    return getBuildNumber(run.getPreviousBuild());
+  }
+
+  public String getNextBuildNumber() {
+    return getBuildNumber(run.getNextBuild());
+  }
+
   public BallColor getIconColor() {
     return run.getIconColor();
   }

src/main/resources/io/jenkins/plugins/pipelinegraphview/PipelineGraphViewAction/index.jelly

@@ -2,14 +2,26 @@
 
 <?jelly escape-by-default='true'?>
 <j:jelly xmlns:j="jelly:core" xmlns:l="/lib/layout" xmlns:p="/lib/pipeline-graph-view">
-  <l:layout title="${%Graph} [${it.buildDisplayName}]" type="one-column">
+  <l:layout title="${%Graph} [${it.fullBuildDisplayName}]" type="one-column">
     <l:main-panel>
       <div class="jenkins-app-bar">
         <div class="jenkins-app-bar__content">
           <h1>
-            <l:icon alt="${it.iconColor.description}" class="${it.buildStatusIconClassName} icon-xlg"
-                    tooltip="${it.iconColor.description}"/>
+            <l:icon alt="${it.iconColor.description}"
+              class="${it.buildStatusIconClassName} icon-xlg"
+              tooltip="${it.iconColor.description}" />
+            ${it.fullProjectDisplayName}
+            <j:if test="${it.previousBuildNumber!=null}">
+              <a href="../../${it.previousBuildNumber}/pipeline-graph" class="app-details__prev_next">
+                <l:icon class="symbol-chevron-back-outline plugin-ionicons-api icon-md" tooltip="${%Previous Build}" />
+              </a>
+            </j:if>
             ${it.buildDisplayName}
+            <j:if test="${it.nextBuildNumber!=null}">
+              <a href="../../${it.nextBuildNumber}/pipeline-graph" class="app-details__prev_next">
+                <l:icon class="symbol-chevron-forward-outline plugin-ionicons-api icon-md" tooltip="${%Next Build}"/>
+              </a>
+            </j:if>
           </h1>
         </div>
         <div class="jenkins-app-bar__controls">

src/main/resources/io/jenkins/plugins/pipelinegraphview/consoleview/PipelineConsoleViewAction/index.jelly

@@ -8,7 +8,18 @@
                 <div class="jenkins-app-bar__content">
                     <h1>
                         <l:icon alt="${it.iconColor.description}" class="${it.buildStatusIconClassName} icon-xlg" tooltip="${it.iconColor.description}"/>
+                        ${it.fullProjectDisplayName}
+                        <j:if test="${it.previousBuildNumber!=null}">
+                            <a href="../../${it.previousBuildNumber}/pipeline-console" class="app-details__prev_next">
+                                <l:icon class="symbol-chevron-back-outline plugin-ionicons-api icon-md" tooltip="${%Previous Build}"/>
+                            </a>
+                        </j:if>
                         ${it.buildDisplayName}
+                        <j:if test="${it.nextBuildNumber!=null}">
+                            <a href="../../${it.nextBuildNumber}/pipeline-console" class="app-details__prev_next">
+                                <l:icon class="symbol-chevron-forward-outline plugin-ionicons-api icon-md" tooltip="${%Next Build}"/>
+                            </a>
+                        </j:if>
                     </h1>
                 </div>
                 <div class="jenkins-app-bar__controls">