workaround for #8 : button to open in new tab

gruppe-adler · Jul 14, 2018 · fef18e7 · fef18e7
1 parent ac5659e
commit fef18e7
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 2 deletions.
diff --git a/src/app/slotting/overview-component.scss b/src/app/slotting/overview-component.scss
@@ -6,3 +6,12 @@
     color: white;
   }
 }
+
+.slotlist-new-tab {
+  transition: all 0.2s ease;
+  &:hover {
+    background-color: #8F1167;
+    border-color: #660066 !important;
+    color: white;
+  }
+}
diff --git a/src/app/slotting/overview.component.html b/src/app/slotting/overview.component.html
@@ -9,11 +9,16 @@
   <div class="switch_label">Kompakt</div>
 </label>
 
-<app-slotting *ngFor="let match of slottingService.matches" [match]="match"></app-slotting>
 
+<app-slotting *ngFor="let match of slottingService.matches" [match]="match"></app-slotting>
 
+<div *ngIf="isInIframe()" style="float: right">
+  <a class="nodebb btn btn-default slotlist-new-tab" (click)="openInNewTab()" title="open in new tab">
+    <i class="fa fa-external-link"></i> +
+  </a>
+</div>
 <div>
-  <a class="nodebb btn btn-default slotlist-add-button" (click)="createMatch()">
+  <a class="nodebb btn btn-default slotlist-add-button" (click)="createMatch()" title="create new match">
     <i class="fa fa-sitemap"></i> +
   </a>
 </div>
diff --git a/src/app/slotting/overview.component.ts b/src/app/slotting/overview.component.ts
@@ -28,4 +28,12 @@ export class OverviewComponent implements OnInit {
       this.slottingService.bootbox('Das ging schief :(');
     }
   }
+
+  public isInIframe(): boolean {
+    return window !== window.parent;
+  }
+
+  public openInNewTab(): void {
+    window.open(window.location.href, '_blank');
+  }
 }