import {Component} from '@angular/core';

//----------------------------------
// Component for {{name}}
// created with Magic code generator
//----------------------------------
@Component ({
 selector: '{{name}}-form',
 styleUrls: [],
 template: `
 <ion-list no-lines>
    <form id="{{name}}" #form="ngForm" (ngSubmit)="logForm(form.value)">
        {{#each model}}
        {{#xif "this.type == Boolean"}}
        {{/xif}}
        {{#xif "this.type == String || this.type == Number"}}
        <ion-item>
            <ion-label floating>{{@key}}</ion-label>
            <ion-input formControlName="{{@key}}" type="text"></ion-input>
        </ion-item>
        {{/xif}}
        {{/each}}
        </ion-list>
        <button ion-button full color="primary" (click)="save()">Save</button>
`
})
export class {{name}}Form {
 {{#each model}}
    {{@key}}:"data";
{{/each}}
    value: any;

    constructor() { }

    save(){

    }

    logForm(value: any) {
        console.log(value);
    }
}