new line for skipped - use logic gate for REALTIME true or false

app/assets/javascripts/vue_pipelines_index/pipelines.js.es6

@@ -2,6 +2,7 @@
 /* eslint-disable no-param-reassign, no-bitwise*/
 
 ((gl) => {
+  const REALTIME = false;
   const SPREAD = '...';
   const PREV = 'Prev';
   const NEXT = 'Next';
@@ -55,7 +56,7 @@
         if (text === FIRST) this.pagenum = 1;
 
         window.history.pushState({}, null, `?p=${this.pagenum}`);
-        // clearInterval(this.intervalId);
+        if (REALTIME) clearInterval(this.intervalId);
         this.pageRequest = true;
         this.store.fetchDataLoop.call(this, Vue, this.pagenum, this.scope);
       },

app/assets/javascripts/vue_pipelines_index/store.js.es6

@@ -2,6 +2,7 @@
 /* eslint-disable no-param-reassign */
 
 ((gl) => {
+  const REALTIME = false;
   const PAGINATION_LIMIT = 31;
   const SLICE_LIMIT = 29;
 
@@ -81,17 +82,19 @@
       resourceChecker();
       goFetch();
 
-      // this.intervalId = setInterval(() => {
-      //   if (this.updatedAt) {
-      //     resourceChecker();
-      //     if (Vue.activeResources > 1) return;
-      //     goUpdate();
-      //   }
-      // }, 3000);
+      if (REALTIME) {
+        this.intervalId = setInterval(() => {
+          if (this.updatedAt) {
+            resourceChecker();
+            if (Vue.activeResources > 1) return;
+            goUpdate();
+          }
+        }, 3000);
 
-      // window.onbeforeunload = function removePipelineInterval() {
-      //   clearInterval(this.intervalId);
-      // };
+        window.onbeforeunload = function removePipelineInterval() {
+          clearInterval(this.intervalId);
+        };
+      }
     }
   };
 })(window.gl || (window.gl = {}));

app/assets/javascripts/vue_pipelines_status/skipped.js.es6

@@ -20,4 +20,4 @@
       </td>
     `,
   });
-})(window.gl || (window.gl = {}));
\ No newline at end of file
+})(window.gl || (window.gl = {}));