Added picker form

This commit is contained in:
2017-04-11 14:56:47 +02:00
parent cb2e28708f
commit c55b80224e
6 changed files with 61 additions and 7 deletions
+46
View File
@@ -1,5 +1,51 @@
<span *ngIf="loaded">
<div class="col-md-12">
<form #f="ngForm" (ngSubmit)="onSubmit(f.value)">
<div class="form-group">
<label>Meter</label>
<select name="meter">
<option value="4530303035303031353538313833363134">Martijn</option>
<option value="4530303235303030303636383733323136">Kenneth</option>
</select>
</div>
<div class="form-group">
<label>Data type</label>
<select name="datatype">
<optgroup label="Huidig">
<option value="HOV">Huidig opgenomen vermogen</option>
<option value="HTV">Huidig teruggeleverd vermogen</option>
</optgroup>
<optgroup label="Tarief 1">
<option value="TOE1">Totaal opgenomen energie</option>
<option value="TTE1">Totaal teruggeleverde energie</option>
</optgroup>
<optgroup label="Tarief 2">
<option value="TOE2">Totaal opgenomen energie</option>
<option value="TTE2">Totaal teruggeleverde energie</option>
</optgroup>
</select>
</div>
<div class="form-group">
<label>Groupering</label>
<select name="group">
<option value="minute">Minuut</option>
<option value="hour">Uur</option>
<option value="day">Dag</option>
<option value="month">Maand</option>
<option value="year">Jaar</option>
</select>
</div>
<input type="submit" value="Update" />
</form>
</div>
<div class="col-md-6">
<line-chart [label]="label" [data]="data"></line-chart>
</div>