From 4ea6ff9433e76dee120a94ad82158c563ad49a92 Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Thu, 26 Mar 2020 15:48:16 -0600
Subject: [PATCH 01/15] setup, not complete

---
 .../vault/cluster/replication-dr-promote/details.js      | 6 ++++++
 ui/app/mixins/cluster-route.js                           | 6 ++++++
 ui/app/router.js                                         | 4 +++-
 .../vault/cluster/replication-dr-promote/details.hbs     | 9 +++++++++
 4 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 ui/app/controllers/vault/cluster/replication-dr-promote/details.js
 create mode 100644 ui/app/templates/vault/cluster/replication-dr-promote/details.hbs

diff --git a/ui/app/controllers/vault/cluster/replication-dr-promote/details.js b/ui/app/controllers/vault/cluster/replication-dr-promote/details.js
new file mode 100644
index 0000000000000..3739548974af8
--- /dev/null
+++ b/ui/app/controllers/vault/cluster/replication-dr-promote/details.js
@@ -0,0 +1,6 @@
+import Controller from '@ember/controller';
+
+export default Controller.extend({
+  // queryParams: ['action'],
+  // action: '',
+});
diff --git a/ui/app/mixins/cluster-route.js b/ui/app/mixins/cluster-route.js
index b11940db71425..cf820061a97de 100644
--- a/ui/app/mixins/cluster-route.js
+++ b/ui/app/mixins/cluster-route.js
@@ -9,6 +9,7 @@ const CLUSTER = 'vault.cluster';
 const CLUSTER_INDEX = 'vault.cluster.index';
 const OIDC_CALLBACK = 'vault.cluster.oidc-callback';
 const DR_REPLICATION_SECONDARY = 'vault.cluster.replication-dr-promote';
+const DR_REPLICATION_SECONDARY_DETAILS = 'vault.cluster.replication-dr-promote.details';
 const EXCLUDED_REDIRECT_URLS = ['/vault/logout'];
 
 export { INIT, UNSEAL, AUTH, CLUSTER, CLUSTER_INDEX, DR_REPLICATION_SECONDARY };
@@ -70,6 +71,11 @@ export default Mixin.create({
       return UNSEAL;
     }
     if (get(cluster, 'dr.isSecondary')) {
+      if (transition && transition.targetName === DR_REPLICATION_SECONDARY_DETAILS) {
+        console.log('here2');
+        return DR_REPLICATION_SECONDARY_DETAILS;
+      }
+      console.log('here1');
       return DR_REPLICATION_SECONDARY;
     }
     if (!isAuthed) {
diff --git a/ui/app/router.js b/ui/app/router.js
index 2682227e02656..916dacbb88292 100644
--- a/ui/app/router.js
+++ b/ui/app/router.js
@@ -127,7 +127,9 @@ Router.map(function() {
         this.route('show', { path: '/:policy_name' });
         this.route('edit', { path: '/:policy_name/edit' });
       });
-      this.route('replication-dr-promote');
+      this.route('replication-dr-promote', function() {
+        this.route('details');
+      });
       if (config.addRootMounts) {
         config.addRootMounts.call(this);
       }
diff --git a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
new file mode 100644
index 0000000000000..c57a97ef269f3
--- /dev/null
+++ b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
@@ -0,0 +1,9 @@
+<Page.header>
+  <h1 class="title is-4">
+  Disaster Recovery secondary is&nbsp;enabled
+  </h1>
+</Page.header>
+<Page.content>
+  <p>blah</p>
+</Page.content>
+

From 2be992e0bd2d3e51e74395bd12df1185c55b72f3 Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Mon, 30 Mar 2020 10:58:05 -0600
Subject: [PATCH 02/15] update routing

---
 .../index.js}                                              | 0
 ui/app/mixins/cluster-route.js                             | 5 +++--
 .../index.js}                                              | 2 +-
 .../vault/cluster/replication-dr-promote/details.hbs       | 7 +++++--
 .../index.hbs}                                             | 4 ++++
 5 files changed, 13 insertions(+), 5 deletions(-)
 rename ui/app/controllers/vault/cluster/{replication-dr-promote.js => replication-dr-promote/index.js} (100%)
 rename ui/app/routes/vault/cluster/{replication-dr-promote.js => replication-dr-promote/index.js} (83%)
 rename ui/app/templates/vault/cluster/{replication-dr-promote.hbs => replication-dr-promote/index.hbs} (94%)

