From 46cba74a4cb9d6d8ab3ea47def07b4b8964bb43e Mon Sep 17 00:00:00 2001
From: "thilo.wischmeyer" <thilo.wischmeyer@stud.uni-goettingen.de>
Date: Tue, 27 Oct 2020 17:26:25 +0100
Subject: [PATCH] Improved registration dialog layout
- The dialog now has an absolute max-width in order to make it readable on
smaller screens.
- The dialog has a fixed height, which makes the transition from the GDPR
screen to the registration form less jarring.
- Buttons have more consistent styling.
---
core/migrations/0006_auto_20201027_1234.py | 18 ++++++
frontend/src/components/GDPRNotice.vue | 72 ++++++++++++----------
frontend/src/components/RegisterDialog.vue | 12 +++-
frontend/src/pages/Login.vue | 3 +-
4 files changed, 70 insertions(+), 35 deletions(-)
create mode 100644 core/migrations/0006_auto_20201027_1234.py
diff --git a/core/migrations/0006_auto_20201027_1234.py b/core/migrations/0006_auto_20201027_1234.py
new file mode 100644
index 00000000..b3cb85ea
--- /dev/null
+++ b/core/migrations/0006_auto_20201027_1234.py
@@ -0,0 +1,18 @@
+# Generated by Django 3.1.2 on 2020-10-27 12:34
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+ dependencies = [
+ ('core', '0005_auto_20200929_1202'),
+ ]
+
+ operations = [
+ migrations.AlterField(
+ model_name='useraccount',
+ name='first_name',
+ field=models.CharField(blank=True, max_length=150, verbose_name='first name'),
+ ),
+ ]
diff --git a/frontend/src/components/GDPRNotice.vue b/frontend/src/components/GDPRNotice.vue
index 46677c70..48271010 100644
--- a/frontend/src/components/GDPRNotice.vue
+++ b/frontend/src/components/GDPRNotice.vue
@@ -1,33 +1,39 @@
<template>
<div>
- <p><strong>Allgemeiner Hinweis und Pflichtinformationen</strong></p>
- <p><strong>Benennung der verantwortlichen Stelle</strong></p>
+ <h4>Allgemeiner Hinweis und Pflichtinformationen</h4>
+ <p />
+
+ <h4>Benennung der verantwortlichen Stelle</h4>
<p>Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:</p>
<p>
<span id="s3-t-firma">Institut für Informatik - Georg-August-Universität Göttingen</span><br>
<span id="s3-t-ansprechpartner">Dr. Henrik Brosenne</span><br><span id="s3-t-strasse">Goldschmidtstraße 7</span><br>
<span id="s3-t-plz">37077</span> <span id="s3-t-ort">Göttingen</span>
- </p><p />
+ </p>
<p>
Die verantwortliche Stelle entscheidet allein oder gemeinsam mit anderen über die Zwecke und Mittel der
Verarbeitung von personenbezogenen Daten (z.B. Namen, Kontaktdaten o. Ä.).
</p>
- <p><strong>Recht auf Beschwerde bei der zuständigen Aufsichtsbehörde</strong></p>
+ <h4>Recht auf Beschwerde bei der zuständigen Aufsichtsbehörde</h4>
<p>
Als Betroffener steht Ihnen im Falle eines datenschutzrechtlichen Verstoßes ein Beschwerderecht bei der zuständigen
- Aufsichtsbehörde zu. Zuständige Aufsichtsbehörde bezüglich datenschutzrechtlicher Fragen ist:<br>
+ Aufsichtsbehörde zu. Zuständige Aufsichtsbehörde bezüglich datenschutzrechtlicher Fragen ist:
+ </p>
+ <p>
Die Landesbeauftragte für den Datenschutz Niedersachsen<br>
Prinzenstraße 5<br>
30159 Hannover<br>
- </p><p><strong>Recht auf Datenübertragbarkeit</strong></p>
+ </p>
+
+ <h4>Recht auf Datenübertragbarkeit</h4>
<p>
Ihnen steht das Recht zu, Daten, die wir auf Grundlage der Erfüllung eines Vertrags
automatisiert verarbeiten, an sich oder an Dritte aushändigen zu lassen. Die Bereitstellung erfolgt in einem
maschinenlesbaren Format. Sofern Sie die direkte Übertragung der Daten an einen anderen Verantwortlichen verlangen, erfolgt dies nur, soweit es technisch machbar ist.
</p>
- <p><strong>Recht auf Auskunft, Berichtigung, Sperrung, Löschung</strong></p>
+ <h4>Recht auf Auskunft, Berichtigung, Sperrung, Löschung</h4>
<p>
Sie haben jederzeit im Rahmen der geltenden gesetzlichen Bestimmungen das Recht auf unentgeltliche Auskunft über
Ihre gespeicherten personenbezogenen Daten, Herkunft der Daten, deren Empfänger und den Zweck der
@@ -35,7 +41,7 @@
auch zu weiteren Fragen zum Thema personenbezogene Daten können Sie sich jederzeit über die im Impressum aufgeführten Kontaktmöglichkeiten an uns wenden.
</p>
- <p><strong>SSL- bzw. TLS-Verschlüsselung</strong></p>
+ <h4>SSL- bzw. TLS-Verschlüsselung</h4>
<p>
Aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte, die Sie an uns als Seitenbetreiber
senden, nutzt unsere Website eine SSL-bzw. TLS-Verschlüsselung. Damit sind Daten, die Sie über diese Website
@@ -43,35 +49,39 @@
Adresszeile Ihres Browsers und am Schloss-Symbol in der Browserzeile.
</p>
- <p><strong>Datenschutzbeauftragter</strong></p>
+ <h4>Datenschutzbeauftragter</h4>
<p>Wir haben einen Datenschutzbeauftragten bestellt.</p>
- Datenschutzbeauftragter der Universität<br>
- Prof. Dr. Andreas Wiebe<br>
- Lehrstuhl für Bürgerliches Recht, Wettbewerbs- und Immaterialgüterrecht, Medien- und Informationsrecht<br>
- Platz der Göttinger Sieben 6<br>
- 37073 Göttingen<br>
- Tel.: 0551 39 - 7381<br>
- Fax: 0551 39 - 4437<br>
- E-Mail: lehrstuhl.wiebe@jura.uni-goettingen.de<br>
+ <p>
+ Datenschutzbeauftragter der Universität<br>
+ Prof. Dr. Andreas Wiebe<br>
+ Lehrstuhl für Bürgerliches Recht, Wettbewerbs- und Immaterialgüterrecht, Medien- und Informationsrecht<br>
+ Platz der Göttinger Sieben 6<br>
+ 37073 Göttingen<br>
+ Tel.: 0551 39 - 7381<br>
+ Fax: 0551 39 - 4437<br>
+ E-Mail: lehrstuhl.wiebe@jura.uni-goettingen.de
+ </p>
- <p><strong>Server-Log-Dateien</strong></p>
+ <h4>Server-Log-Dateien</h4>
<p>Der Provider der Website erhebt automatisch Informationen, die Ihr Browser automatisch an uns übermittelt. Dies sind:</p>
- <ul>
- <li>Besuchte Seite auf unserer Domain</li>
- <li>Datum und Uhrzeit der Serveranfrage</li>
- <li>Browsertyp und Browserversion</li>
- <li>Verwendetes Betriebssystem</li>
- <li>Referrer URL</li>
- <li>Hostname des zugreifenden Rechners</li>
- <li>IP-Adresse</li>
- </ul>
+ <p>
+ <ul>
+ <li>Besuchte Seite auf unserer Domain</li>
+ <li>Datum und Uhrzeit der Serveranfrage</li>
+ <li>Browsertyp und Browserversion</li>
+ <li>Verwendetes Betriebssystem</li>
+ <li>Referrer URL</li>
+ <li>Hostname des zugreifenden Rechners</li>
+ <li>IP-Adresse</li>
+ </ul>
+ </p>
<p>
Es findet keine Zusammenführung dieser Daten mit anderen Datenquellen statt. Grundlage der Datenverarbeitung
bildet Art. 6 Abs. 1 lit. b DSGVO, der die Verarbeitung von Daten zur Erfüllung eines Vertrags oder
vorvertraglicher Maßnahmen gestattet.
</p>
- <p><strong>Registrierung auf dieser Website</strong></p>
+ <h4>Registrierung auf dieser Website</h4>
<p>
Zur Nutzung bestimmter Funktionen müssen Sie sich auf unserer Website registrieren. Die übermittelten Daten
dienen ausschließlich zum Zwecke der Nutzung des jeweiligen Angebotes oder Dienstes. Bei der Registrierung
@@ -84,7 +94,7 @@
Gesetzliche Aufbewahrungsfristen bleiben unberührt.
</p>
- <p><strong>Speicherdauer von Beiträgen und Kommentaren</strong></p>
+ <h4>Speicherdauer von Beiträgen und Kommentaren</h4>
<p>
Beiträge und Kommentare sowie damit in Verbindung stehende Daten, wie beispielsweise der Benutzername,
werden gespeichert. Der Inhalt verbleibt auf unserer Website, bis er vollständig gelöscht wurde oder aus
@@ -95,13 +105,13 @@
Arbeitsvertrages.
</p>
- <p><strong>Session storage</strong></p>
+ <h4>Session storage</h4>
<p>
Unsere Website verwendet den Session storage des Browsers. In diesem werden für die Dauer einer Sitzun (Session)
Daten auf Ihrem Endgerät gespeichert.
</p>
- <p><strong>Google Web Fonts</strong></p>
+ <h4>Google Web Fonts</h4>
<p>Unsere Website verwendet Web Fonts von Google. Anbieter ist die Google Inc., 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA.</p>
<p>
Durch den Einsatz dieser Web Fonts wird es möglich Ihnen die von uns gewünschte Darstellung unserer Website
diff --git a/frontend/src/components/RegisterDialog.vue b/frontend/src/components/RegisterDialog.vue
index ed18750a..eaa675f3 100644
--- a/frontend/src/components/RegisterDialog.vue
+++ b/frontend/src/components/RegisterDialog.vue
@@ -3,12 +3,16 @@
<v-card-title class="title">
Datenschutzerklärung
</v-card-title>
- <v-card-text>
+ <v-divider />
+ <v-card-text class="content">
<GDPRNotice id="gdpr-notice" />
</v-card-text>
- <v-card-actions>
+ <v-divider />
+ <v-card-actions class="justify-end">
<v-btn
id="accept-gdpr-notice"
+ color="primary"
+ flat
@click="acceptedGDPR = true"
>
Einwilligen
@@ -108,5 +112,7 @@ export default {
</script>
<style scoped>
-
+ .content {
+ height: 50vh;
+ }
</style>
diff --git a/frontend/src/pages/Login.vue b/frontend/src/pages/Login.vue
index fb4a22fe..731f03b6 100644
--- a/frontend/src/pages/Login.vue
+++ b/frontend/src/pages/Login.vue
@@ -7,7 +7,8 @@
<v-dialog
v-model="registerDialog"
class="pa-4"
- max-width="30%"
+ scrollable
+ max-width="600"
>
<register-dialog @registered="registered($event)" />
</v-dialog>
--
GitLab