import { Component } from '@angular/core';
import * as modelService from "./model.service"

//----------------------------------
// Component for {{name}}
// created with Magic code generator
//----------------------------------
@Component ({
 selector: '{{name}}-form',
 template: `
<ScrollView orientation="vertical" >
    <StackLayout class="form">
        {{#each model}}
            {{#xif "this.type == Boolean"}}
            {{/xif}}
            {{#xif "this.type == String"}}
            <TextField class="input-field" hint="{{@key}}" [(ngModel)]="model.{{@key}}" autocorrect="false" autocapitalizationType="none"></TextField>
            {{/xif}}
            {{#xif "this.type == Number"}}
            <TextField class="input-field" hint="{{@key}}" [(ngModel)]="model.{{@key}}" autocorrect="false" autocapitalizationType="none"></TextField>
            {{/xif}}  
        {{/each}}
        <Button text="submit" class="submit-button" (tap)="submit()"></Button>
    </StackLayout>
</ScrollView>
`
})
export class {{name}}Form {
    private model : {{tsClassPropertyName this.name}}Model

    public constructorconstructor(private model: modelService) { 
        this.model = new {{tsClassPropertyName this.name}}Model;
    }

    public submit() {
        console.dump({{tsClassPropertyName this.name}}Model + "\r\n" + this.model);
    }
}