Use notification bar to report result of rebuild and cancel button actions (jenkinsci#776)

Author: stuartrowe

eslint.config.js

@@ -47,4 +47,12 @@ export default [
       ],
     },
   },
+  {
+    languageOptions: {
+      globals: {
+        dialog: "readonly",
+        notificationBar: "readonly",
+      },
+    },
+  },
 ];

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

@@ -13,6 +13,7 @@
                         <j:set var="proxyId" value="${h.generateId()}" />
                         <st:bind value="${it}" var="cancelAction${proxyId}"/>
                         <button id="pgv-cancel" data-confirm="${%Confirm(it.buildFullDisplayName)}"
+                                data-success-message="${%Build cancelled}"
                                 data-proxy-name="cancelAction${proxyId}"
                                 class="jenkins-button jenkins-!-error-color">
                             <l:icon src="symbol-stop-circle-outline plugin-ionicons-api"/>

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

@@ -1,3 +1,4 @@
+Build\ cancelled=Build cancelled
 Cancel=Cancel
 Confirm=Are you sure you want to abort {0}?
 Rebuild=Rebuild

src/main/webapp/js/build.js

@@ -7,7 +7,7 @@ if (rebuildButton) {
     rebuildAction.doRebuild(function (success) {
       const result = success.responseJSON;
       if (result) {
-        window.hoverNotification(rebuildButton.dataset.successMessage, rebuildButton);
+        notificationBar.show(rebuildButton.dataset.successMessage, notificationBar.SUCCESS);
       }
     });
   })
@@ -21,11 +21,18 @@ if (cancelButton) {
     const question = cancelButton.getAttribute("data-confirm");
     const execute = function () {
       const cancelAction = window[`${cancelButton.dataset.proxyName}`];
-      cancelAction.doCancel();
+      cancelAction.doCancel(function (response) {
+        const result = response.responseJSON;
+        if (result.status === "ok") {
+          notificationBar.show(cancelButton.dataset.successMessage)
+        } else {
+          notificationBar.show(result.message, notificationBar.WARNING)
+        }
+      });
+      
     };
 
     if (question != null) {
-      /*eslint-disable no-undef*/
       dialog.confirm(question).then(() => {
         execute();
         return null;