From 99f188ece067d509e6f177e259bbb97b2d49983a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Kilchenmann?= <github@milchkannen.ch>
Date: Fri, 18 Sep 2020 15:47:59 +0200
Subject: [PATCH] fix: Open external link in new tab (#297)

---
 src/app/main/footer/footer.component.html | 14 +++++++-------
 src/app/main/main.component.html          |  6 +++---
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/app/main/footer/footer.component.html b/src/app/main/footer/footer.component.html
index 250f26929d..b81bb3da0b 100644
--- a/src/app/main/footer/footer.component.html
+++ b/src/app/main/footer/footer.component.html
@@ -19,8 +19,8 @@
             </p>
         </div>
         <div class="box contact">
-            <a mat-button href="https://dasch.swiss">Data and Service Center for the Humanities</a>
-            <a mat-button href="https://www.google.com/maps/place/Bernoullistrasse+32%2C+4056+Basel">
+            <a mat-button href="https://dasch.swiss" target="_blank">Data and Service Center for the Humanities</a>
+            <a mat-button href="https://www.google.com/maps/place/Bernoullistrasse+32%2C+4056+Basel" target="_blank">
                 <mat-icon>location_on</mat-icon> Bernoullistrasse 32, 4056 Basel
             </a>
             <a mat-button href="mailto:info@knora.org">
@@ -31,7 +31,7 @@
             </a>
         </div>
         <div class="box social-media">
-            <a mat-button href="https://www.github.com/dasch-swiss">
+            <a mat-button href="https://www.github.com/dasch-swiss" target="_blank">
                 <mat-icon>
                     <svg role="img" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
                         <path
@@ -40,7 +40,7 @@
                     </svg>
                 </mat-icon> dasch-swiss
             </a>
-            <a mat-button href="https://twitter.com/DaSCHSwiss">
+            <a mat-button href="https://twitter.com/DaSCHSwiss" target="_blank">
                 <mat-icon>
                     <svg role="img" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
                         <path
@@ -49,7 +49,7 @@
                     </svg>
                 </mat-icon> DaSCHSwiss
             </a>
-            <a mat-button href="https://facebook.com/dasch.swiss">
+            <a mat-button href="https://facebook.com/dasch.swiss" target="_blank">
                 <mat-icon>
                     <svg role="img" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
                         <path
@@ -64,8 +64,8 @@
     <!-- copyright info -->
     <div class="panel no-padding">
         <p class="mat-caption">
-            <a href="https://dasch.swiss">DaSCH</a> @
-            <a href="https://unibas.ch">University of Basel</a> &copy; 2017 - {{currentYear.getFullYear()}}
+            <a href="https://dasch.swiss" target="_blank">DaSCH</a> @
+            <a href="https://unibas.ch" target="_blank">University of Basel</a> &copy; 2017 - {{currentYear.getFullYear()}}
         </p>
     </div>
 
diff --git a/src/app/main/main.component.html b/src/app/main/main.component.html
index 327a5e9464..e7d09194a5 100644
--- a/src/app/main/main.component.html
+++ b/src/app/main/main.component.html
@@ -58,7 +58,7 @@ <h4 class="mat-subheading-2">The tool is designed to work with qualitative data.
                         transcribe taped interviews. Describe images, photographs. Annotate the data and connect every
                         kind of media with each other.</h4>
                     <mat-divider class="more-space-bottom"></mat-divider>
-                    <a mat-raised-button [color]="'accent'" href="https://dasch.swiss/team">Please contact us</a>
+                    <a mat-raised-button [color]="'accent'" href="https://dasch.swiss/team" target="_blank">Please contact us</a>
                 </div>
 
                 <div *ngSwitchCase="'quantitative'">
@@ -68,7 +68,7 @@ <h4 class="mat-subheading-2">The tool is designed to work with qualitative data.
                         for a tool to work with quantitative data, you should contact FORS.
                     </h4>
                     <mat-divider class="more-space-bottom"></mat-divider>
-                    <a mat-raised-button [color]="'primary'" href="https://forscenter.ch/">Please contact FORS</a>
+                    <a mat-raised-button [color]="'primary'" href="https://forscenter.ch/" target="_blank">Please contact FORS</a>
                 </div>
 
                 <div *ngSwitchCase="'edition'">
@@ -78,7 +78,7 @@ <h4 class="mat-subheading-2">Another tool based on DSP-API and designed to work
                         exists. You should contact NIE-INE.
                     </h4>
                     <mat-divider class="more-space-bottom"></mat-divider>
-                    <a mat-raised-button [color]="'primary'" href="https://nie-ine.ch/">Please contact NIE-INE</a>
+                    <a mat-raised-button [color]="'primary'" href="https://nie-ine.ch/" target="_blank">Please contact NIE-INE</a>
                 </div>
             </div>
         </div>