diff --git a/src/app/dars/dars-view/dars-view.component.html b/src/app/dars/dars-view/dars-view.component.html index c2e3b053f54710edb5e61251c2a091f2a06fe380..26743d1eebf045d97432e19f78720cbbe015c533 100644 --- a/src/app/dars/dars-view/dars-view.component.html +++ b/src/app/dars/dars-view/dars-view.component.html @@ -1,10 +1,16 @@ <mat-sidenav-container id="dars-container"> <mat-sidenav id="dars-report-container" mode="over" position="end" [opened]="(visibleAuditStatus$ | async) != 'NotLoaded'"> <div class="audit-wrapper"> - <button id="audit-close" mat-button aria-label="Return to DARS audit list" color="primary" (click)="closeAudit()"> - <mat-icon>chevron_left</mat-icon> - Return to audit list - </button> + <div class="audit-header-buttons"> + <button id="audit-close" mat-button aria-label="Return to DARS audit list" color="primary" (click)="closeAudit()"> + <mat-icon>chevron_left</mat-icon> + Return to audit list + </button> + <button id="audit-open-window" mat-button color="primary" (click)="openNewTab()"> + Open in new tab + <mat-icon>launch</mat-icon> + </button> + </div> <!-- <ng-container [ngSwitch]="visibleAuditStatus$ | async"> --> <ng-container [ngSwitch]="'Loaded'"> diff --git a/src/app/dars/dars-view/dars-view.component.scss b/src/app/dars/dars-view/dars-view.component.scss index 356b8c435ed5e4c4f32b849a92ce7859cdd2f7b4..df6ebc5466c75f9f66ce18097f285bfea5e6c191 100644 --- a/src/app/dars/dars-view/dars-view.component.scss +++ b/src/app/dars/dars-view/dars-view.component.scss @@ -32,9 +32,14 @@ margin: 50px auto; } -#audit-close { - margin-bottom: 20px; - margin-left: 1rem; +.audit-header-buttons { + display: flex; + justify-content: space-between; +} + +#audit-close, +#audit-open-window { + margin: 0 1rem 1rem; } #loading-bucky { diff --git a/src/app/dars/dars-view/dars-view.component.ts b/src/app/dars/dars-view/dars-view.component.ts index bba02f92ccc7f08662965acffc3ec60f7c219ead..ccd3b8c01919379bbf87472a8e222da45fac7d02 100644 --- a/src/app/dars/dars-view/dars-view.component.ts +++ b/src/app/dars/dars-view/dars-view.component.ts @@ -59,4 +59,8 @@ export class DARSViewComponent implements OnInit { public closeAudit() { this.store.dispatch(new darsActions.CloseAudit()); } + + public openNewTab() { + window.open(window.location.href, '_blank', 'noopener noreferrer'); + } }