{"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<Backbone.Model>{\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                (<HTMLElement>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((<HTMLInputElement>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            (<HTMLInputElement>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((<HTMLInputElement>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":""}