From 133cb396b850b858ff7e4dd96a2a7a477cb26571 Mon Sep 17 00:00:00 2001
From: Manuel Friedli <manuel@fritteli.ch>
Date: Sun, 28 Jan 2024 21:16:48 +0100
Subject: [PATCH] Add contact email link.

---
 src/app/app.component.html                             |  1 +
 src/app/app.component.scss                             |  6 ++++++
 .../converter-selector/converter-selector.component.ts |  2 +-
 src/app/step.ts                                        |  8 ++++----
 src/app/text-input-field/text-input-field.component.ts |  3 ++-
 src/styles.scss                                        | 10 ++++++++++
 6 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 99e094c..86f1dc6 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -6,4 +6,5 @@
   </div>
 }
 <app-version></app-version>
+<div class="contact">Wanna say something? <a href="mailto:manuel@fritteli.ch?subject=Contact%20via%20Convertorizr">Tell me!</a></div>
 <!--<router-outlet></router-outlet>-->
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 63be152..afc898e 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -1,3 +1,9 @@
+.contact {
+  font-size: small;
+  margin-right: 2em;
+  text-align: right;
+}
+
 .inputwrapper {
   font-family: "ABeeZee", sans-serif;
   margin: 0 1em 1em 1em;
diff --git a/src/app/converter-selector/converter-selector.component.ts b/src/app/converter-selector/converter-selector.component.ts
index e956d98..7f8589b 100644
--- a/src/app/converter-selector/converter-selector.component.ts
+++ b/src/app/converter-selector/converter-selector.component.ts
@@ -35,7 +35,7 @@ export class ConverterSelectorComponent implements OnInit {
   private updateStepCollapsedState(): void {
     if (this.step.selectedConverter !== undefined
       && this.step.index > 0
-      && this.step.collapsed === undefined
+      && !this.step.collapsed
       && !this.step.error) {
       this.step.collapsed = true;
     }
diff --git a/src/app/step.ts b/src/app/step.ts
index 1d17123..ab7b2aa 100644
--- a/src/app/step.ts
+++ b/src/app/step.ts
@@ -1,12 +1,12 @@
 import {Converter} from './converter/converter';
 
 export class Step {
-  public content = '';
+  public content: string = '';
   public selectedConverter: Converter | undefined;
   public index: number;
-  public error = false;
-  public collapsed: boolean = undefined;
-  public message = '';
+  public error: boolean = false;
+  public collapsed: boolean = false;
+  public message: string = '';
 
   constructor(index: number) {
     this.index = index;
diff --git a/src/app/text-input-field/text-input-field.component.ts b/src/app/text-input-field/text-input-field.component.ts
index ab91a73..977742d 100644
--- a/src/app/text-input-field/text-input-field.component.ts
+++ b/src/app/text-input-field/text-input-field.component.ts
@@ -3,13 +3,14 @@ import {Step} from '../step';
 import {Converter} from '../converter/converter';
 import {InputComponentManagerService} from '../input-component-manager.service';
 import {FormsModule} from '@angular/forms';
+import {NgClass} from '@angular/common';
 
 @Component({
   selector: 'app-text-input-field',
   templateUrl: './text-input-field.component.html',
   standalone: true,
   styleUrls: ['./text-input-field.component.scss'],
-  imports: [FormsModule]
+  imports: [FormsModule, NgClass]
 })
 export class TextInputFieldComponent {
   @Input()
diff --git a/src/styles.scss b/src/styles.scss
index a24f0f1..47cb31a 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -18,6 +18,16 @@
   font-style: normal;
 }
 
+a {
+  color: #fc0;
+  transition: all ease-in-out 200ms;
+
+  &:hover {
+    color: #222;
+    background-color: #fc0;
+  }
+}
+
 body {
   background-color: #222;
   color: #eee;