From b723c85c6ff1459a294ebee51667586a94496f6d Mon Sep 17 00:00:00 2001
From: Waad Alkhoury <walkhour@redhat.com>
Date: Tue, 30 Mar 2021 08:38:01 +0200
Subject: [PATCH] mgr/dashboard: improve telemetry opt-in reminder notification
 message

Added activition button and linked the word telemetry to telemetry documentation

Fixes: https://tracker.ceph.com/issues/49606
Signed-off-by: Waad Alkhoury <walkhour@redhat.com>
(cherry picked from commit 527d912b878087672ab537b59e3addf35108a77c)
---
 .../telemetry-notification.component.html          |  8 ++++----
 .../telemetry-notification.component.scss          | 14 ++++++++++++++
 .../src/styles/defaults/_bootstrap-defaults.scss   |  1 +
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.html
index 7a801ecf87eb..481ae18dc782 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.html
@@ -2,8 +2,8 @@
            type="warning"
            *ngIf="displayNotification"
            (close)="close($event)">
-  <div i18n>The Telemetry module is not submitting telemetry data at the
-    moment. Click
-  <a routerLink="/telemetry"
-     class="alert-link">here</a> to activate it now.</div>
+  <div i18n>The Ceph community needs your help to continue improving: please
+    <a routerLink="/telemetry"
+       class="btn activate-button alert-link activate-text">Activate</a> the
+  <a href="https://docs.ceph.com/en/latest/mgr/telemetry/">Telemetry</a> module.</div>
 </ngb-alert>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.scss
index e6af78a6271c..569f1e0c4a4a 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.scss
@@ -1,3 +1,17 @@
+@use './src/styles/vendor/variables' as vv;
+
 ::ng-deep cd-telemetry-notification .no-margin-bottom {
   margin-bottom: 0;
 }
+
+.activate-button {
+  background-color: vv.$barley-white;
+  border: vv.$gray-700 solid 0.5px;
+  border-radius: 10%;
+  padding: 0.1rem 0.4rem;
+}
+
+.activate-text {
+  color: vv.$gray-700;
+  font-weight: bold;
+}
diff --git a/src/pybind/mgr/dashboard/frontend/src/styles/defaults/_bootstrap-defaults.scss b/src/pybind/mgr/dashboard/frontend/src/styles/defaults/_bootstrap-defaults.scss
index 676b0cae770e..b1a386a803ad 100644
--- a/src/pybind/mgr/dashboard/frontend/src/styles/defaults/_bootstrap-defaults.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/styles/defaults/_bootstrap-defaults.scss
@@ -22,6 +22,7 @@ $yellow: #ffc200 !default;
 $green: #0b0 !default;
 $teal: #20c997 !default;
 $cyan: #17a2b8 !default;
+$barley-white: #fcecba !default;
 
 $primary: #2b99a8 !default;
 $secondary: #374249 !default;
-- 
2.47.3