full working version

js/provisionStatus.js

@@ -0,0 +1,37 @@
+(function ($, Drupal, once) {
+  Drupal.behaviors.wcamProvisionStatus = {
+    attach: function (context, settings) {
+      once('wcamProvisionStatus', 'html', context).forEach(function () {
+        // Get the process idle animation.
+        let $animation = $('#process-idle-animation');
+        $animation.show();  // Show the spinner.
+        // Get the aid and initial provision status from the HTML.
+        let $rows = $('.wcam--table--row');
+        $rows.each(function () {
+          let $row = $(this);
+          let aid = $row.find('.wcam--row--account-id').text().trim();
+          let initialStatus = $row.find('#provision-status--aid-' + aid).text().trim();
+          // If the initial provision status is 'ongoing', start checking the provision status.
+          if (initialStatus === 'ongoing' || initialStatus === 'unknown') {
+            let intervalId = setInterval(function () {
+              $.get('/wisski-cloud-account-manager/provision-status/' + aid, function (data) {
+                // Update the provision status on the page.
+                let $status = $('#provision-status--aid-' + aid);
+                $status.text(data.status);
+                // If the provision status is not 'ongoing', stop the process idle animation.
+                if (data.status !== 'ongoing') {
+                  if (data.status !== 'unknown') {
+                    $row.find('#provision-status--row--aid-' + aid).text(data.status);
+                    $animation.hide();  // Hide the spinner.
+                    clearInterval(intervalId);
+                    location.reload();
+                  }
+                }
+              });
+            }, 3000);
+          }
+        });
+      });
+    }
+  };
+})(jQuery, Drupal, once);