ws-form-builder/src-inlined/components/ws-toggle/ws-toggle.ts

Ionic 2 Form Builder

import { Component, Input, Output, EventEmitter } from '@angular/core';
import { FormBuilderProvider } from '../../providers/form-builder/form-builder';



@Component({
  selector: 'ws-toggle',
  template: `
    <ion-item class="{{fieldClass}}">
    	<ion-label *ngIf="!question.hideQuestion">{{question.question}}</ion-label>
    	<ion-toggle [(ngModel)]="fieldValue" (ionChange)="setAnswer($event)"></ion-toggle>
    </ion-item>
  `,
  styles: [`

  `]
})
export class WsToggleComponent {

   	@Input('question') question;
  	@Output() answerGiven = new EventEmitter();

  	fieldValue:boolean = false;
  	isFieldValid:boolean = true;
	showError:boolean = false;
	fieldClass:string = '';

  	constructor(public formBuilder: FormBuilderProvider){
    	
  	}

	ngOnInit() {
	    if(typeof this.question.value !== 'undefined'){
	        this.fieldValue = this.question.value;
	    }

	    if(typeof this.question.inputClass !== 'undefined'){
	          this.fieldClass = this.question.inputClass;
	      }
       
	}

	setAnswer(event){
	  

	  	if(this.isFieldValid){
	  		this.question.value = this.fieldValue;
	      	this.question.valid = true;
	  		this.answerGiven.emit(this.question);
	  	}
	  		
	}


	validateAnswer(question,string){	
	  	return this.formBuilder.validateAnswer(question,string);
	}


}