manuel/converter
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Refactor input fields, converter selectors and error messages into their own components.
Some checks failed
continuous-integration/drone the build failed
Details

Browse source
This commit is contained in:
Manuel Friedli 2018-09-06 14:37:20 +02:00
parent 62ba5a3357
commit 81db470a5a
16 changed files with 337 additions and 157 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/app/app.component.html
View file

@ -1,18 +1,7 @@
<div *ngFor="let step of steps" class="inputwrapper">
<div class="textwrapper arrow_box">
<textarea class="textinput" (keyup)="update(step)" placeholder="Please enter your input ..."
[(ngModel)]="step.content">{{step.content}}</textarea>
</div>
<div [ngClass]="{selectwrapper: true, error: step.error}">
<div class="arrow_box">
<select class="select" (change)="convert(step, $event)">
<option id="undefined">Select conversion ...</option>
<option class="option" *ngFor="let c of converters" id="{{c.getId()}}">{{c.getDisplayname()}}
</option>
</select>
</div>
</div>
<div class="errormessage" *ngIf="step.error" [innerHTML]="step.message"></div>
<app-text-input-field [step]="step" #ti></app-text-input-field>
<app-converter-selector [step]="step" [textInput]="ti"></app-converter-selector>
<app-error-message [step]="step"></app-error-message>
</div>
<app-version></app-version>
<!--<router-outlet></router-outlet>-->