diff --git a/static/focus.js b/static/focus.js index 4b43735..1c41c79 100644 --- a/static/focus.js +++ b/static/focus.js @@ -4,38 +4,30 @@ const API = { orgReqs: "/api3/reqBase", buhForms: "/api3/buh", }; - -function run() { - sendRequest(API.organizationList, (orgOgrns) => { - const ogrns = orgOgrns.join(","); - sendRequest(`${API.orgReqs}?ogrn=${ogrns}`, (requisites) => { +async function run() { + let orgOgrns = await sendRequest(API.organizationList) + let ogrns = orgOgrns.join(","); + Promise.all([ + sendRequest(`${API.orgReqs}?ogrn=${ogrns}`), + sendRequest(`${API.analytics}?ogrn=${ogrns}`), + sendRequest(`${API.buhForms}?ogrn=${ogrns}`) + ]) + .then(([requisites, analytics, buh]) => { const orgsMap = reqsToMap(requisites); - sendRequest(`${API.analytics}?ogrn=${ogrns}`, (analytics) => { - addInOrgsMap(orgsMap, analytics, "analytics"); - sendRequest(`${API.buhForms}?ogrn=${ogrns}`, (buh) => { - addInOrgsMap(orgsMap, buh, "buhForms"); - render(orgsMap, orgOgrns); - }); - }); - }); - }); + addInOrgsMap(orgsMap, analytics, "analytics"); + addInOrgsMap(orgsMap, buh, "buhForms"); + render(orgsMap, orgOgrns); + }) + .catch((error) => alert(error)) } run(); - -function sendRequest(url, callback) { - const xhr = new XMLHttpRequest(); - xhr.open("GET", url, true); - - xhr.onreadystatechange = function () { - if (xhr.readyState === XMLHttpRequest.DONE) { - if (xhr.status === 200) { - callback(JSON.parse(xhr.response)); - } - } - }; - - xhr.send(); +async function sendRequest(url) { + let response = await fetch(url); + if (response.ok) + return await response.json(); + else + alert("Ошибка HTTP: " + response.status); } function reqsToMap(requisites) { @@ -44,37 +36,30 @@ function reqsToMap(requisites) { return acc; }, {}); } - function addInOrgsMap(orgsMap, additionalInfo, key) { for (const item of additionalInfo) { orgsMap[item.ogrn][key] = item[key]; } } - function render(organizationsInfo, organizationsOrder) { const table = document.getElementById("organizations"); table.classList.remove("hide"); - const template = document.getElementById("orgTemplate"); const container = table.querySelector("tbody"); - organizationsOrder.forEach((item) => { renderOrganization(organizationsInfo[item], template, container); }); } - function renderOrganization(orgInfo, template, container) { const clone = document.importNode(template.content, true); const name = clone.querySelector(".name"); const indebtedness = clone.querySelector(".indebtedness"); const money = clone.querySelector(".money"); const address = clone.querySelector(".address"); - name.textContent = (orgInfo.UL && orgInfo.UL.legalName && orgInfo.UL.legalName.short) || ""; indebtedness.textContent = formatMoney(orgInfo.analytics.s1002 || 0); - if ( orgInfo.buhForms && orgInfo.buhForms.length && @@ -91,26 +76,20 @@ function renderOrganization(orgInfo, template, container) { } else { money.textContent = "—"; } - const addressFromServer = orgInfo.UL.legalAddress.parsedAddressRF; address.textContent = createAddress(addressFromServer); - container.appendChild(clone); } - function formatMoney(money) { let formatted = money.toFixed(2); formatted = formatted.replace(".", ","); - const rounded = money.toFixed(0); const numLen = rounded.length; for (let i = numLen - 3; i > 0; i -= 3) { formatted = `${formatted.slice(0, i)} ${formatted.slice(i)}`; } - return `${formatted} ₽`; } - function createAddress(address) { const addressToRender = []; if (address.regionName) { @@ -125,9 +104,7 @@ function createAddress(address) { if (address.house) { addressToRender.push(createAddressItem("house")); } - return addressToRender.join(", "); - function createAddressItem(key) { return `${address[key].topoShortName}. ${address[key].topoValue}`; }