1 files changed, 67 insertions, 0 deletions
diff --git a/app/assets/javascripts/polling_pipelines.js.es6 b/app/assets/javascripts/polling_pipelines.js.es6
new file mode 100644
index 00000000000..ba2db9de7a4
--- /dev/null
+++ b/app/assets/javascripts/polling_pipelines.js.es6
@@ -0,0 +1,67 @@
+/* eslint-disable no-param-reassign */
+
+((gl) => {
+  gl.PollingPipelines = class {
+    constructor(pipelines = false, count = false) {
+      this.pipelines = pipelines;
+      this.count = count;
+
+      if (!this.pipelines && !this.count) return;
+
+      this.pipelinesOnDOM = document.querySelectorAll('.commit-link');
+      this.DOMPipelineStatuses = [];
+
+      this.storePipelineStatuses();
+      this.checkStatusChanges();
+      setTimeout(() => this.applyNewStatusChanges(), 3000);
+      this.runnerStatuses = new gl.RunnerStatuses();
+    }
+
+    storePipelineStatuses() {
+      if (this.count) {
+        this.pipelinesOnDOM.forEach((e) => {
+          this.DOMPipelineStatuses.push(
+            e.children[0].childNodes[0].classList[1].split('-')[1]
+          );
+        });
+      }
+    }
+
+    checkStatusChanges() {
+      const newChanges = this.updatePipelines()
+        .map((e, i) => {
+          if (this.pipelines[i].status !== e.status) return 1;
+          return 0;
+        })
+        .reduce((a, b) => a + b);
+
+      if (newChanges > 0) return true;
+      return false;
+    }
+
+    updatePipelines() {
+      // this is mocking the API for now
+      // no way to test this until API is built
+      // using 'mock' data
+      const apiPipelines = this.pipelines;
+      apiPipelines[0].status = 'failed';
+      apiPipelines[1].status = 'passed';
+      apiPipelines[2].status = 'created';
+      apiPipelines[3].status = 'skipped';
+      apiPipelines[4].status = 'pending';
+      // end of 'mock' data
+      this.pipelines = apiPipelines;
+      return apiPipelines;
+    }
+
+    applyNewStatusChanges() {
+      this.pipelinesOnDOM.forEach((e, i) => {
+        const updatedStatus = this.pipelines[i].status;
+        const newStatus = `ci-status ci-${updatedStatus}`;
+        e.children[0].childNodes[0].className = newStatus;
+        e.children[0].childNodes[0].innerHTML = this.runnerStatuses[updatedStatus];
+        // debugger
+      });
+    }
+  };
+})(window.gl || (window.gl = {}));