25:["$","title",null,{"children":"Calendario de leyes | Newtral Data | Observable"}] 49:T167c,viewof calendario = { const container = document.createElement("div"); container.className = "calendar-container"; const locale = d3.timeFormatLocale({ decimal: ",", thousands: ".", grouping: [3], currency: ["", "€"], dateTime: "%A, %e de %B de %Y, %X", date: "%d/%m/%Y", time: "%H:%M:%S", periods: ["AM", "PM"], days: ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"], shortDays: ["do", "lu", "ma", "mi", "ju", "vi", "sá"], months: ["enero", "febrero", "marzo", "abril", "mayo", "junio", "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre"], shortMonths: ["ene", "feb", "mar", "abr", "may", "jun", "jul", "ago", "sep", "oct", "nov", "dic"] }); const formatMonthYear = locale.format("%B %Y"); let currentDate = new Date(); let selectedDate = new Date(); let filterByDay = false; let selectedRango = "todos"; let aniversario = null; function renderCalendar() { const year = currentDate.getFullYear(); const month = currentDate.getMonth(); const firstDay = new Date(year, month, 1); const lastDay = new Date(year, month + 1, 0); const startDay = firstDay.getDay() || 7; const daysInMonth = lastDay.getDate(); if (!procesados) { container.innerHTML = "

Cargando datos del calendario...

"; return; } const rangosUnicos = [...new Set(procesados.map(d => d.texto1))].sort(); const prevAniversarioValue = container.querySelector("#aniversario-input")?.value || ""; container.innerHTML = `

${formatMonthYear(currentDate)}

Día Mes

${Array.from({ length: startDay - 1 }, () => '

').join("")} ${Array.from({ length: daysInMonth }, (_, i) => { const day = i + 1; const date = new Date(year, month, day); const isToday = date.toDateString() === new Date().toDateString(); const isSelected = filterByDay ? true : selectedDate && date.toDateString() === selectedDate.toDateString(); return `

${day}

`; }).join("")}

`; container.querySelector("#prev").onclick = () => { currentDate.setMonth(currentDate.getMonth() - 1); renderCalendar(); }; container.querySelector("#next").onclick = () => { currentDate.setMonth(currentDate.getMonth() + 1); renderCalendar(); }; container.querySelectorAll(".calendar-day:not(.empty)").forEach(day => { day.onclick = () => { if (!filterByDay) { selectedDate = new Date(year, month, +day.dataset.day); } renderCalendar(); updateFilteredData(selectedRango, selectedDate, filterByDay, aniversario); }; }); container.querySelector("#filter-switch").onchange = (e) => { filterByDay = e.target.checked; renderCalendar(); updateFilteredData(selectedRango, selectedDate, filterByDay, aniversario); }; container.querySelector("#rango-select").onchange = (e) => { selectedRango = e.target.value; updateFilteredData(selectedRango, selectedDate, filterByDay, aniversario); }; container.querySelector("#aniversario-input").oninput = (e) => { const value = parseInt(e.target.value, 10); aniversario = isNaN(value) ? null : value; updateFilteredData(selectedRango, selectedDate, filterByDay, aniversario); }; container.querySelector("#clear-aniversario").onclick = () => { const input = container.querySelector("#aniversario-input"); input.value = ""; aniversario = null; updateFilteredData(selectedRango, selectedDate, filterByDay, aniversario); }; } renderCalendar(); updateFilteredData(selectedRango, selectedDate, filterByDay, aniversario); container.querySelector("#filter-switch").checked = filterByDay; return container; }4a:T565,updateFilteredData = (selectedRango = "todos", selectedDate = new Date(), filterByDay = false, aniversario = null) => { const selectedDay = selectedDate.getDate(); const selectedMonth = selectedDate.getMonth(); const selectedYear = selectedDate.getFullYear(); mutable filteredData = procesados.filter(d => { if (!d.diaMes || d.mesDiaMes === null || !d.fechaObj) return false; const fecha = d.fechaObj; // Filtro de fecha (día o mes) const fechaMatch = filterByDay ? fecha.getMonth() === selectedMonth // true = filtrar por mes : fecha.getDate() === selectedDay && fecha.getMonth() === selectedMonth; // false = filtrar por día // Filtro por rango const rangoMatch = selectedRango === "todos" || d.texto1 === selectedRango; // Filtro por aniversario let aniversarioMatch = true; if (aniversario) { aniversarioMatch = ( fecha.getFullYear() === selectedYear - aniversario && (filterByDay ? fecha.getMonth() === selectedMonth : fecha.getDate() === selectedDay && fecha.getMonth() === selectedMonth) ); } // Filtro para ocultar tarjetas derogadas const estadoMatch = d.vigenciaAgotada === "" && d.derogacion === ""; return fechaMatch && rangoMatch && aniversarioMatch && estadoMatch; }); }4b:T2a9f,estilos = html`

NewtralData `4c:[{"id":"3dea24758a6eda84c5b1f5cc0056081afb9d3e5ffb8a75f1a5655f564cbd58c2b580bddbce5865820c2726acc9715ac50f49d881820b974d6f549ba78e8eca0f","href":"https://static.observableusercontent.com/files/3dea24758a6eda84c5b1f5cc0056081afb9d3e5ffb8a75f1a5655f564cbd58c2b580bddbce5865820c2726acc9715ac50f49d881820b974d6f549ba78e8eca0f","name":"newtral_logo.png","type":"image/png","lastModified":1745419601184.004,"size":1409}] 29:{"id":"db54093d37b31306","slug":null,"title":"Calendario de leyes","thumbnail":"ae4b75492667fa99be6fda82004910866664ef11c3e5b237dfe08eddf3eacef5","access_level":"public","create_time":"$D2025-04-21T10:38:57.530Z","update_time":"$D2025-05-12T08:16:42.531Z","view_time":null,"first_public_time":"$D2025-04-23T11:11:14.380Z","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":210,"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":"Calendario de leyes","cells":[{"id":0,"value":"titulo = html`\n

Calendario de leyes

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"viewof tarjetas = {\n const container = document.createElement(\"div\");\n container.className = \"card-container\";\n\n // Función para renderizar las tarjetas\n function render() {\n container.innerHTML = filteredData.map(d => `\n

${d.texto1}

Entrada en vigor: ${d.valor}

\n ${d.derogacion ? '

Derogada

' : ''}\n ${d.vigenciaAgotada ? '

Vigencia agotada

' : ''}\n ${d.anosLey !== null ? `

${d.anosLey} años

` : ''}\n

${d.texto2}

\n `).join(\"\");\n }\n\n render();\n\n {\n filteredData;\n render();\n }\n\n invalidation.then(() => {});\n\n return container;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"mutable filteredData = procesados.filter(d => {\n if (!d.fechaObj) return false;\n const today = new Date();\n return d.fechaObj.toDateString() === today.toDateString();\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"defineReactive = (callback) => {\n let value = filteredData;\n Object.defineProperty(window, \"filteredData\", {\n get() {\n return value;\n },\n set(newValue) {\n value = newValue;\n callback();\n }\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"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":22,"value":"parseFecha = d3.timeParse(\"%d/%m/%Y\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"formatearFecha = d3.timeFormat(\"%d/%m/%Y\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"parseDiaMes = d3.timeParse(\"%d/%m\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"diaMesFecha = parseDiaMes(d3.DIA_MES);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"datos = d3.csv(\"https://docs.google.com/spreadsheets/d/e/2PACX-1vTYFy5wbo79KGXT3bhBmJY2YPBIsH-Etl8snUB9BNe1vhpB9UbURFpWk-rLtWnBgg/pub?gid=1683375683&single=true&output=csv\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"procesados = datos.map(d => {\n const fecha = d.FECHA_VIGOR;\n const valor = parseFecha(fecha);\n const diaMesFecha = parseDiaMes(d.DIA_MES);\n const currentYear = new Date().getFullYear();\n const ano = parseInt(d.AÑO, 10);\n const anosLey = !isNaN(ano) ? currentYear - ano : null;\n\n const result = {\n texto1: d.RANGO,\n valor: valor ? formatearFecha(valor) : \"Fecha inválida\",\n texto2: d.TEXTO_ORIGINAL,\n fechaObj: valor,\n url: d.URL,\n derogacion: d.DEROGACION || \"\",\n vigenciaAgotada: d.VIGENCIA_AGOTADA || \"\",\n clase: valor ? \"\" : \"invalid\",\n diaMes: diaMesFecha ? diaMesFecha.getDate() : null,\n mesDiaMes: diaMesFecha ? diaMesFecha.getMonth() : null,\n anosLey: anosLey\n };\n\n console.log(`DIA_MES: ${d.DIA_MES}, diaMes: ${result.diaMes}, mesDiaMes: ${result.mesDiaMes}`);\n\n return result;\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"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