X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;f=dashboard%2Fwebapp-frontend%2Fsrc%2Fapp%2Fcatalog%2Fcatalog.component.ts;fp=dashboard%2Fwebapp-frontend%2Fsrc%2Fapp%2Fcatalog%2Fcatalog.component.ts;h=ac8e6ec65d9fbe54fa8b68e3f1f42596f6817ece;hb=854af18c26835319712aded05fdc3624502314a4;hp=4ae7b89cdb54f957f39a774d8044d60b571f6dbf;hpb=40112d9c6fbf59672a8ebc69f16a15bc89b57090;p=portal%2Fric-dashboard.git

diff --git a/dashboard/webapp-frontend/src/app/catalog/catalog.component.ts b/dashboard/webapp-frontend/src/app/catalog/catalog.component.ts
index 4ae7b89c..ac8e6ec6 100644
--- a/dashboard/webapp-frontend/src/app/catalog/catalog.component.ts
+++ b/dashboard/webapp-frontend/src/app/catalog/catalog.component.ts
@@ -31,6 +31,7 @@ import { LoadingDialogService } from '../services/ui/loading-dialog.service';
 import { UiService } from '../services/ui/ui.service';
 import { AppConfigurationComponent } from './../app-configuration/app-configuration.component';
 import { ConfirmDialogService } from '../services/ui/confirm-dialog.service';
+import { OnboardComponent } from './../onboard/onboard.component';
 import { NotificationService } from '../services/ui/notification.service';
 import { CatalogDataSource } from './catalog.datasource';
 
@@ -125,4 +126,24 @@ export class CatalogComponent implements OnInit, OnDestroy {
       );
   }
 
+  onboard(): void {
+    if (this.darkMode) {
+      this.panelClass = 'dark-theme';
+    } else {
+      this.panelClass = '';
+    }
+    const dialogRef = this.dialog.open(OnboardComponent, {
+      panelClass: this.panelClass,
+      width: '400px',
+      maxHeight: '1000px',
+      position: {
+        top: '10%'
+      },
+      data: {
+        instanceKey: this.instanceKey
+      }
+
+    });
+  }
+
 }