diff --git a/ui/app/styles/components/replication-dashboard.scss b/ui/app/styles/components/replication-dashboard.scss
index 9f33e3f4959b..35751ca03482 100644
--- a/ui/app/styles/components/replication-dashboard.scss
+++ b/ui/app/styles/components/replication-dashboard.scss
@@ -1,8 +1,4 @@
.replication-dashboard {
- .documentation-link {
- float: right;
- }
-
.selectable-card {
line-height: normal;
@@ -66,4 +62,9 @@
}
}
}
+
+ // prevent double lines at the bottom of the dashboard
+ &.box {
+ padding-bottom: 0;
+ }
}
diff --git a/ui/app/styles/components/replication-doc-link.scss b/ui/app/styles/components/replication-doc-link.scss
new file mode 100644
index 000000000000..6bf2d02dfc60
--- /dev/null
+++ b/ui/app/styles/components/replication-doc-link.scss
@@ -0,0 +1,8 @@
+.documentation-link {
+ margin: $spacing-s 0 $spacing-l 0;
+ float: right;
+
+ .doc-link {
+ font-weight: normal;
+ }
+}
diff --git a/ui/app/styles/core.scss b/ui/app/styles/core.scss
index 0f00aa7c7899..4a08d9596bf7 100644
--- a/ui/app/styles/core.scss
+++ b/ui/app/styles/core.scss
@@ -80,6 +80,7 @@
@import './components/radial-progress';
@import './components/raft-join';
@import './components/replication-dashboard';
+@import './components/replication-doc-link';
@import './components/replication-primary-card';
@import './components/replication-summary';
@import './components/role-item';
diff --git a/ui/app/components/learn-link.js b/ui/lib/core/addon/components/learn-link.js
similarity index 100%
rename from ui/app/components/learn-link.js
rename to ui/lib/core/addon/components/learn-link.js
diff --git a/ui/lib/core/addon/components/replication-doc-link.js b/ui/lib/core/addon/components/replication-doc-link.js
new file mode 100644
index 000000000000..0f70e1332a8d
--- /dev/null
+++ b/ui/lib/core/addon/components/replication-doc-link.js
@@ -0,0 +1,6 @@
+import Component from '@ember/component';
+import layout from '../templates/components/replication-doc-link';
+
+export default Component.extend({
+ layout,
+});
diff --git a/ui/lib/core/addon/templates/components/replication-dashboard.hbs b/ui/lib/core/addon/templates/components/replication-dashboard.hbs
index 652f0e47d2a1..2dcfedcaffd4 100644
--- a/ui/lib/core/addon/templates/components/replication-dashboard.hbs
+++ b/ui/lib/core/addon/templates/components/replication-dashboard.hbs
@@ -9,23 +9,15 @@
{{/if}}
- {{yield (hash
+ {{yield (hash
card=(component componentToRender data=data)
)}}
-
- {{yield (hash
+
+ {{yield (hash
isSyncing=isSyncing
rows=(component 'replication-table-rows' data=data)
)}}
-
-
We have additional timeseries telemetry that can be found
- in our documentation
- .
-
-
-
+
diff --git a/ui/lib/core/addon/templates/components/replication-doc-link.hbs b/ui/lib/core/addon/templates/components/replication-doc-link.hbs
new file mode 100644
index 000000000000..55a298d6ca9a
--- /dev/null
+++ b/ui/lib/core/addon/templates/components/replication-doc-link.hbs
@@ -0,0 +1,6 @@
+
+
We have additional timeseries telemetry that can be found
+ in our documentation
+ .
+
+
diff --git a/ui/lib/core/app/components/learn-link.js b/ui/lib/core/app/components/learn-link.js
new file mode 100644
index 000000000000..7beac1aca0b0
--- /dev/null
+++ b/ui/lib/core/app/components/learn-link.js
@@ -0,0 +1 @@
+export { default } from 'core/components/learn-link';
diff --git a/ui/lib/core/app/components/replication-doc-link.js b/ui/lib/core/app/components/replication-doc-link.js
new file mode 100644
index 000000000000..b473bd217197
--- /dev/null
+++ b/ui/lib/core/app/components/replication-doc-link.js
@@ -0,0 +1 @@
+export { default } from 'core/components/replication-doc-link';
diff --git a/ui/lib/replication/addon/components/replication-primary-card.js b/ui/lib/replication/addon/components/replication-primary-card.js
index 04bb1f9a92fd..15be77c7a711 100644
--- a/ui/lib/replication/addon/components/replication-primary-card.js
+++ b/ui/lib/replication/addon/components/replication-primary-card.js
@@ -14,6 +14,7 @@ import Component from '@ember/component';
* ```
* @param {string} [title=null] - The title to be displayed on the top left corner of the card.
* @param {string} [description=null] - Helper text to describe the metric on the card.
+ * @param {object} [glyph=null] - The glyph to display beside the metric.
* @param {string} metric=null - The main metric to highlight on the card.
*/
@@ -22,4 +23,5 @@ export default Component.extend({
title: null,
description: null,
metric: null,
+ glyph: null,
});
diff --git a/ui/lib/replication/addon/templates/components/replication-primary-card.hbs b/ui/lib/replication/addon/templates/components/replication-primary-card.hbs
index ca31913d103b..26a180cfd367 100644
--- a/ui/lib/replication/addon/templates/components/replication-primary-card.hbs
+++ b/ui/lib/replication/addon/templates/components/replication-primary-card.hbs
@@ -5,9 +5,10 @@
{{description}}
- {{!-- TODO make this dynamic --}}
-
{{metric}}
+ {{#if glyph}}
+
+ {{/if}}
diff --git a/ui/lib/replication/addon/templates/components/replication-summary.hbs b/ui/lib/replication/addon/templates/components/replication-summary.hbs
index f06e379d98e6..d04d708422d3 100644
--- a/ui/lib/replication/addon/templates/components/replication-summary.hbs
+++ b/ui/lib/replication/addon/templates/components/replication-summary.hbs
@@ -349,6 +349,7 @@
+
{{/if}}
{{/if}}