add vue_realtime_listener function

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

@@ -18,7 +18,7 @@
       },
       detailsPath() {
         const { status } = this.pipeline.details;
-        return status.path ? status.path : '#';
+        return status.details_path ? status.details_path : '#';
       },
     },
     template: `

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

 /* global gl, Flash */
 /* eslint-disable no-param-reassign, no-underscore-dangle */
+/*= require vue_realtime_listener/index.js */
+
 ((gl) => {
   const pageValues = headers => ({
     perPage: +headers['X-Per-Page'],
@@ -49,21 +51,10 @@
       startTimeLoops();
-      const removeTimeIntervals = () => clearInterval(this.timeLoopInterval);
-      const startIntervalLoops = () => startTimeLoops();
-
-      const removeAll = () => {
-        removeTimeIntervals();
-        window.removeEventListener('beforeunload', removeTimeIntervals);
-        window.removeEventListener('focus', startIntervalLoops);
-        window.removeEventListener('blur', removeTimeIntervals);
-        document.removeEventListener('page:fetch', removeAll);
-      };
-      window.addEventListener('beforeunload', removeTimeIntervals);
-      window.addEventListener('focus', startIntervalLoops);
-      window.addEventListener('blur', removeTimeIntervals);
-      document.addEventListener('page:fetch', removeAll);
+      const removeIntervals = () => clearInterval(this.timeLoopInterval);
+      const startIntervals = () => startTimeLoops();
+      gl.VueRealtimeListener(removeIntervals, startIntervals);
     }
   };
 })(window.gl || (window.gl = {}));

app/assets/javascripts/vue_realtime_listener/index.js.es6

+(() => {
+  gl.VueRealtimeListener = (removeIntervals, startIntervals) => {
+    const removeAll = () => {
+      removeIntervals();
+      window.removeEventListener('beforeunload', removeIntervals);
+      window.removeEventListener('focus', startIntervals);
+      window.removeEventListener('blur', removeIntervals);
+      document.removeEventListener('page:fetch', removeAll);
+    };
+
+    window.addEventListener('beforeunload', removeIntervals);
+    window.addEventListener('focus', startIntervals);
+    window.addEventListener('blur', removeIntervals);
+    document.addEventListener('page:fetch', removeAll);
+  };
+})(window.gl || (window.gl = {}));