' : '

'; return '

' + '

' + logoHtml + '' + name + '

' + rateHtml(item.success_rate) + '

'; } var MAX_ITEMS = 10; function renderList(el, items) { items = items.slice(0, MAX_ITEMS); if (!items.length) { el.textContent = ''; var p = document.createElement('p'); p.className = 'cw-empty'; p.textContent = 'No results found'; el.appendChild(p); return; } el.textContent = ''; var frag = document.createDocumentFragment(); items.forEach(function (item) { var tmp = document.createElement('div'); tmp.innerHTML = buildRow(item); frag.appendChild(tmp.firstChild); }); el.appendChild(frag); } // --- Financial Accounts --- function initFinancial(el) { var items = []; var widget = document.createElement('div'); widget.className = 'cw-widget'; widget.innerHTML = '

' + SEARCH_SVG + '' + '

' + '

CompanySuccess rate

'; el.textContent = ''; el.appendChild(widget); var list = document.createElement('div'); list.className = 'cw-list'; widget.appendChild(list); var input = widget.querySelector('.cw-input'); var clearBtn = widget.querySelector('.cw-clear'); function loadDefault() { list.style.opacity = '0.5'; fetch(FA_API + '?data_source=financial_accounts&product_type=assets&page_size=10') .then(function (r) { return r.json(); }) .then(function (d) { items = d.results.filter(function (p) { return !p.is_disabled; }).slice(0, 10); renderList(list, items); }) .catch(function () { list.textContent = ''; var p = document.createElement('p'); p.className = 'cw-empty'; p.textContent = 'Unable to load institutions'; list.appendChild(p); }) .then(function () { list.style.opacity = '1'; }); } var doSearch = debounce(function () { var q = input.value.trim(); clearBtn.style.display = q ? 'flex' : 'none'; if (!q) { renderList(list, items); return; } list.style.opacity = '0.5'; fetch(FA_API + '?data_source=financial_accounts&product_type=assets&page_size=10&query=' + encodeURIComponent(q)) .then(function (r) { return r.json(); }) .then(function (d) { renderList(list, d.results.filter(function (p) { return !p.is_disabled; }).slice(0, 10)); }) .catch(function () { list.textContent = ''; var p = document.createElement('p'); p.className = 'cw-empty'; p.textContent = 'Search failed'; list.appendChild(p); }) .then(function () { list.style.opacity = '1'; }); }, 300); input.addEventListener('input', doSearch); clearBtn.addEventListener('click', function () { input.value = ''; clearBtn.style.display = 'none'; renderList(list, items); }); loadDefault(); } // --- Payroll --- function initPayroll(el) { var categories = []; var activeTab = ''; var widget = document.createElement('div'); widget.className = 'cw-widget'; widget.innerHTML = '

' + SEARCH_SVG + '' + '

'; el.textContent = ''; el.appendChild(widget); var tabs = document.createElement('div'); tabs.className = 'cw-tabs'; widget.appendChild(tabs); var colHeader = document.createElement('div'); colHeader.className = 'cw-ch'; colHeader.innerHTML = 'CompanySuccess rate'; widget.appendChild(colHeader); var list = document.createElement('div'); list.className = 'cw-list'; widget.appendChild(list); var input = widget.querySelector('.cw-input'); var clearBtn = widget.querySelector('.cw-clear'); function renderTabs() { tabs.textContent = ''; categories.forEach(function (cat) { var btn = document.createElement('button'); btn.className = cat.id === activeTab ? 'cw-tab cw-tab-active' : 'cw-tab'; btn.textContent = cat.name; btn.setAttribute('data-id', cat.id); tabs.appendChild(btn); }); } function showCategory(catId) { activeTab = catId; renderTabs(); var cat = categories.find(function (c) { return c.id === catId; }); if (cat) renderList(list, cat.mappings.slice(0, 10)); } tabs.addEventListener('click', function (e) { var btn = e.target.closest('.cw-tab'); if (btn) showCategory(btn.getAttribute('data-id')); }); function loadDefault() { list.style.opacity = '0.5'; fetch(PAYROLL_API) .then(function (r) { return r.json(); }) .then(function (data) { categories = data.categories || data; if (categories.length > 0) activeTab = categories[0].id; renderTabs(); tabs.style.display = ''; colHeader.style.display = ''; showCategory(activeTab); }) .catch(function () { list.textContent = ''; var p = document.createElement('p'); p.className = 'cw-empty'; p.textContent = 'Unable to load companies'; list.appendChild(p); }) .then(function () { list.style.opacity = '1'; }); } var doSearch = debounce(function () { var q = input.value.trim(); clearBtn.style.display = q ? 'flex' : 'none'; if (!q) { tabs.style.display = ''; colHeader.style.display = ''; showCategory(activeTab); return; } tabs.style.display = 'none'; list.style.opacity = '0.5'; fetch(PAYROLL_SEARCH_API + '?query=' + encodeURIComponent(q)) .then(function (r) { return r.json(); }) .then(function (results) { renderList(list, results); }) .catch(function () { list.textContent = ''; var p = document.createElement('p'); p.className = 'cw-empty'; p.textContent = 'Search failed'; list.appendChild(p); }) .then(function () { list.style.opacity = '1'; }); }, 300); input.addEventListener('input', doSearch); clearBtn.addEventListener('click', function () { input.value = ''; clearBtn.style.display = 'none'; tabs.style.display = ''; colHeader.style.display = ''; showCategory(activeTab); }); loadDefault(); } // --- Bootstrap --- function init() { var p = document.getElementById('payroll-coverage-widget'); var f = document.getElementById('financial-coverage-widget'); if (p && !p.getAttribute('data-init')) { p.setAttribute('data-init', '1'); initPayroll(p); } if (f && !f.getAttribute('data-init')) { f.setAttribute('data-init', '1'); initFinancial(f); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } new MutationObserver(debounce(init, 150)) .observe(document.documentElement, { childList: true, subtree: true }); })();