ROENROLL-1830 audit view open in new tap ui

src/app/dars/dars-view/dars-view.component.html

 <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'">

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 {

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');
+  }
 }