From 3641668bd716f50c52448957041bbd162a89c59d Mon Sep 17 00:00:00 2001
From: Marco Herzog <marco.herzog@mni.thm.de>
Date: Wed, 11 Sep 2019 13:24:33 +0200
Subject: [PATCH] Revert previous changes to data-protection and imprint dialog

---
 .../_dialogs/cookies/cookies.component.html   | 10 ++--
 .../data-protection.component.html            | 50 ++++++-------------
 .../data-protection.component.scss            | 36 -------------
 .../_dialogs/imprint/imprint.component.html   | 46 +++++------------
 src/assets/i18n/cookies/cookies-en.html       | 28 +++++------
 .../data-protection/data-protection-de.html   |  4 --
 .../data-protection/data-protection-en.html   |  4 --
 src/assets/i18n/home/de.json                  |  5 ++
 src/assets/i18n/home/en.json                  |  5 ++
 src/assets/i18n/imprint/imprint-de.html       |  2 +-
 src/assets/i18n/imprint/imprint-en.html       |  2 +-
 src/styles.scss                               |  1 -
 12 files changed, 59 insertions(+), 134 deletions(-)

diff --git a/src/app/components/home/_dialogs/cookies/cookies.component.html b/src/app/components/home/_dialogs/cookies/cookies.component.html
index 5beae970b..534fec5f1 100644
--- a/src/app/components/home/_dialogs/cookies/cookies.component.html
+++ b/src/app/components/home/_dialogs/cookies/cookies.component.html
@@ -5,10 +5,12 @@
     </button>
   </h1>
 
-        <mat-divider></mat-divider>
-        <app-cookies-de *ngIf="currentLang=='de'"></app-cookies-de>
-        <app-cookies-en *ngIf="currentLang=='en'"></app-cookies-en>
-        <mat-divider></mat-divider>
+  <mat-divider></mat-divider>
+  <mat-dialog-content>
+    <app-cookies-de *ngIf="currentLang=='de'"></app-cookies-de>
+    <app-cookies-en *ngIf="currentLang=='en'"></app-cookies-en>
+  </mat-dialog-content>
+  <mat-divider></mat-divider>
 
 <mat-dialog-actions class="action-container">
   <span class="spacer"></span>
diff --git a/src/app/components/home/_dialogs/data-protection/data-protection.component.html b/src/app/components/home/_dialogs/data-protection/data-protection.component.html
index efd29b3e4..b87fcd89a 100644
--- a/src/app/components/home/_dialogs/data-protection/data-protection.component.html
+++ b/src/app/components/home/_dialogs/data-protection/data-protection.component.html
@@ -1,42 +1,24 @@
-<!--
 
-    <h1 mat-dialog-title>{{ 'data-protection.title' | translate }} </h1>
--->
+  <h1 mat-dialog-title>{{ 'data-protection.title' | translate }} </h1>
 
-<div class="container">
-  <div class="content_container">
+  <mat-divider></mat-divider>
 
-    <mat-divider></mat-divider>
+  <mat-dialog-content>
+    <app-data-protection-en *ngIf="currentLang=='en'"></app-data-protection-en>
+    <app-data-protection-de *ngIf="currentLang=='de'"></app-data-protection-de>
+  </mat-dialog-content>
 
-    <div class="scroll_container">
+  <mat-divider></mat-divider>
 
-      <div class="inner_scroll_container">
-
-        <h1 mat-dialog-title>{{ 'data-protection.title' | translate }} </h1>
-
-        <app-data-protection-en *ngIf="currentLang=='en'"></app-data-protection-en>
-        <app-data-protection-de *ngIf="currentLang=='de'"></app-data-protection-de>
-
-      </div>
-
-    </div>
-
-    <mat-divider></mat-divider>
+  <mat-dialog-actions class="action-container">
+    <span class="spacer"></span>
+    <button mat-raised-button [mat-dialog-close] (click)="accept()" aria-labelledby="consent-label">{{ 'data-protection.consent' | translate }} </button>
+    <span class="pad"></span>
+    <button mat-stroked-button [mat-dialog-close] (click)="decline()" aria-labelledby="deny-label"> {{ 'data-protection.deny' | translate }} </button>
+  </mat-dialog-actions>
 
+  <div class="visually-hidden">
+    <div id="consent-label">{{ 'data-protection.consent-label' | translate }}</div>
+    <div id="deny-label">{{ 'data-protection.deny-label' | translate }}</div>
   </div>
-  <div class="button_container">
-
-    <div mat-dialog-actions class="action-container">
-      <span class="spacer"></span>
-      <button mat-raised-button [mat-dialog-close] (click)="accept()" aria-labelledby="consent-label">{{ 'data-protection.consent' | translate }} </button>
-      <span class="pad"></span>
-      <button mat-stroked-button [mat-dialog-close] (click)="decline()" aria-labelledby="deny-label"> {{ 'data-protection.deny' | translate }} </button>
-    </div>
 
