ws-form-builder

WaffleSamurai Form Builder for Ionic 2

todo:

• sort profile image upload/image select
• add password field with compare validation
• ensure skipable step only works when all fields are not required.
• ~auto tab doesnt work on pincode.~ fix in place for mobile. waiting to compile
• replace datepicker with native (keep other version for desktop)
• sort dependancy list
• wrap up in custom plugin (install using npm)
• write docs.

sample config:

    'showProgressBar':true,
    'nextButtonText':'Continue',
    'showPreviousButton':true,
    'formCallback':'formCallback',
    'steps':[
        {
            'stepTitle':'Step 1',
            'questions':[
                {
  					'type':'text',
          			'field':'fname',
          			'question':'First Name',
          			'value':'',
          			'minLength':1,
          			'maxLength':69,
          			'required':true,
          			'placeholder':'Name',
          			'valid':false,
          			'validators':{
          				//'validators':['numbersOnly'],
          				//'customRegex':/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
          			}
  				},
  				{
  					'type':'text',
          			'field':'lname',
          			'question':'Last Name',
          			'value':'',
          			'minLength':1,
          			'maxLength':60,
          			'required':true,
          			'placeholder':'Name',
          			'valid':false,
          			'validators':{
          				//'validators':['numbersOnly'],
          				//'customRegex':/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
          			}
  				},
  				{
          			'type':'email',
          			'field':'email',
          			'question':'Please provide your email address.',
          			'value':'',
          			'required':true,
          			'placeholder':'Email address',
          			'valid':false,
          			'validators':{
          				'validators':['email'],
          				//'customRegex':/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
          			}
          		}
            ]
        },
 
        {
            'stepTitle':'Step 2',
            'questions':[
                {
  					'type':'radio',
          			'field':'favorite_language',
          			'question':'What\'s favorite coding language?',
          			'value':'',
          			'required':true,
          			'valid':false,
          			'options':[
          				{
          					'value':'html',
          					'label':'HTML'
          				},
          				{
          					'value':'PHP',
          					'label':'PHP'
          				},
          				{
          					'value':'js',
          					'label':'Javascript'
          				}
          			]
  				},
  				{
          			'type':'select',
          			'field':'favorite_game',
          			'question':'Please provide your email address.',
          			'value':'',
          			'required':true,
          			'valid':false,
          			'addBlankOption':true,
          			'blankOptionText':'Please select',
          			'blankOptionValue':''
          		}
            ]
        }
    ]
};```