diff --git a/ui/app/controllers/vault/cluster/replication-dr-promote.js b/ui/app/controllers/vault/cluster/replication-dr-promote/index.js
similarity index 100%
rename from ui/app/controllers/vault/cluster/replication-dr-promote.js
rename to ui/app/controllers/vault/cluster/replication-dr-promote/index.js
diff --git a/ui/app/mixins/cluster-route.js b/ui/app/mixins/cluster-route.js
index cf820061a97de..0c5d422c0e84a 100644
--- a/ui/app/mixins/cluster-route.js
+++ b/ui/app/mixins/cluster-route.js
@@ -72,10 +72,11 @@ export default Mixin.create({
     }
     if (get(cluster, 'dr.isSecondary')) {
       if (transition && transition.targetName === DR_REPLICATION_SECONDARY_DETAILS) {
-        console.log('here2');
         return DR_REPLICATION_SECONDARY_DETAILS;
       }
-      console.log('here1');
+      if (this.router.currentRouteName === DR_REPLICATION_SECONDARY_DETAILS) {
+        return DR_REPLICATION_SECONDARY_DETAILS;
+      }
       return DR_REPLICATION_SECONDARY;
     }
     if (!isAuthed) {
diff --git a/ui/app/routes/vault/cluster/replication-dr-promote.js b/ui/app/routes/vault/cluster/replication-dr-promote/index.js
similarity index 83%
rename from ui/app/routes/vault/cluster/replication-dr-promote.js
rename to ui/app/routes/vault/cluster/replication-dr-promote/index.js
index 84de8c5881bec..3d716ad990dbf 100644
--- a/ui/app/routes/vault/cluster/replication-dr-promote.js
+++ b/ui/app/routes/vault/cluster/replication-dr-promote/index.js
@@ -1,5 +1,5 @@
 import { inject as service } from '@ember/service';
-import Base from './cluster-route-base';
+import Base from '../cluster-route-base';
 
 export default Base.extend({
   replicationMode: service(),
diff --git a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
index c57a97ef269f3..2e48f4c20ab18 100644
--- a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
+++ b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
@@ -1,9 +1,12 @@
 <Page.header>
   <h1 class="title is-4">
-  Disaster Recovery secondary is&nbsp;enabled
+  Details Page
   </h1>
 </Page.header>
 <Page.content>
-  <p>blah</p>
+    <LinkTo
+    @params={{array "vault.cluster.replication-dr-promote"}}
+    class="is-block"
+  >MEEP</LinkTo>
 </Page.content>
 
diff --git a/ui/app/templates/vault/cluster/replication-dr-promote.hbs b/ui/app/templates/vault/cluster/replication-dr-promote/index.hbs
similarity index 94%
rename from ui/app/templates/vault/cluster/replication-dr-promote.hbs
rename to ui/app/templates/vault/cluster/replication-dr-promote/index.hbs
index 2c4ef45f4a3f0..dd7bedd665f1c 100644
--- a/ui/app/templates/vault/cluster/replication-dr-promote.hbs
+++ b/ui/app/templates/vault/cluster/replication-dr-promote/index.hbs
@@ -3,6 +3,10 @@
     <h1 class="title is-4">
      Disaster Recovery secondary is&nbsp;enabled
     </h1>
+    <LinkTo
+    @params={{array "vault.cluster.replication-dr-promote.details"}}
+    class="is-block"
+  >MEEP</LinkTo>
   </Page.header>
   <Page.content>
     <nav class="tabs sub-nav is-marginless">

From c8b10c9dc66f3a3ed1cf810939f1b241215cc7ff Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Mon, 30 Mar 2020 11:21:47 -0600
Subject: [PATCH 03/15] clean up

---
 .../vault/cluster/replication-dr-promote/details.js         | 6 ------
 .../vault/cluster/replication-dr-promote/details.hbs        | 6 +++---
 .../vault/cluster/replication-dr-promote/index.hbs          | 6 +++---
 3 files changed, 6 insertions(+), 12 deletions(-)
 delete mode 100644 ui/app/controllers/vault/cluster/replication-dr-promote/details.js

diff --git a/ui/app/controllers/vault/cluster/replication-dr-promote/details.js b/ui/app/controllers/vault/cluster/replication-dr-promote/details.js
deleted file mode 100644
index 3739548974af8..0000000000000
--- a/ui/app/controllers/vault/cluster/replication-dr-promote/details.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import Controller from '@ember/controller';
-
-export default Controller.extend({
-  // queryParams: ['action'],
-  // action: '',
-});
diff --git a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
index 2e48f4c20ab18..349f950864d42 100644
--- a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
+++ b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
@@ -4,9 +4,9 @@
   </h1>
 </Page.header>
 <Page.content>
-    <LinkTo
+  <LinkTo
     @params={{array "vault.cluster.replication-dr-promote"}}
-    class="is-block"
-  >MEEP</LinkTo>
+    class="is-block">MEEP
+  </LinkTo>
 </Page.content>
 
diff --git a/ui/app/templates/vault/cluster/replication-dr-promote/index.hbs b/ui/app/templates/vault/cluster/replication-dr-promote/index.hbs
index dd7bedd665f1c..53d37f2faf848 100644
--- a/ui/app/templates/vault/cluster/replication-dr-promote/index.hbs
+++ b/ui/app/templates/vault/cluster/replication-dr-promote/index.hbs
@@ -4,9 +4,9 @@
      Disaster Recovery secondary is&nbsp;enabled
     </h1>
     <LinkTo
-    @params={{array "vault.cluster.replication-dr-promote.details"}}
-    class="is-block"
-  >MEEP</LinkTo>
+      @params={{array "vault.cluster.replication-dr-promote.details"}}
+      class="is-block">MEEP
+    </LinkTo>
   </Page.header>
   <Page.content>
     <nav class="tabs sub-nav is-marginless">

From 3800c4f076a659a77acda141c446c282f8303101 Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Mon, 30 Mar 2020 14:38:35 -0600
Subject: [PATCH 04/15] add test

---
 .../replication-dr-promote/details.hbs        |  7 ++++---
 .../replication/dr/secondary-test.js          | 19 +++++++++++++++++++
 2 files changed, 23 insertions(+), 3 deletions(-)
 create mode 100644 ui/tests/acceptance/replication/dr/secondary-test.js

diff --git a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
index 349f950864d42..1d529aba03e14 100644
--- a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
+++ b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
@@ -1,6 +1,7 @@
-<Page.header>
+<SplashPage as |Page|>
+  <Page.header>
   <h1 class="title is-4">
-  Details Page
+  Disaster Recovery
   </h1>
 </Page.header>
 <Page.content>
@@ -9,4 +10,4 @@
     class="is-block">MEEP
   </LinkTo>
 </Page.content>
-
+</SplashPage>
\ No newline at end of file
diff --git a/ui/tests/acceptance/replication/dr/secondary-test.js b/ui/tests/acceptance/replication/dr/secondary-test.js
new file mode 100644
index 0000000000000..4e583dc5a6847
--- /dev/null
+++ b/ui/tests/acceptance/replication/dr/secondary-test.js
@@ -0,0 +1,19 @@
+import { module, test } from 'qunit';
+import { later } from '@ember/runloop';
+import { setupApplicationTest } from 'ember-qunit';
+import { currentURL, visit, pauseTest } from '@ember/test-helpers';
+
+import authPage from 'vault/tests/pages/auth';
+
+module('Acceptance | DR secondary details', function(hooks) {
+  setupApplicationTest(hooks);
+
+  hooks.beforeEach(function() {
+    return authPage.login();
+  });
+
+  test('visiting DR Recovery Details page', async function(assert) {
+    await visit('/vault/replication-dr-promote/details');
+    assert.equal(currentURL(), '/vault/replication-dr-promote/details');
+  });
+});

From 90d9d693c6f100c84ec4c742e5cd51ec73867a5a Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Mon, 30 Mar 2020 14:57:25 -0600
Subject: [PATCH 05/15] add link from status menu

---
 ui/app/templates/partials/status/cluster.hbs | 25 ++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/ui/app/templates/partials/status/cluster.hbs b/ui/app/templates/partials/status/cluster.hbs
index 150e8dd0daacd..080a6b2324b94 100644
--- a/ui/app/templates/partials/status/cluster.hbs
+++ b/ui/app/templates/partials/status/cluster.hbs
@@ -62,6 +62,31 @@
             </nav>
             <hr/>
           {{/if}}
+        {{else}}
+          {{#if (has-permission 'status' routeParams='replication')}}
+            <nav class="menu">
+              <p class="menu-label">Replication</p>
+              <ul>
+                {{#if cluster.anyReplicationEnabled}}
+                  <li>
+                    {{!-- ARG this link to has to change --}}
+                    {{#link-to
+                      "vault.cluster.replication-dr-promote.details"
+                      disabled=(not currentToken)
+                      invokeAction=(action onLinkClick)
+                    }}
+                      {{replication-mode-summary
+                        mode="dr"
+                        display='menu'
+                        cluster=cluster
+                      }}
+                    {{/link-to}}
+                  </li>
+                {{/if}}
+              </ul>
+            </nav>
+            <hr/>
+          {{/if}}
         {{/if}}
       {{/if}}
     {{/unless}}

From c356e25653ed977343658a664d77f382a4bcb868 Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Mon, 30 Mar 2020 14:57:53 -0600
Subject: [PATCH 06/15] clean up

---
 ui/app/templates/partials/status/cluster.hbs | 1 -
 1 file changed, 1 deletion(-)

diff --git a/ui/app/templates/partials/status/cluster.hbs b/ui/app/templates/partials/status/cluster.hbs
index 080a6b2324b94..b084a56d639ce 100644
--- a/ui/app/templates/partials/status/cluster.hbs
+++ b/ui/app/templates/partials/status/cluster.hbs
@@ -69,7 +69,6 @@
               <ul>
                 {{#if cluster.anyReplicationEnabled}}
                   <li>
-                    {{!-- ARG this link to has to change --}}
                     {{#link-to
                       "vault.cluster.replication-dr-promote.details"
                       disabled=(not currentToken)

From 5d5a655e2a52ee3d06e399f9d077e0310ee37bd7 Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Tue, 31 Mar 2020 09:08:34 -0600
Subject: [PATCH 07/15] fixes per pr comments

---
 ui/app/mixins/cluster-route.js                       | 7 ++-----
 ui/tests/acceptance/replication/dr/secondary-test.js | 5 ++---
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/ui/app/mixins/cluster-route.js b/ui/app/mixins/cluster-route.js
index 0c5d422c0e84a..5510a476bd917 100644
--- a/ui/app/mixins/cluster-route.js
+++ b/ui/app/mixins/cluster-route.js
@@ -71,11 +71,8 @@ export default Mixin.create({
       return UNSEAL;
     }
     if (get(cluster, 'dr.isSecondary')) {
-      if (transition && transition.targetName === DR_REPLICATION_SECONDARY_DETAILS) {
-        return DR_REPLICATION_SECONDARY_DETAILS;
-      }
-      if (this.router.currentRouteName === DR_REPLICATION_SECONDARY_DETAILS) {
-        return DR_REPLICATION_SECONDARY_DETAILS;
+      if (transition && transition.targetName.startsWith(DR_REPLICATION_SECONDARY)) {
+        return transition.targetName;
       }
       return DR_REPLICATION_SECONDARY;
     }
diff --git a/ui/tests/acceptance/replication/dr/secondary-test.js b/ui/tests/acceptance/replication/dr/secondary-test.js
index 4e583dc5a6847..1e99a52f38985 100644
--- a/ui/tests/acceptance/replication/dr/secondary-test.js
+++ b/ui/tests/acceptance/replication/dr/secondary-test.js
@@ -1,7 +1,6 @@
 import { module, test } from 'qunit';
-import { later } from '@ember/runloop';
 import { setupApplicationTest } from 'ember-qunit';
-import { currentURL, visit, pauseTest } from '@ember/test-helpers';
+import { currentURL, visit } from '@ember/test-helpers';
 
 import authPage from 'vault/tests/pages/auth';
 
@@ -12,7 +11,7 @@ module('Acceptance | DR secondary details', function(hooks) {
     return authPage.login();
   });
 
-  test('visiting DR Recovery Details page', async function(assert) {
+  test('it visits the Secondary Disaster Recovery Details page', async function(assert) {
     await visit('/vault/replication-dr-promote/details');
     assert.equal(currentURL(), '/vault/replication-dr-promote/details');
   });

From 74afc6b998f90012fe5187bd80063038307b5a61 Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Wed, 1 Apr 2020 12:59:54 -0600
Subject: [PATCH 08/15] setup dashboard with contextual components, and toggle

---
 ui/app/components/replication.js              |  5 +++
 .../replication/replication-toggle.js         | 11 +++++
 .../cluster/replication-dr-promote/details.js | 10 +++++
 ui/app/templates/components/replication.hbs   |  3 ++
 .../replication/replication-header.hbs        | 40 +++++++++++++++++++
 .../replication/replication-tabs.hbs          | 17 ++++++++
 .../replication/replication-toggle.hbs        |  5 +++
 .../replication-dr-promote/details.hbs        | 23 +++++------
 8 files changed, 101 insertions(+), 13 deletions(-)
 create mode 100644 ui/app/components/replication.js
 create mode 100644 ui/app/components/replication/replication-toggle.js
 create mode 100644 ui/app/routes/vault/cluster/replication-dr-promote/details.js
 create mode 100644 ui/app/templates/components/replication.hbs
 create mode 100644 ui/app/templates/components/replication/replication-header.hbs
 create mode 100644 ui/app/templates/components/replication/replication-tabs.hbs
 create mode 100644 ui/app/templates/components/replication/replication-toggle.hbs

diff --git a/ui/app/components/replication.js b/ui/app/components/replication.js
new file mode 100644
index 0000000000000..8318366272a74
--- /dev/null
+++ b/ui/app/components/replication.js
@@ -0,0 +1,5 @@
+import { inject as service } from '@ember/service';
+import Component from '@ember/component';
+import { computed } from '@ember/object';
+
+export default Component.extend({});
diff --git a/ui/app/components/replication/replication-toggle.js b/ui/app/components/replication/replication-toggle.js
new file mode 100644
index 0000000000000..9e2ad0ed90a6b
--- /dev/null
+++ b/ui/app/components/replication/replication-toggle.js
@@ -0,0 +1,11 @@
+import Component from '@ember/component';
+import { computed } from '@ember/object';
+
+export default Component.extend({
+  checkedValue: false,
+  handleToggleOff: computed('checkedValue', function() {
+    console.log(this.checkedValue, 'setup to handle change later');
+    let status = this.checkedValue ? 'on' : 'off';
+    return status;
+  }),
+});
diff --git a/ui/app/routes/vault/cluster/replication-dr-promote/details.js b/ui/app/routes/vault/cluster/replication-dr-promote/details.js
new file mode 100644
index 0000000000000..3d716ad990dbf
--- /dev/null
+++ b/ui/app/routes/vault/cluster/replication-dr-promote/details.js
@@ -0,0 +1,10 @@
+import { inject as service } from '@ember/service';
+import Base from '../cluster-route-base';
+
+export default Base.extend({
+  replicationMode: service(),
+  beforeModel() {
+    this._super(...arguments);
+    this.get('replicationMode').setMode('dr');
+  },
+});
diff --git a/ui/app/templates/components/replication.hbs b/ui/app/templates/components/replication.hbs
new file mode 100644
index 0000000000000..01e1e8fc578bf
--- /dev/null
+++ b/ui/app/templates/components/replication.hbs
@@ -0,0 +1,3 @@
+{{yield (hash header=(component 'replication/replication-header'))}}
+{{yield (hash tabs=(component 'replication/replication-tabs'))}}
+{{yield (hash tabs=(component 'replication/replication-toggle'))}}
\ No newline at end of file
diff --git a/ui/app/templates/components/replication/replication-header.hbs b/ui/app/templates/components/replication/replication-header.hbs
new file mode 100644
index 0000000000000..0efc296503dd0
--- /dev/null
+++ b/ui/app/templates/components/replication/replication-header.hbs
@@ -0,0 +1,40 @@
+<NavHeader as |Nav|>
+  <Nav.home>
+    <HomeLink @class="navbar-item splash-page-logo has-text-white">
+      <LogoEdition />
+    </HomeLink>
+  </Nav.home>
+  <Nav.items>
+    {{!-- ARG TODO REVISIT WON'T WORK FOR PRIMARY --}}
+    <div class="navbar-item status-indicator-button" data-status="{{if model.unsealed "good" "bad"}}">
+      <StatusMenu @label="Status" @onLinkClick={{action Nav.closeDrawer}} />
+    </div>
+  </Nav.items>
+</NavHeader>
+
+<PageHeader as |p|>
+  <p.top>
+    {{#key-value-header
+      baseKey=baseKey
+      path="vault.cluster.replication-dr-promote"
+      root=backendCrumb
+    }}
+      <li>
+        <span class="sep">
+          /
+        </span>
+        {{#link-to "vault.cluster.replication-dr-promote"}}
+          Disaster Recovery
+        {{/link-to}}
+      </li>
+    {{/key-value-header}}
+  </p.top>
+  <p.levelLeft>
+    <h1 class="title is-3">
+      Details
+      <span class="tag">
+        {{model.dr.mode}}
+      </span>
+    </h1>
+  </p.levelLeft>
+</PageHeader>
\ No newline at end of file
diff --git a/ui/app/templates/components/replication/replication-tabs.hbs b/ui/app/templates/components/replication/replication-tabs.hbs
new file mode 100644
index 0000000000000..ff9e82978b69f
--- /dev/null
+++ b/ui/app/templates/components/replication/replication-tabs.hbs
@@ -0,0 +1,17 @@
+<div class="tabs-container box is-bottomless is-marginless is-fullwidth is-paddingless">
+  <nav class="tabs">
+    <ul>
+      {{!-- ARG TODO EACH LOOP --}}
+      {{#link-to
+        "vault.cluster.replication-dr-promote"
+        tagName="li"
+        activeClass="is-active"
+        current-when=""
+      }}
+        {{#link-to "vault.cluster.replication-dr-promote"}}
+          Details
+        {{/link-to}}
+      {{/link-to}}
+    </ul>
+  </nav>
+</div>
\ No newline at end of file
diff --git a/ui/app/templates/components/replication/replication-toggle.hbs b/ui/app/templates/components/replication/replication-toggle.hbs
new file mode 100644
index 0000000000000..1ab7c3317b0bd
--- /dev/null
+++ b/ui/app/templates/components/replication/replication-toggle.hbs
@@ -0,0 +1,5 @@
+<Toolbar>
+  <ToolbarActions>
+    <Toggle @tagName="name" @checked={{checkedValue}} @onChange={{action (mut checkedValue)}}> Auto-refresh {{handleToggleOff}}</Toggle>
+  </ToolbarActions>
+</Toolbar>
\ No newline at end of file
diff --git a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
index 1d529aba03e14..9bb9113105436 100644
--- a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
+++ b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
@@ -1,13 +1,10 @@
-<SplashPage as |Page|>
-  <Page.header>
-  <h1 class="title is-4">
-  Disaster Recovery
-  </h1>
-</Page.header>
-<Page.content>
-  <LinkTo
-    @params={{array "vault.cluster.replication-dr-promote"}}
-    class="is-block">MEEP
-  </LinkTo>
-</Page.content>
-</SplashPage>
\ No newline at end of file
+<section class="section">
+  <div class="container is-widescreen">
+    {{!-- ARG TODO setup error state and return --}}
+    <Replication as |Dashboard|>
+      <Dashboard.header />
+      <Dashboard.tabs />
+      <Dashboard.toggle />
+    </Replication>
+</div>
+</section>
\ No newline at end of file

From f496bbbab89d2d159e994e7e7451f51fb9908a16 Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Wed, 1 Apr 2020 14:22:04 -0600
Subject: [PATCH 09/15] setup option to show tabs or not

---
 .../replication/replication-toggle.js         |  1 +
 ui/app/templates/components/replication.hbs   |  8 ++++---
 .../replication/replication-header.hbs        | 22 ++++++++++++++++++-
 .../replication/replication-tabs.hbs          | 17 --------------
 .../replication-dr-promote/details.hbs        |  3 +--
 5 files changed, 28 insertions(+), 23 deletions(-)
 delete mode 100644 ui/app/templates/components/replication/replication-tabs.hbs

diff --git a/ui/app/components/replication/replication-toggle.js b/ui/app/components/replication/replication-toggle.js
index 9e2ad0ed90a6b..80b35a1878afc 100644
--- a/ui/app/components/replication/replication-toggle.js
+++ b/ui/app/components/replication/replication-toggle.js
@@ -2,6 +2,7 @@ import Component from '@ember/component';
 import { computed } from '@ember/object';
 
 export default Component.extend({
+  // ARG TODO: if other components need access to this response, will need to move it higher up to replication parent.
   checkedValue: false,
   handleToggleOff: computed('checkedValue', function() {
     console.log(this.checkedValue, 'setup to handle change later');
diff --git a/ui/app/templates/components/replication.hbs b/ui/app/templates/components/replication.hbs
index 01e1e8fc578bf..f3be642500eba 100644
--- a/ui/app/templates/components/replication.hbs
+++ b/ui/app/templates/components/replication.hbs
@@ -1,3 +1,5 @@
-{{yield (hash header=(component 'replication/replication-header'))}}
-{{yield (hash tabs=(component 'replication/replication-tabs'))}}
-{{yield (hash tabs=(component 'replication/replication-toggle'))}}
\ No newline at end of file
+
+{{yield (hash 
+  header=(component 'replication/replication-header')
+  toggle=(component 'replication/replication-toggle')
+)}}
\ No newline at end of file
diff --git a/ui/app/templates/components/replication/replication-header.hbs b/ui/app/templates/components/replication/replication-header.hbs
index 0efc296503dd0..14e6349fb2c7f 100644
--- a/ui/app/templates/components/replication/replication-header.hbs
+++ b/ui/app/templates/components/replication/replication-header.hbs
@@ -37,4 +37,24 @@
       </span>
     </h1>
   </p.levelLeft>
-</PageHeader>
\ No newline at end of file
+</PageHeader>
+
+{{#if showTabs}}
+  <div class="tabs-container box is-bottomless is-marginless is-fullwidth is-paddingless">
+    <nav class="tabs">
+      <ul>
+        {{!-- TODO should map over array of options with link and title --}}
+        {{#link-to
+          "vault.cluster.replication-dr-promote"
+          tagName="li"
+          activeClass="is-active"
+          current-when=""
+        }}
+          {{#link-to "vault.cluster.replication-dr-promote"}}
+            Details
+          {{/link-to}}
+        {{/link-to}}
+      </ul>
+    </nav>
+  </div>
+{{/if}}
\ No newline at end of file
diff --git a/ui/app/templates/components/replication/replication-tabs.hbs b/ui/app/templates/components/replication/replication-tabs.hbs
deleted file mode 100644
index ff9e82978b69f..0000000000000
--- a/ui/app/templates/components/replication/replication-tabs.hbs
+++ /dev/null
@@ -1,17 +0,0 @@
-<div class="tabs-container box is-bottomless is-marginless is-fullwidth is-paddingless">
-  <nav class="tabs">
-    <ul>
-      {{!-- ARG TODO EACH LOOP --}}
-      {{#link-to
-        "vault.cluster.replication-dr-promote"
-        tagName="li"
-        activeClass="is-active"
-        current-when=""
-      }}
-        {{#link-to "vault.cluster.replication-dr-promote"}}
-          Details
-        {{/link-to}}
-      {{/link-to}}
-    </ul>
-  </nav>
-</div>
\ No newline at end of file
diff --git a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
index 9bb9113105436..fa6a3ec1094b6 100644
--- a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
+++ b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
@@ -2,8 +2,7 @@
   <div class="container is-widescreen">
     {{!-- ARG TODO setup error state and return --}}
     <Replication as |Dashboard|>
-      <Dashboard.header />
-      <Dashboard.tabs />
+      <Dashboard.header @showTabs={{false}} />
       <Dashboard.toggle />
     </Replication>
 </div>

From cdd95104621d82ab7536e242cab65cbff46ded06 Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Wed, 1 Apr 2020 15:13:58 -0600
Subject: [PATCH 10/15] handle conditional nav menu

---
 ui/app/templates/components/replication.hbs   |  1 -
 .../replication/replication-header.hbs        | 28 ++++++++++---------
 .../replication-dr-promote/details.hbs        |  6 +++-
 3 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/ui/app/templates/components/replication.hbs b/ui/app/templates/components/replication.hbs
index f3be642500eba..1d08427cbf127 100644
--- a/ui/app/templates/components/replication.hbs
+++ b/ui/app/templates/components/replication.hbs
@@ -1,4 +1,3 @@
-
 {{yield (hash 
   header=(component 'replication/replication-header')
   toggle=(component 'replication/replication-toggle')
diff --git a/ui/app/templates/components/replication/replication-header.hbs b/ui/app/templates/components/replication/replication-header.hbs
index 14e6349fb2c7f..07dbf2f11badb 100644
--- a/ui/app/templates/components/replication/replication-header.hbs
+++ b/ui/app/templates/components/replication/replication-header.hbs
@@ -1,16 +1,18 @@
-<NavHeader as |Nav|>
-  <Nav.home>
-    <HomeLink @class="navbar-item splash-page-logo has-text-white">
-      <LogoEdition />
-    </HomeLink>
-  </Nav.home>
-  <Nav.items>
-    {{!-- ARG TODO REVISIT WON'T WORK FOR PRIMARY --}}
-    <div class="navbar-item status-indicator-button" data-status="{{if model.unsealed "good" "bad"}}">
-      <StatusMenu @label="Status" @onLinkClick={{action Nav.closeDrawer}} />
-    </div>
-  </Nav.items>
-</NavHeader>
+{{!-- DR Secondary has a different Nav Header with access only to the Status menu --}}
+{{#if (if replicationMode 'secondary')}}
+  <NavHeader as |Nav|>
+    <Nav.home>
+      <HomeLink @class="navbar-item splash-page-logo has-text-white">
+        <LogoEdition />
+      </HomeLink>
+    </Nav.home>
+    <Nav.items>
+      <div class="navbar-item status-indicator-button" data-status="{{if unsealed "good" "bad"}}">
+        <StatusMenu @label="Status" @onLinkClick={{action Nav.closeDrawer}} />
+      </div>
+    </Nav.items>
+  </NavHeader>
+{{/if}}
 
 <PageHeader as |p|>
   <p.top>
diff --git a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
index fa6a3ec1094b6..1da6f1155aef7 100644
--- a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
+++ b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
@@ -2,7 +2,11 @@
   <div class="container is-widescreen">
     {{!-- ARG TODO setup error state and return --}}
     <Replication as |Dashboard|>
-      <Dashboard.header @showTabs={{false}} />
+      <Dashboard.header 
+        @showTabs={{false}} 
+        @replicationMode={{model.dr.mode}}
+        @unsealed={{model.unsealed}}
+      />
       <Dashboard.toggle />
     </Replication>
 </div>

From c1bf61db7efdcdd8eb577d5fbfcbc99d5a204d7b Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Wed, 1 Apr 2020 15:28:37 -0600
Subject: [PATCH 11/15] pass in whole model object

---
 .../components/replication/replication-header.hbs        | 9 ++++++---
 .../vault/cluster/replication-dr-promote/details.hbs     | 3 +--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/ui/app/templates/components/replication/replication-header.hbs b/ui/app/templates/components/replication/replication-header.hbs
index 07dbf2f11badb..707ca0df6e44f 100644
--- a/ui/app/templates/components/replication/replication-header.hbs
+++ b/ui/app/templates/components/replication/replication-header.hbs
@@ -1,5 +1,5 @@
 {{!-- DR Secondary has a different Nav Header with access only to the Status menu --}}
-{{#if (if replicationMode 'secondary')}}
+{{#if (and (eq data.rm.mode 'dr') (eq data.dr.mode 'secondary') )}}
   <NavHeader as |Nav|>
     <Nav.home>
       <HomeLink @class="navbar-item splash-page-logo has-text-white">
@@ -7,7 +7,7 @@
       </HomeLink>
     </Nav.home>
     <Nav.items>
-      <div class="navbar-item status-indicator-button" data-status="{{if unsealed "good" "bad"}}">
+      <div class="navbar-item status-indicator-button" data-status="{{if data.unsealed "good" "bad"}}">
         <StatusMenu @label="Status" @onLinkClick={{action Nav.closeDrawer}} />
       </div>
     </Nav.items>
@@ -35,7 +35,10 @@
     <h1 class="title is-3">
       Details
       <span class="tag">
-        {{model.dr.mode}}
+        {{data.dr.mode}}
+      </span>
+      <span class="tag">
+        {{data.dr.clusterIdDisplay}}
       </span>
     </h1>
   </p.levelLeft>
diff --git a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
index 1da6f1155aef7..323a2616bc316 100644
--- a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
+++ b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
@@ -4,8 +4,7 @@
     <Replication as |Dashboard|>
       <Dashboard.header 
         @showTabs={{false}} 
-        @replicationMode={{model.dr.mode}}
-        @unsealed={{model.unsealed}}
+        @data={{model}}
       />
       <Dashboard.toggle />
     </Replication>

From 9d7be2fb74a0fb6bbb6bf476da17811efbaadc8e Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Wed, 1 Apr 2020 15:56:58 -0600
Subject: [PATCH 12/15] rename to replication-page

---
 .../{replication.js => replication-page.js}           |  0
 .../replication-toggle.js                             |  0
 ui/app/templates/components/replication-page.hbs      |  4 ++++
 .../replication-page/replication-content.hbs          |  1 +
 .../replication-header.hbs                            |  8 ++++----
 .../replication-toggle.hbs                            |  0
 ui/app/templates/components/replication.hbs           |  4 ----
 .../vault/cluster/replication-dr-promote/details.hbs  | 11 ++++++-----
 8 files changed, 15 insertions(+), 13 deletions(-)
 rename ui/app/components/{replication.js => replication-page.js} (100%)
 rename ui/app/components/{replication => replication-page}/replication-toggle.js (100%)
 create mode 100644 ui/app/templates/components/replication-page.hbs
 create mode 100644 ui/app/templates/components/replication-page/replication-content.hbs
 rename ui/app/templates/components/{replication => replication-page}/replication-header.hbs (89%)
 rename ui/app/templates/components/{replication => replication-page}/replication-toggle.hbs (100%)
 delete mode 100644 ui/app/templates/components/replication.hbs

diff --git a/ui/app/components/replication.js b/ui/app/components/replication-page.js
similarity index 100%
rename from ui/app/components/replication.js
rename to ui/app/components/replication-page.js
diff --git a/ui/app/components/replication/replication-toggle.js b/ui/app/components/replication-page/replication-toggle.js
similarity index 100%
rename from ui/app/components/replication/replication-toggle.js
rename to ui/app/components/replication-page/replication-toggle.js
diff --git a/ui/app/templates/components/replication-page.hbs b/ui/app/templates/components/replication-page.hbs
new file mode 100644
index 0000000000000..7cbaceb11998f
--- /dev/null
+++ b/ui/app/templates/components/replication-page.hbs
@@ -0,0 +1,4 @@
+{{yield (hash 
+  header=(component 'replication-page/replication-header')
+  toggle=(component 'replication-page/replication-toggle')
+)}}
\ No newline at end of file
diff --git a/ui/app/templates/components/replication-page/replication-content.hbs b/ui/app/templates/components/replication-page/replication-content.hbs
new file mode 100644
index 0000000000000..fb5c4b157d1c2
--- /dev/null
+++ b/ui/app/templates/components/replication-page/replication-content.hbs
@@ -0,0 +1 @@
+{{yield}}
\ No newline at end of file
diff --git a/ui/app/templates/components/replication/replication-header.hbs b/ui/app/templates/components/replication-page/replication-header.hbs
similarity index 89%
rename from ui/app/templates/components/replication/replication-header.hbs
rename to ui/app/templates/components/replication-page/replication-header.hbs
index 707ca0df6e44f..416bb02b44789 100644
--- a/ui/app/templates/components/replication/replication-header.hbs
+++ b/ui/app/templates/components/replication-page/replication-header.hbs
@@ -1,5 +1,5 @@
 {{!-- DR Secondary has a different Nav Header with access only to the Status menu --}}
-{{#if (and (eq data.rm.mode 'dr') (eq data.dr.mode 'secondary') )}}
+{{#if (and (eq model.rm.mode 'dr') (eq model.dr.mode 'secondary') )}}
   <NavHeader as |Nav|>
     <Nav.home>
       <HomeLink @class="navbar-item splash-page-logo has-text-white">
@@ -7,7 +7,7 @@
       </HomeLink>
     </Nav.home>
     <Nav.items>
-      <div class="navbar-item status-indicator-button" data-status="{{if data.unsealed "good" "bad"}}">
+      <div class="navbar-item status-indicator-button" data-status="{{if model.unsealed "good" "bad"}}">
         <StatusMenu @label="Status" @onLinkClick={{action Nav.closeDrawer}} />
       </div>
     </Nav.items>
@@ -35,10 +35,10 @@
     <h1 class="title is-3">
       Details
       <span class="tag">
-        {{data.dr.mode}}
+        {{model.dr.mode}}
       </span>
       <span class="tag">
-        {{data.dr.clusterIdDisplay}}
+        {{model.dr.clusterIdDisplay}}
       </span>
     </h1>
   </p.levelLeft>
diff --git a/ui/app/templates/components/replication/replication-toggle.hbs b/ui/app/templates/components/replication-page/replication-toggle.hbs
similarity index 100%
rename from ui/app/templates/components/replication/replication-toggle.hbs
rename to ui/app/templates/components/replication-page/replication-toggle.hbs
diff --git a/ui/app/templates/components/replication.hbs b/ui/app/templates/components/replication.hbs
deleted file mode 100644
index 1d08427cbf127..0000000000000
--- a/ui/app/templates/components/replication.hbs
+++ /dev/null
@@ -1,4 +0,0 @@
-{{yield (hash 
-  header=(component 'replication/replication-header')
-  toggle=(component 'replication/replication-toggle')
-)}}
\ No newline at end of file
diff --git a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
index 323a2616bc316..2076d491dc190 100644
--- a/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
+++ b/ui/app/templates/vault/cluster/replication-dr-promote/details.hbs
@@ -1,12 +1,13 @@
 <section class="section">
   <div class="container is-widescreen">
     {{!-- ARG TODO setup error state and return --}}
-    <Replication as |Dashboard|>
-      <Dashboard.header 
+    <ReplicationPage as |Page|>
+      <Page.header 
         @showTabs={{false}} 
-        @data={{model}}
+        @model={{model}}
       />
-      <Dashboard.toggle />
-    </Replication>
+      <Page.toggle />
+      <Page.content />
+    </ReplicationPage>
 </div>
 </section>
\ No newline at end of file

From 074a13abafe38736c3a048d15e0cae70c10a6f8a Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Wed, 1 Apr 2020 16:07:44 -0600
Subject: [PATCH 13/15] clean up

---
 ui/app/components/replication-page.js                           | 1 -
 ui/app/templates/components/replication-page.hbs                | 2 +-
 .../components/replication-page/replication-content.hbs         | 2 +-
 .../components/replication-page/replication-header.hbs          | 1 +
 .../components/replication-page/replication-toggle.hbs          | 2 +-
 5 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/app/components/replication-page.js b/ui/app/components/replication-page.js
index 8318366272a74..08fd93b399bf6 100644
--- a/ui/app/components/replication-page.js
+++ b/ui/app/components/replication-page.js
@@ -1,5 +1,4 @@
 import { inject as service } from '@ember/service';
 import Component from '@ember/component';
-import { computed } from '@ember/object';
 
 export default Component.extend({});
diff --git a/ui/app/templates/components/replication-page.hbs b/ui/app/templates/components/replication-page.hbs
index 7cbaceb11998f..3172d960bc69c 100644
--- a/ui/app/templates/components/replication-page.hbs
+++ b/ui/app/templates/components/replication-page.hbs
@@ -1,4 +1,4 @@
 {{yield (hash 
   header=(component 'replication-page/replication-header')
   toggle=(component 'replication-page/replication-toggle')
-)}}
\ No newline at end of file
+)}}
diff --git a/ui/app/templates/components/replication-page/replication-content.hbs b/ui/app/templates/components/replication-page/replication-content.hbs
index fb5c4b157d1c2..889d9eeadc101 100644
--- a/ui/app/templates/components/replication-page/replication-content.hbs
+++ b/ui/app/templates/components/replication-page/replication-content.hbs
@@ -1 +1 @@
-{{yield}}
\ No newline at end of file
+{{yield}}
diff --git a/ui/app/templates/components/replication-page/replication-header.hbs b/ui/app/templates/components/replication-page/replication-header.hbs
index 416bb02b44789..b115f07163e97 100644
--- a/ui/app/templates/components/replication-page/replication-header.hbs
+++ b/ui/app/templates/components/replication-page/replication-header.hbs
@@ -1,4 +1,5 @@
 {{!-- DR Secondary has a different Nav Header with access only to the Status menu --}}
+{{!-- ARG TODO all links are hard coded as well as titles right now, they will need to by dynamic --}}
 {{#if (and (eq model.rm.mode 'dr') (eq model.dr.mode 'secondary') )}}
   <NavHeader as |Nav|>
     <Nav.home>
diff --git a/ui/app/templates/components/replication-page/replication-toggle.hbs b/ui/app/templates/components/replication-page/replication-toggle.hbs
index 1ab7c3317b0bd..de7261f0a4dc0 100644
--- a/ui/app/templates/components/replication-page/replication-toggle.hbs
+++ b/ui/app/templates/components/replication-page/replication-toggle.hbs
@@ -2,4 +2,4 @@
   <ToolbarActions>
     <Toggle @tagName="name" @checked={{checkedValue}} @onChange={{action (mut checkedValue)}}> Auto-refresh {{handleToggleOff}}</Toggle>
   </ToolbarActions>
-</Toolbar>
\ No newline at end of file
+</Toolbar>

From d8357daa1a24a105f7612aca5b0326146091af41 Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Thu, 2 Apr 2020 11:03:41 -0600
Subject: [PATCH 14/15] clean up based on pr feedback

---
 ui/app/components/replication-page.js                       | 1 -
 ui/app/components/replication-page/replication-toggle.js    | 6 ------
 .../components/replication-page/replication-content.hbs     | 1 -
 .../components/replication-page/replication-toggle.hbs      | 2 +-
 4 files changed, 1 insertion(+), 9 deletions(-)
 delete mode 100644 ui/app/templates/components/replication-page/replication-content.hbs

diff --git a/ui/app/components/replication-page.js b/ui/app/components/replication-page.js
index 08fd93b399bf6..55706477346c4 100644
--- a/ui/app/components/replication-page.js
+++ b/ui/app/components/replication-page.js
@@ -1,4 +1,3 @@
-import { inject as service } from '@ember/service';
 import Component from '@ember/component';
 
 export default Component.extend({});
diff --git a/ui/app/components/replication-page/replication-toggle.js b/ui/app/components/replication-page/replication-toggle.js
index 80b35a1878afc..708ce5db9b240 100644
--- a/ui/app/components/replication-page/replication-toggle.js
+++ b/ui/app/components/replication-page/replication-toggle.js
@@ -2,11 +2,5 @@ import Component from '@ember/component';
 import { computed } from '@ember/object';
 
 export default Component.extend({
-  // ARG TODO: if other components need access to this response, will need to move it higher up to replication parent.
   checkedValue: false,
-  handleToggleOff: computed('checkedValue', function() {
-    console.log(this.checkedValue, 'setup to handle change later');
-    let status = this.checkedValue ? 'on' : 'off';
-    return status;
-  }),
 });
diff --git a/ui/app/templates/components/replication-page/replication-content.hbs b/ui/app/templates/components/replication-page/replication-content.hbs
deleted file mode 100644
index 889d9eeadc101..0000000000000
--- a/ui/app/templates/components/replication-page/replication-content.hbs
+++ /dev/null
@@ -1 +0,0 @@
-{{yield}}
diff --git a/ui/app/templates/components/replication-page/replication-toggle.hbs b/ui/app/templates/components/replication-page/replication-toggle.hbs
index de7261f0a4dc0..c80c901388e45 100644
--- a/ui/app/templates/components/replication-page/replication-toggle.hbs
+++ b/ui/app/templates/components/replication-page/replication-toggle.hbs
@@ -1,5 +1,5 @@
 <Toolbar>
   <ToolbarActions>
-    <Toggle @tagName="name" @checked={{checkedValue}} @onChange={{action (mut checkedValue)}}> Auto-refresh {{handleToggleOff}}</Toggle>
+    <Toggle @tagName="name" @checked={{checkedValue}} @onChange={{action (mut checkedValue)}}> Auto-refresh {{if checkedValue 'on' 'off'}}</Toggle>
   </ToolbarActions>
 </Toolbar>

From a91ca29ba8e4c008806b5d5b5a7bf557fe15d3ce Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Thu, 2 Apr 2020 11:36:37 -0600
Subject: [PATCH 15/15] fix linting error

---
 ui/app/components/replication-page/replication-toggle.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/ui/app/components/replication-page/replication-toggle.js b/ui/app/components/replication-page/replication-toggle.js
index 708ce5db9b240..23b79cbec1072 100644
--- a/ui/app/components/replication-page/replication-toggle.js
+++ b/ui/app/components/replication-page/replication-toggle.js
@@ -1,5 +1,4 @@
 import Component from '@ember/component';
-import { computed } from '@ember/object';
 
 export default Component.extend({
   checkedValue: false,