Plano Anual de Avisos

jQuery(document).ready(function() { jQuery.getScript('https://cdn.jsdelivr.net/npm/chart.js').done(function(script, textStatus) { const results_selector = '.search-filter-results-17066'; const data_selector = { programa: '.cl-element--instance-1007', fundo: '.cl-element--instance-1009', quadrimestre: '.cl-element--instance-1011' } function get_data(datum_name) { const selector = data_selector[datum_name]; return jQuery.makeArray(jQuery(selector)).map((el) => jQuery(el).text()); } let chart_quad_fundo = null; const ctx_quad_fundo = document.getElementById('quadrimestre-fundos'); function show_quad_fundo() { try { chart_quad_fundo.destroy(); } catch(TypeError) { } const quadrimestres = get_data('quadrimestre'); const fundos = get_data('fundo'); const labels = [...new Set(quadrimestres)].sort(); const fundos_uniq = [...new Set(fundos)].sort(); const chart_data = []; for (let f of fundos_uniq) { const values = Array(labels.length).fill(0) for (let i=0; i < quadrimestres.length; i++) { if (fundos[i] !== f) { continue; } v = quadrimestres[i]; values[labels.indexOf(v)] += 1; } chart_data.push({ label: f, data: values }); } chart_quad_fundo = new Chart(ctx_quad_fundo, { type: 'bar', data: { labels: labels, datasets: chart_data }, options: { responsive: true, scales: { x: { stacked: true }, y: { beginAtZero: true, stacked: true } } } }); } let chart_prog_quad = null; const ctx_prog_quad = document.getElementById('programa-quadrimestres'); function show_prog_quad() { try { chart_prog_quad.destroy(); } catch(TypeError) { } console.log('show chart'); const programas = get_data('programa'); const quadrimestres = get_data('quadrimestre'); const labels = [...new Set(programas)].sort(); const quadrimestres_uniq = [...new Set(quadrimestres)].sort(); const chart_data = []; for (let f of quadrimestres_uniq) { const values = Array(labels.length).fill(0) for (let i=0; i < programas.length; i++) { if (quadrimestres[i] !== f) { continue; } v = programas[i]; values[labels.indexOf(v)] += 1; } chart_data.push({ label: f, data: values }); } chart_prog_quad = new Chart(ctx_prog_quad, { type: 'bar', data: { labels: labels, datasets: chart_data }, options: { responsive: true, scales: { x: { stacked: true }, y: { beginAtZero: true, stacked: true } } } }); } let chart_programa = null; const ctx_programa = document.getElementById('programa_avisos'); function show_chart_programa() { try { chart_programa.destroy(); } catch(TypeError) { } const programas = get_data('programa'); const labels = [...new Set(programas)].sort(); const chart_values = Array(labels.length).fill(0); for (let v of programas) { chart_values[labels.indexOf(v)] += 1; } chart_programa = new Chart(ctx_programa, { type: 'bar', data: { labels: labels, datasets: [{ label: '# avisos / programa', data: chart_values, borderWidth: 1 }] }, options: { plugins: { legend: { display: false, } }, scales: { y: { beginAtZero: true } } } }); } function show_charts() { show_quad_fundo(); show_prog_quad(); show_chart_programa(); } //show_charts(); /*const observer = new MutationObserver((mutations) => { console.log('MUTATION'); show_chart(); }); console.log('observing:', results_selector); observer.observe($(results_selector)[0], { subtree: true, childList: true });*/ (function() { var pushState = history.pushState; var replaceState = history.replaceState; history.pushState = function() { pushState.apply(history, arguments); window.dispatchEvent(new Event('pushstate')); window.dispatchEvent(new Event('locationchange')); }; history.replaceState = function() { replaceState.apply(history, arguments); window.dispatchEvent(new Event('replacestate')); window.dispatchEvent(new Event('locationchange')); }; window.addEventListener('popstate', function() { window.dispatchEvent(new Event('locationchange')) }); })(); window.addEventListener('locationchange', function () { //show_charts(); toggle_styles(); }); }).fail(function(jqxhr, settings, exception ) { console.warn('FAILED TO LOAD CHARTJS'); }); });