-    <div class="visually-hidden">
-      <div id="consent-label">{{ 'data-protection.consent-label' | translate }}</div>
-      <div id="deny-label">{{ 'data-protection.deny-label' | translate }}</div>
-    </div>
-
-  </div>
-</div>
diff --git a/src/app/components/home/_dialogs/data-protection/data-protection.component.scss b/src/app/components/home/_dialogs/data-protection/data-protection.component.scss
index 309c518d3..a875a1cd3 100644
--- a/src/app/components/home/_dialogs/data-protection/data-protection.component.scss
+++ b/src/app/components/home/_dialogs/data-protection/data-protection.component.scss
@@ -20,39 +20,3 @@ div {
   color: var(--on-surface);
 }
 
-.action-container{
-  height:50px;
-}
-
-.container{
-  width:100%;
-  height:100%;
-  position:relative;
-  left:0px;
-  top:0px;
-}
-
-.content_container{
-  width:100%;
-  height:calc( 100% - 50px );
-  float:left;
-}
-
-.scroll_container{
-  width:100%;
-  height:100%;
-  overflow-y:auto;
-}
-
-.inner_scroll_container{
-  width:100%;
-  margin-top:15px;
-  float:left;
-}
-
-.button_container{
-  width:100%;
-  height:50px;
-  float:left;
-}
-
diff --git a/src/app/components/home/_dialogs/imprint/imprint.component.html b/src/app/components/home/_dialogs/imprint/imprint.component.html
index ea1a323d7..fda3902e4 100644
--- a/src/app/components/home/_dialogs/imprint/imprint.component.html
+++ b/src/app/components/home/_dialogs/imprint/imprint.component.html
@@ -1,40 +1,20 @@
+<h1 mat-dialog-title>{{ 'imprint.title' | translate }} </h1>
 
+<mat-divider></mat-divider>
 
-<div class="container">
-  <div class="content_container">
+<mat-dialog-content>
+  <app-imprint-en *ngIf="currentLang=='en'"></app-imprint-en>
+  <app-imprint-de *ngIf="currentLang=='de'"></app-imprint-de>
+</mat-dialog-content>
 
-    <mat-divider></mat-divider>
+<mat-divider></mat-divider>
 
-    <div class="scroll_container">
-
-      <div class="inner_scroll_container">
-
-        <h1 mat-dialog-title>{{ 'imprint.title' | translate }} </h1>
-
-        <app-imprint-en *ngIf="currentLang=='en'"></app-imprint-en>
-        <app-imprint-de *ngIf="currentLang=='de'"></app-imprint-de>
-
-      </div>
-
-    </div>
-
-    <mat-divider></mat-divider>
-
-    <div class="visually-hidden">
-      <div id="consent-label">{{ 'data-protection.consent-label' | translate }}</div>
-      <div id="deny-label">{{ 'data-protection.deny-label' | translate }}</div>
-    </div>
-  </div>
-  <div class="button_container">
-
-    <div mat-dialog-actions class="action-container">
-      <span class="spacer"></span>
-      <button mat-raised-button [mat-dialog-close] aria-labelledby="close-label">{{ 'imprint.close' | translate }} </button>
-    </div>
+<div mat-dialog-actions class="action-container">
+  <span class="spacer"></span>
+  <button mat-raised-button [mat-dialog-close] aria-labelledby="close-label">{{ 'imprint.close' | translate }} </button>
+</div>
 
-    <div class="visually-hidden">
-      <div id="close-label">{{ 'imprint.close-label'| translate }}</div>
-    </div>
 
-  </div>
+<div class="visually-hidden">
+  <div id="close-label">{{ 'imprint.close-label'| translate }}</div>
 </div>
diff --git a/src/assets/i18n/cookies/cookies-en.html b/src/assets/i18n/cookies/cookies-en.html
index e5d02104d..f6b2ecec2 100644
--- a/src/assets/i18n/cookies/cookies-en.html
+++ b/src/assets/i18n/cookies/cookies-en.html
@@ -1,16 +1,12 @@
-<div style="width:100%;">
-
-  <p>
-    We save you long explanations why "frag.jetzt" uses cookies.
-    Among other things, this hint would appear every time you visit.<br>
-    <br>
-    So much is said here:
-    We don't track you.
-    We do not give out any data for advertising purposes.
-    You can delete your account at any time without asking.<br>
-    <br>
-    You can find all other legal information on the privacy page.<br>
-    <br>
-  </p>
-
-</div>
+<p>
+  We save you long explanations why "frag.jetzt" uses cookies.
+  Among other things, this hint would appear every time you visit.<br>
+  <br>
+  So much is said here:
+  We don't track you.
+  We do not give out any data for advertising purposes.
+  You can delete your account at any time without asking.<br>
+  <br>
+  You can find all other legal information on the privacy page.<br>
+  <br>
+</p>
diff --git a/src/assets/i18n/data-protection/data-protection-de.html b/src/assets/i18n/data-protection/data-protection-de.html
index 848512835..60eae919e 100644
--- a/src/assets/i18n/data-protection/data-protection-de.html
+++ b/src/assets/i18n/data-protection/data-protection-de.html
@@ -1,5 +1,3 @@
-<div style="height:100%;">
-
   <h2>Testüberschrift Level 2</h2>
   <p>Dies hier ist ein Beispieltext über fünfzig Wörter. Es dient zur Anschauung von
     Textlängen. Denn nicht jeder
