{"version":3,"sources":["webpack:///./Websites/FrontierEnterprise.Web/@static/@modules/wholesale-broadband-form/controller.ts","webpack:///./Websites/FrontierEnterprise.Web/@static/@modules/wholesale-broadband-form/main.ts","webpack:///./Websites/FrontierEnterprise.Web/@static/@modules/wholesale-broadband-form/index.js"],"names":[],"mappings":"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","file":"js/wholesale-broadband-form.js","sourcesContent":["import * as $ from 'jquery';\r\nimport * as Backbone from 'backbone';\r\nimport * as Radio from 'backbone.radio';\r\nimport * as Marionette from 'backbone.marionette';\r\nimport { on, Options } from \"../utils/decorators\";\r\nimport { forEach } from 'underscore';\r\n\r\ninterface props {\r\n controller: any\r\n}\r\n\r\n@Options({\r\n el: '#fxb_00000000-0000-0000-0000-000000000000_e914851e-7582-44b3-acea-ae1eb5dd129e',\r\n template: false,\r\n ui: { \r\n stateCheckbox: \".single-state-checkbox\",\r\n checkboxAllStates: \".all-states-checkbox\"\r\n }\r\n})\r\n\r\nexport default class ViewController extends Marionette.View{\r\n\r\n // VARIABLES\r\n public statesArr = [];\r\n public allStatesIsChecked = false;\r\n public formBase: HTMLElement; \r\n\r\n // EVENTS\r\n // --------------------------------\r\n\r\n setupClasses() {\r\n if ($(this.el).length) {\r\n // add a class to targeted form IDs\r\n $(this.el).addClass(\"form-with-state-fields\");\r\n this.formBase = document.querySelector(\".form-with-state-fields\");\r\n\r\n const stateBoxChildren = this.formBase.querySelectorAll('[data-sc-field-key=\"03854C82CC8A478AAA50B288BE8F6A88\"] > div');\r\n\r\n forEach(stateBoxChildren, (el) => {\r\n (el).classList.add(\"state-line\");\r\n });\r\n\r\n const checkedValues = this.formBase.querySelectorAll('[data-sc-field-key=\"5B05BE1BEC4143108ED338E29DB6BA67\"] input[type=\"checkbox\"]');\r\n\r\n checkedValues[0].classList.add(\"all-states-checkbox\");\r\n\r\n // iterate over all checkboxes except the first one and add a class\r\n for (let i = 1; i < checkedValues.length; i++) {\r\n checkedValues[i].classList.add(\"single-state-checkbox\");\r\n }\r\n\r\n checkedValues[0].classList.add(\"all-states-checkbox\");\r\n }\r\n }\r\n\r\n fillAllStates() {\r\n const allCheckboxes = this.formBase.querySelectorAll('.single-state-checkbox');\r\n let checkArr = [];\r\n forEach(allCheckboxes, el => {\r\n checkArr.push((el).value);\r\n });\r\n\r\n this.statesArr = checkArr;\r\n this.hideStateFields();\r\n }\r\n\r\n clearAllStates() {\r\n this.statesArr = [];\r\n this.hideStateFields();\r\n }\r\n\r\n hideStateFields() {\r\n let fieldIndex = 0;\r\n const numberOfStates = this.statesArr.length;\r\n const stateFields = this.formBase.querySelectorAll(\".state-line\");\r\n\r\n const fieldsToClear = this.formBase.querySelectorAll(\".state-line input.form-control\");\r\n this.clearFields(fieldsToClear);\r\n\r\n forEach(stateFields, (el) => {\r\n el.classList.add(\"hidden\");\r\n const selectField = el.querySelector(\"select\");\r\n selectField.value = this.statesArr[fieldIndex];\r\n selectField.style.pointerEvents = 'none';\r\n\r\n\r\n if (fieldIndex < numberOfStates) {\r\n fieldIndex++;\r\n el.classList.remove(\"hidden\");\r\n }\r\n });\r\n }\r\n\r\n clearFields(fields) {\r\n forEach(fields, (el) => {\r\n (el).value = '';\r\n });\r\n }\r\n\r\n initStateFields() {\r\n const stateFields = this.formBase.querySelectorAll(\".state-line\");\r\n\r\n for (let i = 1; i < stateFields.length; i++) {\r\n stateFields[i].classList.add(\"hidden\");\r\n }\r\n }\r\n\r\n @on(\"change @ui.checkboxAllStates\") \r\n onChangeAllStateCheckbox(ev) { \r\n if (this.allStatesIsChecked) {\r\n this.fillAllStates();\r\n } else {\r\n this.clearAllStates();\r\n }\r\n this.allStatesIsChecked = !this.allStatesIsChecked; \r\n }\r\n\r\n @on(\"change @ui.stateCheckbox\")\r\n onChangeAnyStateCheckbox(ev) { \r\n const isAllChecked = document.querySelector('.all-states-checkbox:checked'); \r\n if (!isAllChecked) { \r\n this.allStatesIsChecked = false;\r\n const selectedCheckboxes = this.formBase.querySelectorAll('.single-state-checkbox:checked');\r\n let checkArr = [];\r\n forEach(selectedCheckboxes, el => {\r\n checkArr.push((el).value);\r\n });\r\n\r\n this.statesArr = checkArr; \r\n this.hideStateFields(); \r\n } else {\r\n this.allStatesIsChecked = true;\r\n }\r\n }\r\n\r\n\r\n onRender() {\r\n let _this = this;\r\n if ($(_this.el).length) {\r\n // this.setupClasses();\r\n // this.initStateFields();\r\n } \r\n\r\n }\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./Websites/FrontierEnterprise.Web/@static/@modules/wholesale-broadband-form/controller.ts","import * as Backbone from \"backbone\";\r\nimport * as Marionette from \"backbone.marionette\";\r\nimport * as $ from \"jquery\";\r\nimport ViewController from \"./controller\";\r\n\r\nconst app = new Marionette.Application()\r\n\r\napp.once(\"start\", () => {\r\n new ViewController().render()\r\n});\r\n\r\n$(() => {\r\n app.start();\r\n});\r\n\n\n\n// WEBPACK FOOTER //\n// ./Websites/FrontierEnterprise.Web/@static/@modules/wholesale-broadband-form/main.ts","require(\"./main.ts\");\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./Websites/FrontierEnterprise.Web/@static/@modules/wholesale-broadband-form/index.js\n// module id = 74\n// module chunks = 7"],"sourceRoot":""}