Clean up footer and link to imprint, blog and dsgvo

src/app/app-routing.module.ts

 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { FooterImprintComponent } from './components/shared/footer-imprint/footer-imprint.component';
 import { PageNotFoundComponent } from './components/shared/page-not-found/page-not-found.component';
 import { CreatorModule } from './components/creator/creator.module';
 import { ParticipantModule } from './components/participant/participant.module';
@@ -24,10 +23,6 @@ const routes: Routes = [
     path: 'participant',
     loadChildren: () => ParticipantModule
   },
-  {
-    path: 'imprint',
-    component: FooterImprintComponent
-  },
   {
     path: '**',
     component: PageNotFoundComponent

src/app/components/shared/footer-imprint/footer-imprint.component.html

-<mat-accordion>
-  <mat-expansion-panel [expanded]="step === 0" (opened)="setStep(0)" hideToggle="true">
-    <mat-expansion-panel-header>
-      <mat-panel-title>Impressum</mat-panel-title>
-    </mat-expansion-panel-header>
-    <p>
-      <a>Technische Hochschule Mittelhessen (THM) University of Applied Sciences</a>
-      <br>Wiesenstraße 14
-      <br>35390 Gießen
-      <br>Germany
-      <br>
-    </p>
-
-    <p>
-      <mat-icon>phone</mat-icon> +49 641 309-0
-      <br>
-      <mat-icon>print</mat-icon> +49 641 309-2901
-      <br>
-      <mat-icon>mail</mat-icon> praesident@thm.de
-      <br>
-    </p>
-
-    <mat-divider></mat-divider>
-    <br>
-
-    <p>
-      Die Technische Hochschule Mittelhessen ist eine rechtsfähige Körperschaft des öffentlichen Rechts und zugleich staatliche
-      Einrichtung gemäß § 1 (1) HHG (Hessisches Hochschulgesetz vom 14. Dezember 2009, GVBl. I, S. 666).
-    </p>
-
-    <p> Sie wird gesetzlich vertreten durch den Präsidenten
-      <a>Prof. Dr. Matthias Willems</a>.
-    </p>
-
-    <p>Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:
-      <br>
-      <a>DE 813885934</a>
-    </p>
-
-    <p>
-      <a>Zuständige Aufsichtsbehörde:</a>
-      <br> Hessisches Ministerium für Wissenschaft und Kunst Rheinstraße 23 - 25 65185 Wiesbaden
-    </p>
-
-    <p>
-      <a>Inhaltlich Verantwortlicher gemäß § 55 Abs. 2 RStV:</a>
-      <br> Das Präsidium hat die allgemeine inhaltliche Verantwortung und entscheidet in Zweifelsfällen über die Zulässigkeit
-      von Daten. Die Einrichtungen und Organe der Technischen Hochschule Mittelhessen (u.a. Fachbereiche, Bibliothek, AStA,
-      Personalräte) erstellen ihre Webseiten in eigener Verantwortung. Die inhaltliche Verantwortung dieser Webseiten liegt
-      bei der/dem Vertretungsberechtigten der jeweils zuständigen Einrichtung bzw. bei der von ihr/ihm autorisierten Person.
-      Die Kontaktdaten dieser Personen sind dort jeweils im Impressum angegeben.
-    </p>
-
-    <p>
-      <a>Das Impressum gilt auch für folgende Social Media Profile:</a>
-      <br>www.thm.de/facebook
-      <br>www.thm.de/twitter
-      <br>www.thm.de/plus.google
-      <br>www.thm.de/youtube
-    </p>
-
-    <p>
-      <a>Technische Ansprechpartner für den Internetauftritt:</a>
-      <br>Referat Neue Medien
-      <br>Ostanlage 37 - 41
-      <br>35390 Gießen
-      <br>webredaktion@thm.de
-    </p>
-  </mat-expansion-panel>
-
-  <mat-expansion-panel [expanded]="step === 1" (opened)="setStep(1)" hideToggle="true">
-    <mat-expansion-panel-header>Haftungsausschluss</mat-expansion-panel-header>
-    <h4>1. Inhalt der Internetpräsenz</h4>
-    Die Technische Hochschule Mittelhessen (THM) ist bemüht, die bereitgestellte Internetpräsenz stets informativ, aktuell, klar
-    strukturiert und übersichtlich zu halten. Trotzdem können Fehler und Unklarheiten nicht vollständig ausgeschlossen werden.
-    Aus diesem Grunde übernimmt die Technische Hochschule Mittelhessen keine Gewähr für die Vollständigkeit, die Richtigkeit,
-    die Aktualität und die Qualität der zur Verfügung gestellten Informationen. Für Schäden immaterieller oder materieller
-    Art, die durch die Nutzung oder die Nichtnutzung der dargebotenen Informationen oder durch die Nutzung fehlerhafter oder
-    unvollständiger Informationen mittelbar oder unmittelbar entstehen, haftet die Technische Hochschule Mittelhessen nicht,
-    sofern ihr nicht nachweislich ein grob fahrlässiges oder vorsätzliches Verschulden zur Last gelegt werden kann. Gleiches
-    gilt für kostenlos zur Verfügung gestellte Software. Die Technische Hochschule Mittelhessen kann ohne vorherige Ankündigung
-    Teile des Internetangebotes oder auch das gesamte Internetangebot verändern, ergänzen löschen oder endgültig oder zeitweise
-    sperren.
-
-    <h4>2. Links und Verweise</h4>
-    Für „fremde Inhalte“, die durch direkte oder indirekte Verknüpfungen (sogenannte Links) von anderen Anbietern zur Verfügung
-    gestellt werden, übernimmt die Technische Hochschule Mittelhessen keine Haftung. Sie macht sich diese Seiten ausdrücklich
-    nicht zu Eigen und distanziert sich auch von den Inhalten der gelinkten/verknüpften Seiten. Diese Feststellung betrifft
-    auch die von der Technischen Hochschule Mittelhessen eingerichteten Diskussionsforen, Gästebücher und Mailinglisten.
-    Für unvollständige, fehlerhafte oder auch illegale Inhalte und insbesondere für Schäden, die aus der Nutzung dieser Seiten
-    und der in ihnen dargebotenen Informationen entstehen, haftet allein der Anbieter der entsprechenden Seiten. Die Technische
-    Hochschule Mittelhessen hat keine Kenntnis über anstößige oder rechtswidrige Inhalte der gelinkten/verknüpften Seiten
-    der Anbieter. Sollten auf diesen Seiten dennoch rechtswidrige oder anstößige Inhalte enthalten sein, distanziert sich
-    die Technische Hochschule Mittelhessen ausdrücklich von diesen Inhalten.
-
-    <h4>3. Urheberrecht</h4>
-    Die Technische Hochschule Mittelhessen ist bestrebt, in ihren Publikationen die Urheberrechte der verwendeten Dokumente,
-    Texte, Grafiken, Tondokumente und Videosequenzen zu beachten, von ihr selbst erstellte Grafiken, Tondokumente, Videosequenzen
-    und Texte zu nutzen oder auf lizenzfreie Grafiken, Tondokumente, Videosequenzen und Texte zurückzugreifen. Alle innerhalb
-    des Internetangebotes genannten und ggf. durch Dritte geschützten Marken- und Warenzeichen unterliegen uneingeschränkt
-    den Bestimmungen des gültigen Kennzeichenrechts und den Besitzrechten der jeweiligen eingetragenen Eigentümer. Allein
-    aufgrund der bloßen Nennung ist nicht der Schluss zu ziehen, dass Markenzeichen nicht durch Rechte Dritter geschützt
-    sind! Das Copyright für von der Technischen Hochschule Mittelhessen veröffentlichte Dokumente bleibt alleine bei der
-    Technische Hochschule Mittelhessen. Die Vervielfältigung der von der Technischen Hochschule Mittelhessen erstellten Dokumente
-    und Publikationen ist ohne ausdrückliche Zustimmung der Technischen Hochschule Mittelhessen nicht gestattet. Das Layout
-    der Homepage und die verwendeten Graphiken sowie sonstige Inhalte sind urheberrechtlich geschützt.
-
-    <h4>4. Datenschutz</h4>
-    Sofern auf unserer Webseite die Möglichkeit zur Eingabe persönlicher oder geschäftlicher Daten wie Namen, E-Mail-Adressen,
-    Anschriften usw. besteht, erfolgt die Preisgabe dieser Daten seitens des Nutzers auf freiwilliger Basis.
-
-    <h4>5. Rechtswirksamkeit dieses Haftungsausschlusses</h4>
-    Dieser Haftungsausschluss ist als Teil des Internetangebots zu betrachten, von dem aus auf diese Seite verwiesen wurde. Sofern
-    Teile oder einzelne Formulierungen dieses Textes der geltenden Rechtsgrundlage nicht oder nicht vollständig entsprechen,
-    bleiben die übrigen Teile der Internetpräsentation in ihrem Inhalt und in ihrer Gültigkeit unberührt.
-  </mat-expansion-panel>
-</mat-accordion>
\ No newline at end of file

src/app/components/shared/footer-imprint/footer-imprint.component.scss

-mat-icon {
-    font-size: 20px;
-    vertical-align: middle;
-}
-
-p {
-    margin: 2%;
-}
-
-a{
-    font-weight:bolder;
-}
\ No newline at end of file

src/app/components/shared/footer-imprint/footer-imprint.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FooterImprintComponent } from './footer-imprint.component';
-
-describe('FooterImprintComponent', () => {
-  let component: FooterImprintComponent;
-  let fixture: ComponentFixture<FooterImprintComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ FooterImprintComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(FooterImprintComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/components/shared/footer-imprint/footer-imprint.component.ts

-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-footer-imprint',
-  templateUrl: './footer-imprint.component.html',
-  styleUrls: ['./footer-imprint.component.scss']
-})
-export class FooterImprintComponent implements OnInit {
-  step = 0;
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-  setStep(index: number) {
-    this.step = index;
-  }
-
-  nextStep() {
-    this.step++;
-  }
-
-  prevStep() {
-    this.step--;
-  }
-}
\ No newline at end of file

src/app/components/shared/footer/footer.component.html

 <footer>
   <mat-toolbar>
-    <div class="container">
-      <a href="imprint" target="_parent">
-        <button mat-button>Impressum</button>
-      </a>
-    </div>
+    <button mat-button (click)="navToBlog()">Blog</button>
+    <button mat-button (click)="navToDSGVO()">DSGVO</button>
+    <button mat-button (click)="navToImprint()">Impressum</button>
   </mat-toolbar>
-</footer>
+</footer>
\ No newline at end of file

src/app/components/shared/footer/footer.component.ts

@@ -11,6 +11,9 @@ import { MatDialog } from '@angular/material';
 })
 export class FooterComponent implements OnInit {
 
+  blogUrl = 'https://arsnova.thm.de/blog/';
+  dsgvoUrl = 'https://arsnova.thm.de/blog/datenschutzerklaerung/';
+  imprUrl = 'https://arsnova.thm.de/blog/impressum/';
   constructor(
     public authenticationService: AuthenticationService,
     public notificationService: NotificationService,
@@ -20,4 +23,15 @@ export class FooterComponent implements OnInit {
 
   ngOnInit() {
   }
+
+  navToBlog() {
+    window.open(this.blogUrl, '_blank');
+  }
+  navToDSGVO() {
+    window.open(this.dsgvoUrl, '_blank');
+  }
+  navToImprint() {
+    window.open(this.imprUrl, '_blank');
+  }
+
 }

src/app/components/shared/shared.module.ts

@@ -22,6 +22,7 @@ import { RoomJoinComponent } from './room-join/room-join.component';
 import { RoomCreateComponent } from './_dialogs/room-create/room-create.component';
 import { LoginComponent } from './login/login.component';
 import { StatisticHelpComponent } from './_dialogs/statistic-help/statistic-help.component';
+import { ImprintComponent } from './imprint/imprint.component';
 
 @NgModule({
   imports: [
@@ -50,7 +51,8 @@ import { StatisticHelpComponent } from './_dialogs/statistic-help/statistic-help
     StatisticComponent,
     RoomCreateComponent,
     LoginComponent,
-    StatisticHelpComponent
+    StatisticHelpComponent,
+    ImprintComponent
   ],
   exports: [
     RoomJoinComponent,