@@ -53,5 +51,3 @@
   <p>Lorem Ipsmum dolor it setum don nocter don soper dolor it setum don nocter don soperdolor
     it setum don nocter don
     soperdolor it setum don nocter don soperdolor it setum don nocter don soper</p>
-
-</div>
diff --git a/src/assets/i18n/data-protection/data-protection-en.html b/src/assets/i18n/data-protection/data-protection-en.html
index f0dfa7469..1c7d9d457 100644
--- a/src/assets/i18n/data-protection/data-protection-en.html
+++ b/src/assets/i18n/data-protection/data-protection-en.html
@@ -1,5 +1,3 @@
-<div style="height:100%;">
-
   <h2>Testheading Level 2</h2>
   <p>Lorem Ipsmum dolor it setum conventionally nocter don soper dolor it setum don
     nocter don soperdolor it setum don nocter don soperdolor it setum don nocter don soperdolor it setum don nocter
@@ -34,5 +32,3 @@
   <p>Lorem Ipsmum dolor it setum don nocter don soper dolor it setum don nocter don soperdolor
     it setum don nocter don
     soperdolor it setum don nocter don soperdolor it setum don nocter don soper</p>
-
-</div>
diff --git a/src/assets/i18n/home/de.json b/src/assets/i18n/home/de.json
index 3ae6964fb..85a6d1216 100644
--- a/src/assets/i18n/home/de.json
+++ b/src/assets/i18n/home/de.json
@@ -6,6 +6,11 @@
     "decline-label": "Lehnt die Verwendung von Cookies ab und verlässt die Anwendung.",
     "info-label": "Öffnet ein Dialogfenster mit der frag.jetzt Datenschutzerklärung."
   },
+  "overlay": {
+    "message": "Du hast die benutzung von Cookies für diese Anwendung nicht erlaubt. Solange kannst du diese Seite nicht nutzen.",
+    "change": "Einstellung ändern",
+    "change-label": "Öffnet den Dialog mit den Cookie Einstellungen"
+  },
   "data-protection": {
     "consent": "Akzeptieren",
     "consent-label": "Akzeptiert die Datenschutzrichtlinien der Anwendung.",
diff --git a/src/assets/i18n/home/en.json b/src/assets/i18n/home/en.json
index ff2f59a94..91eabbaea 100644
--- a/src/assets/i18n/home/en.json
+++ b/src/assets/i18n/home/en.json
@@ -6,6 +6,11 @@
     "decline-label": "Declines cookie usage and exits the app",
     "info-label": "Opens a dialog with  the frag.jetzt privacy statement"
   },
+  "overlay": {
+    "message": "You have declined cookie usage for this app, thus you can not use it for the time being.",
+    "change": "Change settings",
+    "change-label": "Open the cookie setting dialog"
+  },
   "data-protection": {
     "consent": "Accept",
     "consent-label": "Accept the app's privacy policy and close dialog",
diff --git a/src/assets/i18n/imprint/imprint-de.html b/src/assets/i18n/imprint/imprint-de.html
index 48b575cd8..8b46ffad1 100644
--- a/src/assets/i18n/imprint/imprint-de.html
+++ b/src/assets/i18n/imprint/imprint-de.html
@@ -1,4 +1,4 @@
-<div class="height:100%;">
+<div class="max-height">
 
   <p>
     Der Betrieb der Webanwendung »frag.jetzt« ist eine kostenlose Dienstleistung
diff --git a/src/assets/i18n/imprint/imprint-en.html b/src/assets/i18n/imprint/imprint-en.html
index c195d4180..8b46ffad1 100644
--- a/src/assets/i18n/imprint/imprint-en.html
+++ b/src/assets/i18n/imprint/imprint-en.html
@@ -1,4 +1,4 @@
-<div style="height:100%;">
+<div class="max-height">
 
   <p>
     Der Betrieb der Webanwendung »frag.jetzt« ist eine kostenlose Dienstleistung
diff --git a/src/styles.scss b/src/styles.scss
index c564d42f8..5e5759ff5 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -62,4 +62,3 @@
 .pad{
   flex-grow:0.05;
 }
-
-- 
GitLab