Add imprint to login screen (#184)

hobbyfarm · Nov 22, 2023 · 559157a · 559157a
1 parent cf19dac
commit 559157a
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/src/app/login/login.component.css b/src/app/login/login.component.css
@@ -11,3 +11,9 @@
 .login-wrapper .login {
   justify-content: center;
 }
+
+.imprint {
+  position: absolute;
+  left: 5px;
+  bottom: 5px;
+}
diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
@@ -129,5 +129,8 @@
         </clr-tab-content>
       </clr-tab>
     </clr-tabs>
+    <a [href]="imprintLink" *ngIf="imprintGiven" class="imprint">
+      {{ imprintLinkName }}
+    </a>
   </form>
 </div>
diff --git a/src/app/login/login.component.ts b/src/app/login/login.component.ts
@@ -22,12 +22,15 @@ export class LoginComponent {
   public privacyPolicyRequired = true;
   public privacyPolicyLink = '';
   public privacyPolicyLinkName = '';
+  public imprintGiven = false;
+  public imprintLink = '';
+  public imprintLinkName = '';
 
   private Config = this.config.getConfig();
   public logo;
   public background;
 
-  public loginactive = false;
+  public loginactive = true;
 
   public loginForm: FormGroup = new FormGroup({
     email: new FormControl<string | null>(null, [Validators.required]),
@@ -66,13 +69,20 @@ export class LoginComponent {
         this.privacyPolicyLinkName =
           typedInputs.get('registration-privacy-policy-linkname')?.value ??
           'Privacy Policy';
+        this.imprintLinkName =
+          typedInputs.get('imprint-linkname')?.value ?? 'Imprint';
+        this.imprintLink = typedInputs.get('imprint-link')?.value ?? '';
+        this.imprintGiven =
+          this.imprintLink != '' && this.imprintLinkName != '';
 
         if (this.privacyPolicyRequired) {
           this.loginForm.addControl(
             'privacyPolicy',
             new FormControl<string | null>(null, [Validators.required]),
           );
         }
+
+        this.loginactive = false;
       });
   }