{ "display": "form", "components": [ { "title": "Reserve a Facility Request", "collapsible": false, "key": "reserveAFacilityRequest", "type": "panel", "label": "Panel", "input": false, "tableView": false, "components": [ { "label": "Location", "widget": "choicesjs", "tableView": true, "data": { "values": [ { "label": "Train", "value": "train" }, { "label": "Train Depot", "value": "trainDepot" }, { "label": "Park Shelter House", "value": "parkShelterHouse" }, { "label": "Pool", "value": "pool" }, { "label": "Recreation Complex", "value": "recreationComplex" } ] }, "validate": { "required": true, "customMessage": "Please call the Senior Center at (785) 456-2260 to reserve the Senior Center. ", "custom": "if(data.location == "pool" || data.location == "seniorCenter" || data.location == "recreationComplex") { valid = false; } else { valid = true; }" }, "key": "location", "type": "select", "input": true }, { "html": "

Please call the Aquatic Center at (785) 456-2755 to reserve the Pool.

", "label": "Content", "refreshOnChange": false, "key": "content", "conditional": { "show": true, "when": "location", "eq": "pool" }, "type": "content", "input": false, "tableView": false }, { "html": "

Please call the Recreation Department at (785) 456-8810 to reserve the Recreation Complex.

", "label": "Content", "refreshOnChange": false, "key": "content2", "conditional": { "show": true, "when": "location", "eq": "recreationComplex" }, "type": "content", "input": false, "tableView": false } ] }, { "title": "Event Information", "collapsible": false, "key": "eventInformation", "customConditional": "if(data.location === "train" || data.location === "trainDepot" || data.location === "parkShelterHouse") { show = true; } else { show = false; }", "type": "panel", "label": "Panel", "input": false, "tableView": false, "components": [ { "label": "Columns", "columns": [ { "components": [ { "label": "Full Name", "tableView": true, "validate": { "required": true }, "key": "fullName", "type": "textfield", "input": true } ], "width": 6, "offset": 0, "push": 0, "pull": 0, "size": "md", "currentWidth": 6 }, { "components": [ { "label": "Phone Number", "tableView": true, "validate": { "required": true }, "key": "phoneNumber", "type": "phoneNumber", "input": true } ], "width": 6, "offset": 0, "push": 0, "pull": 0, "size": "md", "currentWidth": 6 }, { "components": [ { "label": "Email", "tableView": true, "validate": { "required": true }, "key": "email", "type": "email", "input": true } ], "size": "md", "width": 6, "offset": 0, "push": 0, "pull": 0, "currentWidth": 6 }, { "components": [ { "label": "Address", "enableManualMode": true, "tableView": false, "provider": "google", "validate": { "required": true }, "key": "address", "type": "address", "providerOptions": { "params": { "autocompleteOptions": {}, "key": "AIzaSyBrqmzSVLiSWFczGBxn7K-bJ5TkbJYnPTs" } }, "input": true, "components": [ { "label": "Address 1", "tableView": false, "key": "address1", "type": "textfield", "input": true, "customConditional": "show = _.get(instance, 'parent.manualMode', false);" }, { "label": "Address 2", "tableView": false, "key": "address2", "type": "textfield", "input": true, "customConditional": "show = _.get(instance, 'parent.manualMode', false);" }, { "label": "City", "tableView": false, "key": "city", "type": "textfield", "input": true, "customConditional": "show = _.get(instance, 'parent.manualMode', false);" }, { "label": "State", "tableView": false, "key": "state", "type": "textfield", "input": true, "customConditional": "show = _.get(instance, 'parent.manualMode', false);" }, { "label": "Country", "tableView": false, "key": "country", "type": "textfield", "input": true, "customConditional": "show = _.get(instance, 'parent.manualMode', false);" }, { "label": "Zip Code", "tableView": false, "key": "zip", "type": "textfield", "input": true, "customConditional": "show = _.get(instance, 'parent.manualMode', false);" } ] } ], "size": "md", "width": 6, "offset": 0, "push": 0, "pull": 0, "currentWidth": 6 }, { "components": [ { "label": "Date of Event", "format": "MM-dd-yyyy", "tableView": false, "datePicker": { "disableWeekends": false, "disableWeekdays": false }, "enableTime": false, "validate": { "required": true }, "enableMinDateInput": false, "enableMaxDateInput": false, "key": "dateOfEvent", "type": "datetime", "input": true, "widget": { "type": "calendar", "displayInTimezone": "viewer", "locale": "en", "useLocaleSettings": false, "allowInput": true, "mode": "single", "enableTime": false, "noCalendar": false, "format": "MM-dd-yyyy", "hourIncrement": 1, "minuteIncrement": 1, "time_24hr": false, "minDate": null, "disableWeekends": false, "disableWeekdays": false, "maxDate": null } } ], "size": "md", "width": 4, "offset": 0, "push": 0, "pull": 0, "currentWidth": 4 }, { "components": [ { "label": "Start Time", "tableView": true, "dataFormat": "HH:mm", "validate": { "required": true }, "key": "startTime", "type": "time", "input": true, "inputMask": "99:99" } ], "size": "md", "width": 4, "offset": 0, "push": 0, "pull": 0, "currentWidth": 4 }, { "components": [ { "label": "End Time", "tableView": true, "dataFormat": "HH:mm", "validate": { "required": true }, "key": "endTime", "type": "time", "input": true, "inputMask": "99:99" } ], "size": "md", "width": 4, "offset": 0, "push": 0, "pull": 0, "currentWidth": 4 }, { "components": [ { "label": "Reason For Event", "tableView": true, "validate": { "required": true }, "key": "reasonForEvent", "type": "textfield", "input": true } ], "size": "md", "width": 12, "offset": 0, "push": 0, "pull": 0, "currentWidth": 12 }, { "components": [ { "label": "Notes", "autoExpand": false, "tableView": true, "key": "notes", "type": "textarea", "input": true } ], "size": "md", "width": 12, "offset": 0, "push": 0, "pull": 0, "currentWidth": 12 } ], "key": "columns", "type": "columns", "input": false, "tableView": false } ] } ] }

Reserve a Facility Request

Share