fetch replication/mode/status and pass to dashboard component

ui/app/adapters/cluster.js

@@ -159,7 +159,7 @@ export default ApplicationAdapter.extend({
 
   urlForReplication(replicationMode, clusterMode, endpoint) {
     let suffix;
-    const errString = `Calls to replication ${endpoint} endpoint are not currently allowed in the vault cluster adapter`;
+    const errString = `Calls to replication ${endpoint} endpoint are not currently allowed in the vault cluster adapater`;
     if (clusterMode) {
       assert(errString, REPLICATION_ENDPOINTS[clusterMode].includes(endpoint));
       suffix = `${replicationMode}/${clusterMode}/${endpoint}`;

ui/app/adapters/replication-mode.js

@@ -0,0 +1,14 @@
+import ApplicationAdapter from './application';
+
+export default ApplicationAdapter.extend({
+  getStatusUrl(mode) {
+    return this.buildURL() + `/replication/${mode}/status`;
+  },
+
+  fetchStatus(mode) {
+    let url = this.getStatusUrl(mode);
+    return this.ajax(url, 'GET', { unauthenticated: true }).then(resp => {
+      return resp.data;
+    });
+  },
+});

ui/app/models/replication-mode.js

@@ -0,0 +1,38 @@
+import DS from 'ember-data';
+const { attr } = DS;
+
+/* sample response
+
+{
+  "request_id": "d81bba81-e8a1-0ee9-240e-a77d36e3e08f",
+  "lease_id": "",
+  "renewable": false,
+  "lease_duration": 0,
+  "data": {
+    "cluster_id": "ab7d4191-d1a3-b4d6-6297-5a41af6154ae",
+    "known_secondaries": [
+      "test"
+    ],
+    "last_performance_wal": 72,
+    "last_reindex_epoch": "1588281113",
+    "last_wal": 73,
+    "merkle_root": "c8d258d376f01d98156f74e8d8f82ea2aca8dc4a",
+    "mode": "primary",
+    "primary_cluster_addr": "",
+    "reindex_building_progress": 26838,
+    "reindex_building_total": 305443,
+    "reindex_in_progress": true,
+    "reindex_stage": "building",
+    "state": "running"
+  },
+  "wrap_info": null,
+  "warnings": null,
+  "auth": null
+}
+
+
+*/
+
+export default DS.Model.extend({
+  status: attr('object'),
+});

ui/app/serializers/replication-mode.js

@@ -0,0 +1,12 @@
+import ApplicationSerializer from './application';
+
+export default ApplicationSerializer.extend({
+  normalizeResponse(store, primaryModelClass, payload, id, requestType) {
+    const normalizedPayload = {
+      id: payload.id,
+      status: payload.data,
+    };
+
+    return this._super(store, primaryModelClass, normalizedPayload, id, requestType);
+  },
+});

ui/lib/core/addon/components/replication-page.js

@@ -1,6 +1,8 @@
 import Component from '@ember/component';
 import { computed } from '@ember/object';
 import layout from '../templates/components/replication-page';
+import { inject as service } from '@ember/service';
+import { task } from 'ember-concurrency';
 
 const MODE = {
   dr: 'Disaster Recovery',
@@ -9,6 +11,26 @@ const MODE = {
 
 export default Component.extend({
   layout,
+  store: service(),
+  reindexingDetails: null,
+
+  didReceiveAttrs() {
+    this._super(arguments);
+    this.getReplicationModeStatus.perform();
+  },
+  getReplicationModeStatus: task(function*() {
+    let resp;
+    const { replicationMode } = this.model;
+    try {
+      resp = yield this.get('store')
+        .adapterFor('replication-mode')
+        .fetchStatus(replicationMode);
+    } catch (e) {
+      console.log(e);
+    }
+    this.set('reindexingDetails', resp);
+  }),
+
   replicationMode: computed('model.{replicationMode}', function() {
     // dr or performance 🤯
     let mode = this.model.replicationMode;

ui/lib/core/addon/mixins/replication-actions.js

@@ -28,7 +28,6 @@ export default Mixin.create({
       }, {});
       delete data.replicationMode;
     }
-
     return yield this.save.perform(action, replicationMode, clusterMode, data);
   }),
 

ui/lib/core/addon/templates/components/replication-page.hbs

@@ -2,7 +2,7 @@
 {{yield (hash
   header=(component 'replication-header' data=model title=replicationMode isSecondary=isSecondary)
   toggle=(component 'replication-toggle')
-  dashboard=(component 'replication-dashboard' data=model isSecondary=isSecondary replicationDetails=replicationDetails clusterMode=clusterMode)
+  dashboard=(component 'replication-dashboard' data=model isSecondary=isSecondary replicationDetails=replicationDetails clusterMode=clusterMode reindexingDetails=reindexingDetails)
   isDisabled=isDisabled
   message=message
 )}}

ui/lib/replication/addon/templates/components/replication-summary.hbs

@@ -329,6 +329,7 @@
   {{#if (eq replicationAttrs.mode 'initializing')}}
     The cluster is initializing replication. This may take some time.
   {{else}}
+    <p>{{cluster.replicationModeStatus.cluster_id}}</p>
     <div class="replication">
       <ReplicationPage @model={{cluster}} as |Page|>
         <Page.toggle />