Make a new request every 1second after we receive the latest if the cpmpletion is under 100

app/assets/javascripts/environments/components/deploy_board_component.js

-/* eslint-disable no-new */
+/* eslint-disable no-new, no-undef */
 /* global Flash */
 /**
  * Renders a deploy board.
@@ -67,6 +67,26 @@ export default {
   },
 
   created() {
+    this.getDeployBoard();
+  },
+
+  updated() {
+    // While board is not complete we need to request new data from the server.
+    // Let's make sure we are not making any request at the moment
+    // and that we only make this request if the latest response was not 204.
+    if (!this.isLoading &&
+      !this.hasError &&
+      this.deployBoardData.completion &&
+      this.deployBoardData.completion < 100) {
+      // let's wait 1s and make the request again
+      setTimeout(() => {
+        this.getDeployBoard();
+      }, 1000);
+    }
+  },
+
+  methods: {
+    getDeployBoard() {
       this.isLoading = true;
 
       const maxNumberOfRequests = 3;
@@ -109,6 +129,7 @@ export default {
         new Flash('An error occurred while fetching the deploy board.', 'alert');
       });
     },
+  },
 
   computed: {
     canRenderDeployBoard() {