Avans/smarthome
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added picker form

Browse Source
This commit is contained in:
kennyboy55
2017-04-11 14:56:47 +02:00
parent cb2e28708f
commit c55b80224e
6 changed files with 61 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
mean-app/dist/inline.bundle.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
mean-app/dist/main.bundle.js
Vendored
+6 -3
View File
@@ -122,9 +122,9 @@ function mapUsage(response) {
return usage[0];
}
function toUsage(r) {
var htname = "night";
var htname = "nacht";
if (r.HT == 2) {
htname = "day";
htname = "dag";
}
var usage = ({
HOV: r.HOV,
@@ -362,6 +362,9 @@ var PickerComponent = (function () {
_this.loaded = true;
});
};
PickerComponent.prototype.onSubmit = function (form) {
console.log(form);
};
PickerComponent = __decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Component"])({
selector: 'picker',
@@ -746,7 +749,7 @@ module.exports = "<div>\r\n\r\n<ul>\r\n <li *ngFor=\"let device of device
/***/ 676:
/***/ (function(module, exports) {
module.exports = "<span *ngIf=\"loaded\">\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<line-chart [label]=\"label\" [data]=\"data\"></line-chart>\r\n\t</div>\r\n\r\n</span>\r\n"
module.exports = "<span *ngIf=\"loaded\">\r\n\r\n\t<div class=\"col-md-12\">\r\n\r\n\t <form #f=\"ngForm\" (ngSubmit)=\"onSubmit(f.value)\">\r\n \r\n <div class=\"form-group\"> \r\n <label>Meter</label> \r\n <select name=\"meter\">\r\n \t<option value=\"4530303035303031353538313833363134\">Martijn</option>\r\n \t<option value=\"4530303235303030303636383733323136\">Kenneth</option>\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\"> \r\n <label>Data type</label> \r\n <select name=\"datatype\">\r\n \t<optgroup label=\"Huidig\">\r\n\t \t<option value=\"HOV\">Huidig opgenomen vermogen</option>\r\n\t \t<option value=\"HTV\">Huidig teruggeleverd vermogen</option>\r\n\t </optgroup>\r\n \t<optgroup label=\"Tarief 1\">\r\n\t \t<option value=\"TOE1\">Totaal opgenomen energie</option>\r\n\t \t<option value=\"TTE1\">Totaal teruggeleverde energie</option>\r\n\t </optgroup>\r\n\t <optgroup label=\"Tarief 2\">\r\n\t \t<option value=\"TOE2\">Totaal opgenomen energie</option>\r\n\t \t<option value=\"TTE2\">Totaal teruggeleverde energie</option>\r\n\t </optgroup>\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\"> \r\n <label>Groupering</label> \r\n <select name=\"group\">\r\n \t<option value=\"minute\">Minuut</option>\r\n \t<option value=\"hour\">Uur</option>\r\n \t<option value=\"day\">Dag</option>\r\n \t<option value=\"month\">Maand</option>\r\n \t<option value=\"year\">Jaar</option>\r\n </select>\r\n </div>\r\n\r\n <input type=\"submit\" value=\"Update\" />\r\n\r\n </form>\r\n </div>\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<line-chart [label]=\"label\" [data]=\"data\"></line-chart>\r\n\t</div>\r\n\r\n</span>\r\n"
/***/ }),
mean-app/dist/main.bundle.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
mean-app/src/app/data.service.ts
+2 -2
View File
@@ -137,11 +137,11 @@ function mapUsage(response:Response): Usage {
function toUsage(r:any): Usage
{
let htname = "night";
let htname = "nacht";
if(r.HT == 2)
{
htname = "day";
htname = "dag";
}
let usage = <Usage>({
mean-app/src/app/picker.component.html
+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>
mean-app/src/app/picker.component.ts
+5
View File
@@ -33,4 +33,9 @@ export class PickerComponent {
});
}
onSubmit(form:any)
{
console.log(form);
}
}