{ "display": "form", "components": [ { "label": "esriDataUsed", "hidden": true, "tableView": false, "clearOnHide": false, "key": "esriDataUsed", "type": "checkbox", "input": true, "defaultValue": true }, { "title": "Problem Description", "collapsible": false, "key": "subject", "type": "panel", "label": "Panel", "input": false, "tableView": false, "components": [ { "label": "Columns", "columns": [ { "components": [ { "label": "Area of Concern", "customClass": "google-address", "tableView": false, "clearOnHide": false, "provider": "google", "validate": { "required": true }, "key": "applicationLocation", "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);" } ] } ], "width": 6, "offset": 0, "push": 0, "pull": 0, "size": "md", "currentWidth": 6 }, { "components": [ { "label": "Does this concern affect the air, water, or inappropriate handling of waste?", "optionsLabelPosition": "right", "description": "You may select more than one", "inline": true, "tableView": false, "defaultValue": { "general": false, "air": false, "water": false, "waste": false }, "values": [ { "label": "Air", "value": "air", "shortcut": "" }, { "label": "Water", "value": "water", "shortcut": "" }, { "label": "Waste", "value": "waste", "shortcut": "" } ], "validate": { "required": true, "customMessage": "Concern category is required" }, "key": "complaintCategory", "type": "selectboxes", "input": true, "inputType": "checkbox" } ], "width": 6, "offset": 0, "push": 0, "pull": 0, "size": "md", "currentWidth": 6 } ], "key": "columns3", "type": "columns", "input": false, "tableView": false }, { "label": "Problem Description", "applyMaskOn": "change", "autoExpand": false, "tableView": true, "validate": { "required": true }, "key": "problemDescription", "type": "textarea", "input": true }, { "label": "Are there any other details you can provide to help us find this location?", "applyMaskOn": "change", "autoExpand": false, "tableView": true, "key": "problemLocationAddressDirectionsEtc", "type": "textarea", "input": true }, { "label": "Please provide any additional information you may have, such as the name of the property owner/business and phone number to help us contact any responsible parties.", "applyMaskOn": "change", "autoExpand": false, "tableView": true, "key": "complaintAgainst", "type": "textarea", "rows": 4, "input": true }, { "label": "Case Subtypes (Hidden)", "widget": "choicesjs", "hidden": true, "tableView": true, "multiple": true, "template": "{{ item.DisplayText }}", "clearOnHide": false, "calculateValue": "const subtypes = [ { "DisplayText": "Air", "ContentItemId": "4cfvxxakvfg9zv4geqke75rj54" }, { "DisplayText": "General", "ContentItemId": "4rjd4a1ge6axs79m514sf7r9dd" }, { "DisplayText": "Waste", "ContentItemId": "4rysba741tte4x7r68nydx8awn" }, { "DisplayText": "Water", "ContentItemId": "456vpj26v2d0yvnd1bz79rymcj" } ]; let arr = []; const complaint = data.complaintCategory; subtypes.forEach(x => { if (complaint[x.DisplayText.trim().toLowerCase()]) { arr.push(x); } }); value = arr; ", "key": "caseSubTypes", "type": "select", "input": true }, { "label": "Case Tags (Hidden)", "widget": "choicesjs", "description": "Used for autofill case tag.", "hidden": true, "tableView": true, "multiple": true, "dataSrc": "url", "data": { "url": "/queries/GetAllCaseTags", "headers": [ { "key": "", "value": "" } ] }, "idPath": "ContentItemId", "template": "{{ item.DisplayText }}", "clearOnHide": false, "calculateValue": "let officeMap = { "Coeur d Alene": { ContentItemId: "48d3sxv2abxf2288ejt41deg51", DisplayText: "Coeur d’Alene" }, "Pocatello": { ContentItemId: "4kq0b21f7bfe16hfg876qg2wnx", DisplayText: "Pocatello" }, "Idaho Falls": { ContentItemId: "42sbzzh9e6eyysx59pdnn3kx5r", DisplayText: "Idaho Falls" }, "Boise": { ContentItemId: "4dx6dhwcen36w4tn3gzzbbazmw", DisplayText: "Boise" }, "Twin Falls": { ContentItemId: "4jvzksttjmvsf32ftaem1a8scx", DisplayText: "Twin Falls" }, "Lewiston": { ContentItemId: "4c0rg3kh8ew2y164xracmz10nh", DisplayText: "Lewiston" } }; value = officeMap[data.office] || "";", "key": "caseTags", "type": "select", "selectValues": "items", "disableLimit": false, "noRefreshOnScroll": false, "input": true } ] }, { "title": "Contact Information", "collapsible": false, "key": "complainantComplainee", "type": "panel", "label": "Panel", "input": false, "tableView": false, "components": [ { "label": "HTML", "attrs": [ { "attr": "", "value": "" } ], "content": "

Contact Information

Please note: Your name is required to submit a complaint. All other contact information is optional.

However, if you would like the ability for staff to contact you regarding your complaint, you may choose to provide additional details such as your phone number, email, or address.

Please note that providing your additional contact information does not guarantee that you will be contacted; staff will reach out only if necessary.

To ensure your name and/or contact information is kept private you can click the Keep Anonymous checkbox below.

", "refreshOnChange": false, "key": "html", "type": "htmlelement", "input": false, "tableView": false }, { "label": "Keep Anonymous", "tableView": false, "key": "keepAnonymous", "type": "checkbox", "input": true, "defaultValue": false }, { "label": "Columns", "columns": [ { "components": [ { "label": "Name", "placeholder": "John Doe", "description": "First and Last", "applyMaskOn": "change", "tableView": true, "validate": { "required": true }, "key": "complainantName", "type": "textfield", "input": true } ], "width": 6, "offset": 0, "push": 0, "pull": 0, "size": "md", "currentWidth": 6 }, { "components": [ { "label": "Date and Time:", "format": "MM-dd-yyyy hh:mm a", "placeholder": "MM-dd-yyyy", "tableView": false, "datePicker": { "disableWeekends": false, "disableWeekdays": false }, "defaultDate": "moment()", "enableMinDateInput": false, "enableMaxDateInput": false, "key": "complaintDateAndTime", "type": "datetime", "input": true, "widget": { "type": "calendar", "displayInTimezone": "viewer", "locale": "en", "useLocaleSettings": false, "allowInput": true, "mode": "single", "enableTime": true, "noCalendar": false, "format": "MM-dd-yyyy hh:mm a", "hourIncrement": 1, "minuteIncrement": 1, "time_24hr": false, "minDate": null, "disableWeekends": false, "disableWeekdays": false, "maxDate": null } } ], "width": 6, "offset": 0, "push": 0, "pull": 0, "size": "md", "currentWidth": 6 } ], "key": "columns", "type": "columns", "input": false, "tableView": false }, { "label": "Columns", "columns": [ { "components": [ { "label": "Contact Phone", "placeholder": "(555) 123-4567", "applyMaskOn": "change", "tableView": true, "key": "complainantPhone", "type": "phoneNumber", "input": true } ], "width": 6, "offset": 0, "push": 0, "pull": 0, "size": "md", "currentWidth": 6 }, { "components": [ { "label": "Contact Email", "placeholder": "user@email.com", "applyMaskOn": "change", "tableView": true, "key": "complainantEmail", "type": "email", "input": true } ], "width": 6, "offset": 0, "push": 0, "pull": 0, "size": "md", "currentWidth": 6 } ], "key": "columns1", "type": "columns", "input": false, "tableView": false } ] }, { "title": "Additional Documentation", "collapsible": false, "key": "problem", "type": "panel", "label": "Panel", "input": false, "tableView": false, "components": [ { "label": "Do you have any pictures or other documentation you wish to share with us to help us locate and assess the problem?", "description": "(Photos, Attachments, Supporting Docs, etc...)", "tableView": false, "storage": "url", "webcam": false, "fileTypes": [ { "label": "", "value": "" } ], "filePattern": ".jpg,.jpeg,.png,.gif,.ico,.svg,.pdf,.doc,.docx,.ppt,.pptx,.pps,.ppsx,.odt,.xls,.xlsx,.psd,.mp3,.m4a,.ogg,.wav,.mp4,.m4v,.mov,.wmv,.avi,.mpg,.ogv,.3gp,.xml,.jfif,.tif,.tiff,.txt,.heic,.heif,.hevc,.dc,.msg,.kmz,.kml,.dxf,.dwh,.zip,.cpg,.dbf,.prj,.sbn,.sbx,.shp,.geotiff,.geopdf,.webp", "multiple": true, "key": "additionalDocumentations", "type": "file", "url": "/formio/azure/upload", "input": true, "upload": true } ] }, { "label": "Department Team Member Datagrid", "reorder": false, "addAnotherPosition": "bottom", "layoutFixed": false, "enableRowGroups": false, "initEmpty": false, "hidden": true, "tableView": false, "defaultValue": [ { "firstName": "", "lastName": "", "username": "", "email": "", "contentItemId": "", "userId": "" } ], "clearOnHide": false, "calculateValue": "let office = data.office; let offices = ['Coeur d Alene', 'Lewiston', 'Twin Falls', 'Idaho Falls', 'Boise', 'Pocatello']; let arr = []; let hasFetched = false; function fetchTeamMembers(department) { if (!offices.includes(department) || hasFetched) return; hasFetched = true; const apiUrl = "/api/queries/GetTeamMembersByDepartment"; const parameters = encodeURIComponent(JSON.stringify({ department })); fetch(`${apiUrl}?parameters=${parameters}`, { // Corrected line with backticks method: 'GET', headers: { 'Content-Type': 'application/json' } }) .then(response => { if (!response.ok) { throw new Error('Failed to fetch team members'); } return response.json(); }) .then(responseData => { const filteredData = responseData.items.filter(item => item.Department === office); filteredData.forEach(item => arr.push({ firstName: item.FirstName || "", lastName: item.LastName || "", username: item.UserName || "", email: item.UserEmail || "", contentItemId: item.ContentItemId || "", userId: item.UserId || "" })); instance.setValue(arr); }) .catch(error => { console.error('Error fetching team members:', error); }); } if (offices.includes(office)) { fetchTeamMembers(office); }", "key": "departmentTeamMemberDatagrid", "type": "datagrid", "input": true, "components": [ { "label": "Columns", "columns": [ { "components": [ { "label": "First Name", "applyMaskOn": "change", "disabled": true, "tableView": true, "clearOnHide": false, "key": "firstName", "type": "textfield", "input": true } ], "width": 4, "offset": 0, "push": 0, "pull": 0, "size": "md", "currentWidth": 4 }, { "components": [ { "label": "Last Name", "applyMaskOn": "change", "disabled": true, "tableView": true, "clearOnHide": false, "key": "lastName", "type": "textfield", "input": true } ], "width": 4, "offset": 0, "push": 0, "pull": 0, "size": "md", "currentWidth": 4 }, { "components": [ { "label": "Username", "applyMaskOn": "change", "disabled": true, "tableView": true, "clearOnHide": false, "key": "username", "type": "textfield", "input": true } ], "size": "md", "width": 4, "currentWidth": 4 }, { "components": [ { "label": "Email", "applyMaskOn": "change", "disabled": true, "tableView": true, "clearOnHide": false, "key": "email", "type": "textfield", "input": true } ], "size": "md", "width": 4, "currentWidth": 4 }, { "components": [ { "label": "Content Item Id", "applyMaskOn": "change", "disabled": true, "tableView": true, "clearOnHide": false, "key": "contentItemId", "type": "textfield", "input": true } ], "size": "md", "width": 4, "currentWidth": 4 }, { "components": [ { "label": "User Id", "applyMaskOn": "change", "disabled": true, "tableView": true, "clearOnHide": false, "key": "userId", "type": "textfield", "input": true } ], "size": "md", "width": 4, "currentWidth": 4 } ], "key": "columns", "type": "columns", "input": false, "tableView": false } ] }, { "title": "ESRI Data", "collapsible": false, "hidden": true, "key": "esriData", "type": "panel", "label": "Panel", "input": false, "tableView": false, "components": [ { "label": "Columns", "columns": [ { "components": [ { "label": "County", "applyMaskOn": "change", "disabled": true, "tableView": true, "clearOnHide": false, "key": "county", "type": "textfield", "input": true } ], "width": 4, "offset": 0, "push": 0, "pull": 0, "size": "md", "currentWidth": 4 }, { "components": [ { "label": "Township", "applyMaskOn": "change", "disabled": true, "tableView": true, "clearOnHide": false, "key": "township", "type": "textfield", "input": true } ], "width": 4, "offset": 0, "push": 0, "pull": 0, "size": "md", "currentWidth": 4 }, { "components": [ { "label": "Range", "applyMaskOn": "change", "disabled": true, "tableView": true, "clearOnHide": false, "key": "range", "type": "textfield", "input": true } ], "size": "md", "width": 4, "currentWidth": 4 }, { "components": [ { "label": "Quarter-Quarter", "applyMaskOn": "change", "disabled": true, "tableView": true, "clearOnHide": false, "key": "qq", "type": "textfield", "input": true } ], "size": "md", "width": 4, "currentWidth": 4 }, { "components": [ { "label": "Acreage", "applyMaskOn": "change", "disabled": true, "tableView": true, "clearOnHide": false, "key": "acreage", "type": "textfield", "input": true } ], "size": "md", "width": 4, "currentWidth": 4 }, { "components": [ { "label": "Region", "applyMaskOn": "change", "disabled": true, "tableView": true, "clearOnHide": false, "key": "region", "type": "textfield", "input": true } ], "size": "md", "width": 4, "currentWidth": 4 }, { "components": [ { "label": "Office", "applyMaskOn": "change", "disabled": true, "tableView": true, "clearOnHide": false, "key": "office", "type": "textfield", "input": true } ], "size": "md", "width": 4, "currentWidth": 4 }, { "components": [ { "label": "Reservation Name", "applyMaskOn": "change", "disabled": true, "tableView": true, "clearOnHide": false, "key": "reservationName", "type": "textfield", "input": true } ], "size": "md", "width": 4, "currentWidth": 4 }, { "components": [], "size": "md", "width": 4, "currentWidth": 4 } ], "key": "columns8", "type": "columns", "input": false, "tableView": false }, { "label": "Description (Hidden)", "applyMaskOn": "change", "autoExpand": false, "tableView": true, "clearOnHide": false, "calculateValue": "value = data.problemDescription;", "key": "description", "type": "textarea", "input": true } ] } ] }

Address Details