Manage Your EPB Account Settings (2024)

' ); document.querySelectorAll(CLASSES.UPDATE_CANCEL).forEach(function (el) { el.style.cursor = 'not-allowed'; el.removeEventListener('click', cancelEditNickNameClickCallback); }); document.querySelectorAll(CLASSES.UPDATE_NICKNAME).forEach(function (el) { el.style.cursor = 'not-allowed'; el.removeEventListener('click', setupUpdateNicknameClickCallback); handleUpdateNickname(el); }); } function setupUpdateNicknameEnter() { document.querySelectorAll(CLASSES.NICKNAME_INPUT).forEach(function (el) { el.addEventListener('keyup', setupUpdateNicknameEnterCallback) }); } function setupUpdateNicknameEnterCallback(event) { if (event.keyCode === 13) { event.preventDefault(); let contentText = document.querySelector(".as__account__type__content-text"); contentText.setAttribute("disabled", ""); contentText.insertAdjacentHTML("afterend", '

' ); document.querySelectorAll(CLASSES.UPDATE_CANCEL).forEach(function (el) { el.style.cursor = 'not-allowed'; el.removeEventListener('click', cancelEditNickNameClickCallback); }); document.querySelectorAll(CLASSES.UPDATE_NICKNAME).forEach(function (el) { el.style.cursor = 'not-allowed'; el.removeEventListener('click', setupUpdateNicknameClickCallback); handleUpdateNickname(el); }); } } function removeEmptyTemplates() { // select all account type blocks let accountTypes = document.querySelectorAll(CLASSES.ACCOUNT_TYPE_TEMPLATE); for (let i = 0; i < accountTypes.length; i++) { // Remove the empty account type template element from the dom if (!accountTypes[i].accountData) { accountTypes[i].parentNode.removeChild(accountTypes[i]); } } } function returnAccountEl(data) { let aT = accountTemplate.cloneNode(true); aT.classList.remove(CLASSES.HIDE); aT.classList.remove(CLASSES.ACCOUNT_TEMPLATE.substring(1)); let typesContainer = aT.querySelector(CLASSES.ACCOUNT_TYPES_CONTAINER); /////////////////// // set power account text /////////////////// if (data.account_type === "Energy") { let accountTypeClone = accountTypeTemplate.cloneNode(true); let contentContainerEl = accountTypeClone.querySelector(CLASSES.ACCOUNT_CONTENT_CONTAINER); let dropdownContainerEl = accountTypeClone.querySelector(CLASSES.ACCOUNT_DROPDOWN_CONTAINER); let dropdownEl = dropdownContainerEl.querySelector(CLASSES.ACCOUNT_DROPDOWN); // set account type text accountTypeClone.querySelector(CLASSES.ACCOUNT_TYPE_TEXT).textContent = 'ENERGY'; // set account nickname text if ('nickname' in data && data.nickname !== null) { accountTypeClone.querySelector(CLASSES.ACCOUNT_TYPE_NICKNAME_TEXT).innerText = data.nickname; } else if ('service_addresses' in data && data.service_addresses.length > 1) { accountTypeClone.querySelector(CLASSES.ACCOUNT_TYPE_NICKNAME_TEXT).innerText = data.service_addresses.length + ' Locations'; } else { accountTypeClone.querySelector(CLASSES.ACCOUNT_TYPE_NICKNAME_TEXT).innerText = data.service_addresses[0]; } // set account id text accountTypeClone.querySelector(CLASSES.ACCOUNT_TYPE_ID).textContent = data.account_id; // set account status text accountTypeClone.querySelector(CLASSES.ACCOUNT_TYPE_STATUS).textContent = data.account_status; //setup dropdown and icon if (data.service_addresses.length > 1) { //setup address dropdown data.service_addresses.forEach(function (address) { dropdownEl.innerHTML += '

' + address + '

