This is an automated email from the ASF dual-hosted git repository.
riemer pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/streampipes.git
The following commit(s) were added to refs/heads/dev by this push:
new 2ea23c0241 Add warning that live dashboard is deprecated (#3359)
2ea23c0241 is described below
commit 2ea23c0241f612f63d1b11519c1bfc6d3025da2c
Author: Marcel Früholz <[email protected]>
AuthorDate: Fri Nov 29 22:29:32 2024 +0100
Add warning that live dashboard is deprecated (#3359)
---
.../components/overview/dashboard-overview.component.html | 11 +++++++++++
.../components/overview/dashboard-overview.component.scss | 15 +++++++++++++++
2 files changed, 26 insertions(+)
diff --git
a/ui/src/app/dashboard/components/overview/dashboard-overview.component.html
b/ui/src/app/dashboard/components/overview/dashboard-overview.component.html
index e51199a6cd..4e5aeee8b7 100644
--- a/ui/src/app/dashboard/components/overview/dashboard-overview.component.html
+++ b/ui/src/app/dashboard/components/overview/dashboard-overview.component.html
@@ -43,6 +43,17 @@
</button>
</div>
+ <div fxLayout="column">
+ <div class="warning" fxLayout="row" fxLayoutAlign="start center">
+ <i class="material-icons warning-icon">warning</i>
+ <span
+ >Warning: The Live Dashboard will be removed in future
+ versions. The live refresh feature has been integrated into
+ the Data Explorer. Please migrate your current dashboards
to
+ the Data Explorer!</span
+ >
+ </div>
+ </div>
<div fxFlex="100" fxLayout="column">
<sp-basic-header-title-component
title="Dashboards"
diff --git
a/ui/src/app/dashboard/components/overview/dashboard-overview.component.scss
b/ui/src/app/dashboard/components/overview/dashboard-overview.component.scss
index 2384389599..74f138c8b1 100644
--- a/ui/src/app/dashboard/components/overview/dashboard-overview.component.scss
+++ b/ui/src/app/dashboard/components/overview/dashboard-overview.component.scss
@@ -35,3 +35,18 @@
display: inline;
margin-right: 10px;
}
+
+.warning {
+ border: 1px solid #dea843;
+ background: #ececc9;
+ padding: 10px;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ box-sizing: border-box;
+}
+
+.warning-icon {
+ color: #dea843;
+ font-size: 24px;
+}