diff --git a/app/assets/javascripts/vue_pipelines_index/branch_commit.js.es6 b/app/assets/javascripts/vue_pipelines_index/branch_commit.js.es6
index e1f404befa1..43bad6e36e7 100644
--- a/app/assets/javascripts/vue_pipelines_index/branch_commit.js.es6
+++ b/app/assets/javascripts/vue_pipelines_index/branch_commit.js.es6
@@ -20,7 +20,7 @@
{{pipeline.ref.name}}
diff --git a/app/assets/javascripts/vue_pipelines_index/pipeline_actions.js.es6 b/app/assets/javascripts/vue_pipelines_index/pipeline_actions.js.es6
index 583069aea2a..c86b49c15fa 100644
--- a/app/assets/javascripts/vue_pipelines_index/pipeline_actions.js.es6
+++ b/app/assets/javascripts/vue_pipelines_index/pipeline_actions.js.es6
@@ -80,7 +80,7 @@
diff --git a/app/assets/javascripts/vue_pipelines_index/pipelines.js.es6 b/app/assets/javascripts/vue_pipelines_index/pipelines.js.es6
index 421e4111187..7872e7d4ac6 100644
--- a/app/assets/javascripts/vue_pipelines_index/pipelines.js.es6
+++ b/app/assets/javascripts/vue_pipelines_index/pipelines.js.es6
@@ -37,8 +37,8 @@
this.store.fetchDataLoop.call(this, Vue, this.pagenum, this.scope);
},
methods: {
- changepage(event, last) {
- const text = event.target.innerText;
+ changepage(e, last) {
+ const text = e.target.innerText;
if (text === '...') return;
if (/^-?[\d.]+(?:e-?\d+)?$/.test(text)) this.pagenum = +text;
if (text === 'Last >>') this.pagenum = last;
diff --git a/app/assets/javascripts/vue_pipelines_index/store.js.es6 b/app/assets/javascripts/vue_pipelines_index/store.js.es6
index d00e30760a8..861df939451 100644
--- a/app/assets/javascripts/vue_pipelines_index/store.js.es6
+++ b/app/assets/javascripts/vue_pipelines_index/store.js.es6
@@ -53,8 +53,12 @@
goFetch();
this.intervalId = setInterval(() => {
- goUpdate();
+ if (this.updatedAt) goUpdate();
}, 3000);
+
+ window.onbeforeunload = function removePipelineInterval() {
+ clearInterval(this.intervalId);
+ };
}
};
})(window.gl || (window.gl = {}));