Small fix on stats, when user is faster than the API

src/js/apis/c2c/DocumentService.js

@@ -13,15 +13,31 @@ DocumentService.prototype.fullDownload = function (params, limit, onProgress) {
   const MAX_SIZE = 2000;
   const API_MAX_LIMIT = 100;
 
+  let cancelled = false;
+
   limit = limit || MAX_SIZE;
   limit = limit > MAX_SIZE ? MAX_SIZE : limit;
 
-  return new Promise((resolve, reject) => {
+  class CancelablePromise extends Promise {
+    cancel() {
+      cancelled = true;
+    }
+  }
+
+  return new CancelablePromise((resolve, reject) => {
     const result = [];
 
     const download = (offset = 0) => {
+      if (cancelled) {
+        return;
+      }
+
       this.getAll({ ...params, offset, limit: API_MAX_LIMIT })
         .then(({ data }) => {
+          if (cancelled) {
+            return;
+          }
+
           for (const document of data.documents) {
             result.push(document);
           }
@@ -35,6 +51,10 @@ DocumentService.prototype.fullDownload = function (params, limit, onProgress) {
           }
         })
         .catch((error) => {
+          if (cancelled) {
+            return;
+          }
+
           reject(error);
         });
     };

src/views/portals/outings-stats/OutingsStatsView.vue

@@ -42,6 +42,7 @@ export default {
 
   data() {
     return {
+      promise: null,
       outings: {},
       loadingPercentage: 0,
       activeTab: 'all',
@@ -57,14 +58,18 @@ export default {
 
   methods: {
     load() {
-      c2c.outing.fullDownload(this.$route.query, LIST_MAX_LENGTH, this.progress).then(this.compute);
+      if (this.promise) {
+        this.promise.cancel();
+      }
+      this.promise = c2c.outing.fullDownload(this.$route.query, LIST_MAX_LENGTH, this.progress).then(this.compute);
     },
 
     progress(current, total) {
       this.loadingPercentage = current / Math.min(total, LIST_MAX_LENGTH);
     },
 
     compute(outings) {
+      this.promise = null;
       this.outings = { all: outings };
 
       for (let activity of constants.activities) {