25:["$","title",null,{"children":"Sueldos de los Presidentes de las Federaciones | Newtral Data | Observable"}] 49:Tdfa,viewof tarjetas = { const initCards = async () => { const container = document.getElementById('cardContainer'); const input = document.getElementById('searchInput'); const sortAscButton = document.getElementById('sortAsc'); const sortDescButton = document.getElementById('sortDesc'); const modal = document.createElement('div'); modal.id = "infoModal"; modal.style.display = "none"; modal.style.position = "absolute"; modal.style.backgroundColor = "white"; modal.style.border = "1px solid #ccc"; modal.style.boxShadow = "0 4px 8px rgba(0, 0, 0, 0.1)"; modal.style.padding = "10px"; modal.style.zIndex = "1000"; document.body.appendChild(modal); if (!container || !input || !sortAscButton || !sortDescButton) { console.warn("Esperando al DOM..."); await new Promise(resolve => setTimeout(resolve, 100)); return initCards(); } input.addEventListener('keyup', filterCards); sortAscButton.addEventListener('click', () => sortCards('asc')); sortDescButton.addEventListener('click', () => sortCards('desc')); container.addEventListener('click', (event) => { if (event.target.classList.contains('info-button')) { const personaId = event.target.dataset.id; const persona = DATOS.find(p => p.id === personaId); showModal(event, persona); } }); document.addEventListener('click', (event) => { if (!modal.contains(event.target) && !event.target.classList.contains('info-button')) { modal.style.display = "none"; } }); }; initCards(); return html`

${DATOS.map(persona => html`

${persona.extra1 || persona.extra2 || persona.extra3 || persona.extra4 ? html` ` : ''}

${persona.nombre}

${persona.genero} ${persona.federacion}

${persona.salario} €

Salario bruto relativo a ${persona.año}

Financiación pública: ${persona.financiacion}

`)}

`; };4a:T583,function showModal(event, persona) { if (!persona) return; const modal = document.getElementById('infoModal'); const modalWidth = 300; const modalHeight = 200; modal.innerHTML = `

Otras retribuciones

Gastos de viaje y estancias: ${persona.extra1 || '-'}

En especie: ${persona.extra2 || '-'}

Dietas: ${persona.extra3 || '-'}

Gastos de representación: ${persona.extra4 || '-'}

`; const { clientX, clientY } = event; const { innerWidth, innerHeight } = window; const xOffset = 10; const yOffset = 10; let top = clientY + yOffset; let left = clientX + xOffset; if (clientX + modalWidth + xOffset > innerWidth) { left = clientX - modalWidth - xOffset; } if (clientY + modalHeight + yOffset > innerHeight) { top = clientY - modalHeight - yOffset; } modal.style.top = `${top}px`; modal.style.left = `${left}px`; modal.style.display = "block"; const closeModal = document.getElementById('closeModal'); closeModal.addEventListener('click', () => { modal.style.display = "none"; }); }4b:T19e7,estilos = html`

NewtralData `;4c:[{"id":"3dea24758a6eda84c5b1f5cc0056081afb9d3e5ffb8a75f1a5655f564cbd58c2b580bddbce5865820c2726acc9715ac50f49d881820b974d6f549ba78e8eca0f","href":"https://static.observableusercontent.com/files/3dea24758a6eda84c5b1f5cc0056081afb9d3e5ffb8a75f1a5655f564cbd58c2b580bddbce5865820c2726acc9715ac50f49d881820b974d6f549ba78e8eca0f","name":"newtral_logo.png","type":"image/png","lastModified":1732267516079.081,"size":1409}] 29:{"id":"02cbfb34f3a03d4e","slug":null,"title":"Sueldos de los Presidentes de las Federaciones","thumbnail":"323b361bd6c0f484514a5f30add5abfb583a34b1e8bafeab6f86467774c0c460","access_level":"public","create_time":"$D2024-11-21T10:40:38.026Z","update_time":"$D2024-11-26T09:49:04.176Z","view_time":null,"first_public_time":"$D2024-11-21T11:13:40.591Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"6721f19fe640557e","login":"newtral-datos","name":"Newtral Data","avatar_url":"https://avatars-next.observableusercontent.com/ff6ff00f51721a8025f0514b4e310cc0f80a1f58417bdffd6aa86bd2c3bcd948","tier":"starter_2024","bio":"Somos el equipo de datos de Newtral. Nos dedicamos a analizar y convertir datos en historias periodísticas, utilizando IA y programación.","following":false},"version":254,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"dcf36f2cf3d68944","login":"newtral-datos","name":"Newtral Data","avatar_url":"https://avatars-next.observableusercontent.com/ff6ff00f51721a8025f0514b4e310cc0f80a1f58417bdffd6aa86bd2c3bcd948","tier":null,"bio":"Somos el equipo de datos de Newtral. Nos dedicamos a analizar y convertir datos en historias periodísticas, utilizando IA y programación.","following":false}],"members":[{"type":"team","id":"6721f19fe640557e","login":"newtral-datos","name":"Newtral Data","avatar_url":"https://avatars-next.observableusercontent.com/ff6ff00f51721a8025f0514b4e310cc0f80a1f58417bdffd6aa86bd2c3bcd948","tier":"starter_2024","role":"editor"},{"type":"individual","id":"dcf36f2cf3d68944","login":"newtral-datos","name":"Newtral Data","avatar_url":"https://avatars-next.observableusercontent.com/ff6ff00f51721a8025f0514b4e310cc0f80a1f58417bdffd6aa86bd2c3bcd948","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Sueldos de los Presidentes de las Federaciones","cells":[{"id":0,"value":"# Sueldos de los Presidentes de las Federaciones","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":83,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"viewof buscador = {\n const input = document.getElementById('searchInput');\n const container = document.getElementById('cardContainer');\n \n if (input && container) {\n input.addEventListener('keyup', filterCards);\n } else {\n console.error(\"El buscador o contenedor de tarjetas no están listos.\");\n }\n \n return null;\n};","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"d3 = require(\"d3@7\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"url = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQ1uWFBV-RLrQX1vRDWAO5sZ23EYon_qTrLy-s5Jwxo8YJBRXC42Plg-Jk6_Q14u9JHT9jQt96S8jL9/pub?output=csv\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"DATOS = d3.csv(url).then(data =>\n data.map((d, index) => ({\n id: `persona-${index}`,\n federacion: d.FEDERACION,\n nombre: d.NOMBRE,\n genero: d.GENERO,\n salario: d.SALARIO,\n año: d.AÑO,\n financiacion: d.FINANCIACION,\n logo: d.LOGO,\n extra1: d.EXTRA1,\n extra2: d.EXTRA2,\n extra3: d.EXTRA3,\n extra4: d.EXTRA4,\n enlace: d.ENLACE,\n }))\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"function normalizeText(text) {\n return text.normalize('NFD').replace(/[\\u0300-\\u036f]/g, \"\").toLowerCase();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"function filterCards() {\n const input = document.getElementById('searchInput');\n const filter = normalizeText(input.value);\n const container = document.getElementById(\"cardContainer\");\n const cards = container.getElementsByClassName('card');\n \n for (let i = 0; i < cards.length; i++) {\n const nombre = cards[i].querySelector(\".nombre\");\n const federacion = cards[i].querySelector(\".federacion\");\n\n if (nombre && federacion) {\n const nombreText = normalizeText(nombre.textContent || nombre.innerText);\n const federacionText = normalizeText(federacion.textContent || federacion.innerText);\n \n if (nombreText.includes(filter) || federacionText.includes(filter)) {\n cards[i].style.display = \"\";\n } else {\n cards[i].style.display = \"none\";\n }\n }\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"evento = {\n const input = document.getElementById('searchInput');\n if (input) {\n input.addEventListener('keyup', filterCards);\n }\n return null;\n }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":178,"value":"function sortCards(order) {\n const container = document.getElementById('cardContainer');\n const cards = Array.from(container.getElementsByClassName('card'));\n\n cards.sort((a, b) => {\n const salarioA = parseFloat(a.querySelector('.salario').textContent.replace('€', '').trim());\n const salarioB = parseFloat(b.querySelector('.salario').textContent.replace('€', '').trim());\n\n return order === 'asc' ? salarioA - salarioB : salarioB - salarioA;\n });\n\n cards.forEach(card => container.appendChild(card));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"$4b","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4c","stdlib":"1"}} 24:null