Merge pull request 'Add contact email link.' (#15) from feature/contact-email into main

Reviewed-on: #15

src/app/converter-selector/converter-selector.component.ts

@@ -25,19 +25,9 @@ export class ConverterSelectorComponent implements OnInit {
   convert($event: any): void {
     this.step.selectedConverter = this.converterRegistryService.getConverter($event.target.selectedOptions[0].id);
     this.textInput.update(this.step);
-    this.updateStepCollapsedState();
   }
 
   ngOnInit() {
     this.converters = this.converterRegistryService.getAllConverters();
   }
-
-  private updateStepCollapsedState(): void {
-    if (this.step.selectedConverter !== undefined
-      && this.step.index > 0
-      && !this.step.collapsed
-      && !this.step.error) {
-      this.step.collapsed = true;
-    }
-  }
 }

src/app/input-component-manager.service.ts

@@ -36,11 +36,6 @@ export class InputComponentManagerService {
     return this.components[0];
   }
 
-  public isIntermediate(step: Step): boolean {
-    const index = this.components.indexOf(step);
-    return index > 0 && index < this.components.length - 1;
-  }
-
   private addComponent(): void {
     this.register(new Step(this.components.length));
   }

src/app/step.ts

@@ -5,7 +5,6 @@ export class Step {
   public selectedConverter: Converter | undefined;
   public index: number;
   public error: boolean = false;
-  public collapsed: boolean = false;
   public message: string = '';
 
   constructor(index: number) {

src/app/text-input-field/text-input-field.component.html

@@ -1,4 +1,2 @@
-<div [ngClass]="{arrow_box: !step.collapsed, collapsed: step.collapsed}">
+<textarea (keyup)="update(step)" placeholder="Please enter your input ..."
-    <textarea class="textinput" (keyup)="update(step)" placeholder="Please enter your input ..."
+          [(ngModel)]="step.content">{{ step.content }}</textarea>
-              [(ngModel)]="step.content">{{step.content}}</textarea>
-</div>

src/app/text-input-field/text-input-field.component.scss

@@ -1,14 +1,8 @@
-div {
+:host {
   border: 1px solid #888;
   display: block;
   margin: 0 0 1em 0;
   padding: 0 1em 0 0;
-  &.collapsed {
-    margin-bottom: 0;
-  }
-}
-
-.arrow_box {
   position: relative;
   transition: border ease-in-out 200ms;
 
@@ -63,14 +57,6 @@ textarea {
   transition: background-color ease-in-out 200ms, border-color ease-in-out 200ms, color ease-in-out 200ms;
   width: 100%;
 
-  .collapsed & {
-    height: 1.5em;
-    padding: 0;
-    color: #888;
-    text-align: center;
-    transition: all ease-in-out 200ms;
-  }
-
   &:focus, &:hover {
     background-color: #333;
     border-color: #bbb;

src/app/text-input-field/text-input-field.component.ts

@@ -3,14 +3,13 @@ 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, NgClass]
+  imports: [FormsModule]
 })
 export class TextInputFieldComponent {
   @Input()