Add multi-layer RIC instance selector

[portal/ric-dashboard.git] / webapp-frontend / src / app / ui / instance-selector-dialog / instance-selector-dialog.component.html

diff --git a/webapp-frontend/src/app/ui/instance-selector-dialog/instance-selector-dialog.component.html b/webapp-frontend/src/app/ui/instance-selector-dialog/instance-selector-dialog.component.html
index 2b9d22a..6df47db 100644 (file)
--- a/webapp-frontend/src/app/ui/instance-selector-dialog/instance-selector-dialog.component.html
+++ b/webapp-frontend/src/app/ui/instance-selector-dialog/instance-selector-dialog.component.html
@@ -22,11 +22,21 @@
   Select RIC Instance
 </div>
 <form [formGroup]="instanceForm" novalidate autocomplete="off" (ngSubmit)="changeInstance(instanceForm.value.instance)">
+  <div mat-dialog-content>
+    <mat-form-field>
+      <mat-label>Select a region</mat-label>
+      <mat-select (selectionChange)="changeRegion($event.value)">
+        <mat-option *ngFor="let region of allRegions" [value]="region">
+          {{region.name}}
+        </mat-option>
+      </mat-select>
+    </mat-form-field>
+  </div>
   <div mat-dialog-content>
     <mat-form-field>
       <mat-label>Select an instance</mat-label>
       <mat-select formControlName="instance">
-        <mat-option *ngFor="let instance of instanceArray" [value]="instance">
+        <mat-option *ngFor="let instance of regionInstances" [value]="instance">
           {{instance.name}}
         </mat-option>
       </mat-select>