Merge pull request #3950 from vvlladd28/improvement/widget-action/open-dashboard

[3.2.1] UI: Added a new settings "Open in a new browser tab" in the widget action

@@ -112,6 +112,12 @@
             {{ 'widget-action.open-right-layout' | translate }}
             {{ 'widget-action.open-right-layout' | translate }}
           </mat-checkbox>
           </mat-checkbox>
         </ng-template>
         </ng-template>
+        <ng-template [ngSwitchCase]="widgetActionFormGroup.get('type').value === widgetActionType.openDashboard ?
+                                     widgetActionFormGroup.get('type').value : ''">
+          <mat-checkbox formControlName="openNewBrowserTab">
+            {{ 'widget-action.open-new-browser-tab' | translate }}
+          </mat-checkbox>
+        </ng-template>
         <ng-template [ngSwitchCase]="widgetActionFormGroup.get('type').value === widgetActionType.openDashboardState ||
         <ng-template [ngSwitchCase]="widgetActionFormGroup.get('type').value === widgetActionType.openDashboardState ||
                                      widgetActionFormGroup.get('type').value === widgetActionType.updateDashboardState ||
                                      widgetActionFormGroup.get('type').value === widgetActionType.updateDashboardState ||
                                      widgetActionFormGroup.get('type').value === widgetActionType.openDashboard ?
                                      widgetActionFormGroup.get('type').value === widgetActionType.openDashboard ?

@@ -145,6 +145,10 @@ export class WidgetActionDialogComponent extends DialogComponent<WidgetActionDia
           );
           );
           if (type === WidgetActionType.openDashboard) {
           if (type === WidgetActionType.openDashboard) {
             this.actionTypeFormGroup.addControl(
             this.actionTypeFormGroup.addControl(
+              'openNewBrowserTab',
+              this.fb.control(action ? action.openNewBrowserTab : false, [])
+            );
+            this.actionTypeFormGroup.addControl(
               'targetDashboardId',
               'targetDashboardId',
               this.fb.control(action ? action.targetDashboardId : null,
               this.fb.control(action ? action.targetDashboardId : null,
                 [Validators.required])
                 [Validators.required])

@@ -1029,7 +1029,11 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI
         } else {
         } else {
           url = `/dashboards/${targetDashboardId}?state=${state}`;
           url = `/dashboards/${targetDashboardId}?state=${state}`;
         }
         }
-        this.router.navigateByUrl(url);
+        if (descriptor.openNewBrowserTab) {
+          window.open(url, '_blank');
+        } else {
+          this.router.navigateByUrl(url);
+        }
         break;
         break;
       case WidgetActionType.custom:
       case WidgetActionType.custom:
         const customFunction = descriptor.customFunction;
         const customFunction = descriptor.customFunction;

@@ -344,6 +344,7 @@ export interface WidgetActionDescriptor extends CustomActionDescriptor {
   targetDashboardId?: string;
   targetDashboardId?: string;
   targetDashboardStateId?: string;
   targetDashboardStateId?: string;
   openRightLayout?: boolean;
   openRightLayout?: boolean;
+  openNewBrowserTab?: boolean;
   setEntityId?: boolean;
   setEntityId?: boolean;
   stateEntityParamName?: string;
   stateEntityParamName?: string;
 }
 }

@@ -2257,7 +2257,8 @@
         "target-dashboard-state-required": "Target dashboard state is required",
         "target-dashboard-state-required": "Target dashboard state is required",
         "set-entity-from-widget": "Set entity from widget",
         "set-entity-from-widget": "Set entity from widget",
         "target-dashboard": "Target dashboard",
         "target-dashboard": "Target dashboard",
-        "open-right-layout": "Open right dashboard layout (mobile view)"
+        "open-right-layout": "Open right dashboard layout (mobile view)",
+        "open-new-browser-tab": "Open in a new browser tab"
     },
     },
     "widgets-bundle": {
     "widgets-bundle": {
         "current": "Current bundle",
         "current": "Current bundle",