Use rollout_status_path provided in environment to fetch the data instead of hardcoded endpoint

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

@@ -49,6 +49,11 @@ module.exports = {
       type: Number,
       required: true,
     },
+
+    endpoint: {
+      type: String,
+      required: true,
+    },
   },
 
   data() {
@@ -66,7 +71,7 @@ module.exports = {
 
     // If the response is 204, we make 3 more requests.
     gl.utils.backOff((next, stop) => {
-      this.service.getDeployBoard(this.environmentID)
+      this.service.getDeployBoard(this.endpoint)
         .then((resp) => {
           if (resp.status === statusCodes.NO_CONTENT) {
             this.backOffRequestCounter = this.backOffRequestCounter += 1;

app/assets/javascripts/environments/components/environments_table.js.es6

@@ -99,7 +99,8 @@ module.exports = Vue.component('environment-table-component', {
                 :store="store"
                 :service="service"
                 :environmentID="model.id"
-                :deployBoardData="model.deployBoardData">
+                :deployBoardData="model.deployBoardData"
+                :endpoint="model.rollout_status_path">
               </deploy-board>
             </td>
           </tr>

app/assets/javascripts/environments/services/environments_service.js.es6

+/* eslint-disable class-methods-use-this*/
 const Vue = require('vue');
 
 class EnvironmentsService {
   constructor(endpoint) {
     this.environments = Vue.resource(endpoint);
-
-    this.deployBoard = Vue.resource('environments/{id}/status.json');
   }
 
   get() {
     return this.environments.get();
   }
 
-  getDeployBoard(environmentID) {
-    return this.deployBoard.get({ id: environmentID });
+  getDeployBoard(endpoint) {
+    return Vue.http.get(endpoint);
   }
 }
 

spec/javascripts/environments/deploy_board_component_spec.js.es6

@@ -30,6 +30,7 @@ describe('Deploy Board', () => {
           service: this.service,
           deployBoardData: deployBoardMockData,
           environmentID: 1,
+          endpoint: 'endpoint',
         },
       }).$mount();
     });
@@ -96,6 +97,7 @@ describe('Deploy Board', () => {
           service: this.service,
           deployBoardData: {},
           environmentID: 1,
+          endpoint: 'endpoint',
         },
       }).$mount();
     });