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

get rid of the old design; use a sleek, simple, clean one.

Browse source 
Well ... Perhaps this is subject to change, too.
This commit is contained in:
Manuel Friedli 2016-09-21 01:43:21 +02:00
parent 140060a733
commit 63d3762922
10 changed files with 809 additions and 130 deletions
Download patch file Download diff file Expand all files Collapse all files

23
app/app.component.html
View file

@ -1,9 +1,16 @@
<div *ngFor="let step of steps" class="wrapper">
<textarea class="input" (change)="update(step)" placeholder="Please enter your input ..."
[(ngModel)]="step.content">{{step.content}}</textarea>
<select class="conversion" (change)="convert(step, $event)">
<option id="-1">Select conversion ...</option>
<option *ngFor="let c of converters" id="{{c.getId()}}">{{c.getDisplayname()}}</option>
</select>
<div class="message" *ngIf="step.error">{{step.message}}</div>
<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 class="selectwrapper">
<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">{{step.message}}</div>
</div>