'; }); contentContainerEl.classList.add('as__dropdown'); accountTypeClone.querySelector(CLASSES.DROPDOWN_ICON).classList.remove(CLASSES.HIDE); } else { // add class for power or fiber accountTypeClone.querySelector(CLASSES.ENERGY_ICON).classList.remove(CLASSES.HIDE); } // add dataset info (index) // accountTypeClone.dataset.accountTypeIndex = 0; accountTypeClone.accountData = data; // append to accountTemplate typesContainer.appendChild(accountTypeClone); } /////////////////// // set fiber account text /////////////////// if (data.account_type === "Fiber") { let accountTypeClone = accountTypeTemplate.cloneNode(true); let contentContainerEl = accountTypeClone.querySelector(CLASSES.ACCOUNT_CONTENT_CONTAINER); let dropdownContainerEl = accountTypeClone.querySelector(CLASSES.ACCOUNT_DROPDOWN_CONTAINER); let dropdownEl = accountTypeClone.querySelector(CLASSES.ACCOUNT_DROPDOWN); // set account type text accountTypeClone.querySelector(CLASSES.ACCOUNT_TYPE_TEXT).textContent = 'FIBER'; // set account nickname text if ('nickname' in data && data.nickname !== null) { accountTypeClone.querySelector(CLASSES.ACCOUNT_TYPE_NICKNAME_TEXT).innerText = data.nickname; } else if ('service_addresses' in data && data.service_addresses.length > 1) { accountTypeClone.querySelector(CLASSES.ACCOUNT_TYPE_NICKNAME_TEXT).innerText = data.service_addresses.length + ' Locations'; } else { accountTypeClone.querySelector(CLASSES.ACCOUNT_TYPE_NICKNAME_TEXT).innerText = data.service_addresses[0]; } // set account id text accountTypeClone.querySelector(CLASSES.ACCOUNT_TYPE_ID).textContent = data.account_id; // set account status text accountTypeClone.querySelector(CLASSES.ACCOUNT_TYPE_STATUS).textContent = data.account_status; //setup dropdown and icon if (data.service_addresses.length > 1) { //setup address dropdown data.service_addresses.forEach(function (address) { dropdownEl.innerHTML += '

' + address + '

'; }); contentContainerEl.classList.add('as__dropdown'); accountTypeClone.querySelector(CLASSES.DROPDOWN_ICON).classList.remove(CLASSES.HIDE); } else { // add class for power or fiber accountTypeClone.querySelector(CLASSES.FIBER_ICON).classList.remove(CLASSES.HIDE); } // add dataset info (index) // accountTypeClone.dataset.accountTypeIndex = 1; accountTypeClone.accountData = data; // append to accountTemplate typesContainer.appendChild(accountTypeClone); } return aT; } function _addPolyfills() { // https://developer.mozilla.org/en-US/docs/Web/API/Element/closest if (!Element.prototype.matches) { Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; } if (!Element.prototype.closest) { Element.prototype.closest = function (s) { var el = this; do { if (Element.prototype.matches.call(el, s)) return el; el = el.parentElement || el.parentNode; } while (el !== null && el.nodeType === 1); return null; }; } // https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = function (callback, thisArg) { thisArg = thisArg || window; for (var i = 0; i < this.length; i++) { callback.call(thisArg, this[i], i, this); } }; } } function loadCheck() { if (window.epb && window.epb.lib) { clearInterval(interval) let accountLinksPromise = window.epb.repo.accountLinks.getCurrentAccountLinks(); let accountLinksResponse = {}; loadingModal.show() accountLinksPromise.then(function (accountLinksRes) { accountLinksResponse.accountLinks = accountLinksRes; initAccountSettings(accountLinksResponse); }).catch(function (error) { console.error(error) loadingModal.hide() }); } } function showPage() { if (window.epb.repo.user.hasValidToken()) { document.querySelector('.account__settings').classList.remove('hidden'); } } })()

LOADING