From 15f28755549babb68bdfe341884b3680730a4677 Mon Sep 17 00:00:00 2001
From: "pinkevycdima@gmail.com" <pinkevycdima@gmail.com>
Date: Mon, 31 Jan 2022 14:57:56 +0200
Subject: [PATCH] UI: add copyDashboardId button in details-panel

---
 .../pages/dashboard/dashboard-form.component.html     | 10 ++++++++++
 .../home/pages/dashboard/dashboard-form.component.ts  | 11 +++++++++++
 ui-ngx/src/assets/locale/locale.constant-en_US.json   |  2 ++
 ui-ngx/src/assets/locale/locale.constant-ru_RU.json   |  2 ++
 ui-ngx/src/assets/locale/locale.constant-uk_UA.json   |  2 ++
 5 files changed, 27 insertions(+)

diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.html
index 0d8971395e..9bd5dd07ab 100644
--- a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.html
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.html
@@ -66,6 +66,16 @@
     {{'dashboard.delete' | translate }}
   </button>
 </div>
+<div fxLayout="row">
+  <button mat-raised-button
+          ngxClipboard
+          (cbOnSuccess)="onDashboardIdCopied($event)"
+          [cbContent]="entity?.id?.id"
+          [fxShow]="!isEdit">
+    <mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon>
+    <span translate>dashboard.copyId</span>
+  </button>
+</div>
 <div class="mat-padding" fxLayout="column">
   <mat-form-field class="mat-block"
                   [fxShow]="!isEdit && assignedCustomersText?.length
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.ts
index f027896ffe..b5e26eed36 100644
--- a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.ts
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.ts
@@ -119,6 +119,17 @@ export class DashboardFormComponent extends EntityComponent<Dashboard> {
       }));
   }
 
+  onDashboardIdCopied($event) {
+    this.store.dispatch(new ActionNotificationShow(
+      {
+        message: this.translate.instant('dashboard.idCopiedMessage'),
+        type: 'success',
+        duration: 750,
+        verticalPosition: 'bottom',
+        horizontalPosition: 'right'
+      }));
+  }
+
   private updateFields(entity: Dashboard): void {
     if (entity && !isEqual(entity, {})) {
       this.assignedCustomersText = getDashboardAssignedCustomersText(entity);
diff --git a/ui-ngx/src/assets/locale/locale.constant-en_US.json b/ui-ngx/src/assets/locale/locale.constant-en_US.json
index 807f3781a9..59f475aa3b 100644
--- a/ui-ngx/src/assets/locale/locale.constant-en_US.json
+++ b/ui-ngx/src/assets/locale/locale.constant-en_US.json
@@ -834,6 +834,8 @@
         "assignedToCustomer": "Assigned to customer",
         "assignedToCustomers": "Assigned to customers",
         "public": "Public",
+        "copyId": "Copy dashboard id",
+        "idCopiedMessage": "Dashboard Id has been copied to clipboard",
         "public-link": "Public link",
         "copy-public-link": "Copy public link",
         "public-link-copied-message": "Dashboard public link has been copied to clipboard",
diff --git a/ui-ngx/src/assets/locale/locale.constant-ru_RU.json b/ui-ngx/src/assets/locale/locale.constant-ru_RU.json
index d266ae78a0..3ec0934885 100644
--- a/ui-ngx/src/assets/locale/locale.constant-ru_RU.json
+++ b/ui-ngx/src/assets/locale/locale.constant-ru_RU.json
@@ -457,6 +457,8 @@
         "add-widget": "Добавить новый виджет",
         "title": "Название",
         "select-widget-title": "Выберите виджет",
+        "copyId": "Копировать идентификатор дашборда",
+        "idCopiedMessage": "Идентификатор дашборда скопирован в буфер обмена",
         "select-widget-subtitle": "Список доступных виджетов",
         "delete": "Удалить дашборд",
         "title-required": "Название обязательно.",
diff --git a/ui-ngx/src/assets/locale/locale.constant-uk_UA.json b/ui-ngx/src/assets/locale/locale.constant-uk_UA.json
index 7286016a17..d2fffe8f87 100644
--- a/ui-ngx/src/assets/locale/locale.constant-uk_UA.json
+++ b/ui-ngx/src/assets/locale/locale.constant-uk_UA.json
@@ -568,6 +568,8 @@
         "add-widget": "Додати новий віджет",
         "title": "Назва",
         "select-widget-title": "Вибрати віджет",
+        "copyId": "Копіювати ідентифікатор панелі приладів",
+        "idCopiedMessage": "Ідентифікатор панелі приладів скопійовано в буфер обміну",
         "select-widget-subtitle": "Список доступних типів віджетів",
         "delete": "Видалити панель приладів",
         "title-required": "Необхідно задати назву.",