"use strict"; const {jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { code: "code", pre: "pre", span: "span", ..._provideComponents(), ...props.components }; return _jsx(_components.pre, { children: _jsxs(_components.code, { className: "language-dataviewjs code-highlight", children: [_jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "// 🔹 Pomodoros detalhado (com coluna de tarefa opcional)\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "const root = dv.el(\"div\", \"\");\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const CONFIG = {\n" }), _jsx(_components.span, { className: "code-line", children: " tag: \"#calendar/daily\", \n" }), _jsx(_components.span, { className: "code-line", children: " sectionHeader: \"Logs\",\n" }), _jsx(_components.span, { className: "code-line", children: " rangeDays: <% tp.system.prompt(\"Pomodoro rangeDays config\")%>, \n" }), _jsx(_components.span, { className: "code-line", children: " sortOrder: \"desc\"\n" }), _jsx(_components.span, { className: "code-line", children: "};\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 🗓️ INTERVALO DE DATAS\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const endDate = moment('<% tp.date.now(\"YYYY-MM-DD\") %>', 'YYYY-MM-DD');\n" }), _jsx(_components.span, { className: "code-line", children: "const startDate = moment(endDate).subtract(CONFIG.rangeDays, 'days');\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// -----------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 🔹 Captura Pomodoros\n" }), _jsx(_components.span, { className: "code-line", children: "let pomodoros = [];\n" }), _jsx(_components.span, { className: "code-line", children: "for (let page of dv.pages(CONFIG.tag).where(p => Array.isArray(p.pomodoros))) {\n" }), _jsx(_components.span, { className: "code-line", children: " for (let p of page.pomodoros) {\n" }), _jsx(_components.span, { className: "code-line", children: " let start = new Date(p.startTime);\n" }), _jsx(_components.span, { className: "code-line", children: " let end = new Date(p.endTime);\n" }), _jsx(_components.span, { className: "code-line", children: " if (isNaN(start) || start < startDate || start > endDate) continue;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " let duration = typeof p.plannedDuration === \"number\"\n" }), _jsx(_components.span, { className: "code-line", children: " ? p.plannedDuration\n" }), _jsx(_components.span, { className: "code-line", children: " : (!isNaN(end) ? (end - start) / 60000 : 0);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " // Extrair nome legível da taskPath (sem caminho e extensão)\n" }), _jsx(_components.span, { className: "code-line", children: " let taskName = \"—\";\n" }), _jsx(_components.span, { className: "code-line", children: " if (p.taskPath) {\n" }), _jsx(_components.span, { className: "code-line", children: " const parts = p.taskPath.split(\"/\");\n" }), _jsx(_components.span, { className: "code-line", children: " const fileName = parts[parts.length - 1].replace(\".md\", \"\");\n" }), _jsx(_components.span, { className: "code-line", children: " taskName = fileName;\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " pomodoros.push({\n" }), _jsx(_components.span, { className: "code-line", children: " start,\n" }), _jsx(_components.span, { className: "code-line", children: " end,\n" }), _jsx(_components.span, { className: "code-line", children: " duration,\n" }), _jsx(_components.span, { className: "code-line", children: " type: p.type ?? \"—\",\n" }), _jsx(_components.span, { className: "code-line", children: " task: taskName,\n" }), _jsx(_components.span, { className: "code-line", children: " file: page.file,\n" }), _jsx(_components.span, { className: "code-line", children: " completed: p.completed ?? false,\n" }), _jsx(_components.span, { className: "code-line", children: " created: page.file.ctime\n" }), _jsx(_components.span, { className: "code-line", children: " });\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: "}\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// -----------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 🔹 Ordenação inicial\n" }), _jsx(_components.span, { className: "code-line", children: "let sortAscending = false;\n" }), _jsx(_components.span, { className: "code-line", children: "let combined = [...pomodoros].sort((a, b) => b.start - a.start);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// -----------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 📊 RESUMO\n" }), _jsx(_components.span, { className: "code-line", children: "const totalMin = combined.reduce((acc, e) => acc + (e.duration || 0), 0);\n" }), _jsx(_components.span, { className: "code-line", children: "const totalPom = combined.length;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const summaryDiv = document.createElement(\"div\");\n" }), _jsx(_components.span, { className: "code-line", children: "summaryDiv.style.cssText = `\n" }), _jsx(_components.span, { className: "code-line", children: " background: rgba(0,0,0,0.7);\n" }), _jsx(_components.span, { className: "code-line", children: " border-radius: 8px;\n" }), _jsx(_components.span, { className: "code-line", children: " padding: 12px;\n" }), _jsx(_components.span, { className: "code-line", children: " margin-bottom: 15px;\n" }), _jsx(_components.span, { className: "code-line", children: " border-left: 4px solid #7e57c2;\n" }), _jsx(_components.span, { className: "code-line", children: "`;\n" }), _jsx(_components.span, { className: "code-line", children: "summaryDiv.innerHTML = `\n" }), _jsx(_components.span, { className: "code-line", children: "

\n" }), _jsx(_components.span, { className: "code-line", children: "

📅 Período

\n" }), _jsx(_components.span, { className: "code-line", children: "

${startDate.format(\"DD/MM\")} → ${endDate.format(\"DD/MM\")}

\n" }), _jsx(_components.span, { className: "code-line", children: "

⏱️ Total

\n" }), _jsx(_components.span, { className: "code-line", children: "

${Math.ceil(totalMin)} min

\n" }), _jsx(_components.span, { className: "code-line", children: "

🍅 Pomodoros

\n" }), _jsx(_components.span, { className: "code-line", children: "

${totalPom}

\n" }), _jsx(_components.span, { className: "code-line", children: "

\n" }), _jsx(_components.span, { className: "code-line", children: "`;\n" }), _jsx(_components.span, { className: "code-line", children: "root.appendChild(summaryDiv);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// -----------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 🔹 Controles\n" }), _jsx(_components.span, { className: "code-line", children: "const controls = document.createElement(\"div\");\n" }), _jsx(_components.span, { className: "code-line", children: "controls.style.cssText = `\n" }), _jsx(_components.span, { className: "code-line", children: " display:flex;\n" }), _jsx(_components.span, { className: "code-line", children: " justify-content:space-between;\n" }), _jsx(_components.span, { className: "code-line", children: " align-items:center;\n" }), _jsx(_components.span, { className: "code-line", children: " margin-bottom:12px;\n" }), _jsx(_components.span, { className: "code-line", children: " background:rgba(0,0,0,0.6);\n" }), _jsx(_components.span, { className: "code-line", children: " padding:8px;\n" }), _jsx(_components.span, { className: "code-line", children: " border-radius:6px;\n" }), _jsx(_components.span, { className: "code-line", children: "`;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const label = document.createElement(\"span\");\n" }), _jsx(_components.span, { className: "code-line", children: "label.textContent = \"Ordenar por:\";\n" }), _jsx(_components.span, { className: "code-line", children: "label.style.cssText = \"color:#e0e0e0;font-size:0.9em;margin-right:8px;\";\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// 🔸 Seletor estilizado\n" }), _jsx(_components.span, { className: "code-line", children: "const sortSelect = document.createElement(\"select\");\n" }), _jsx(_components.span, { className: "code-line", children: "sortSelect.style.cssText = `\n" }), _jsx(_components.span, { className: "code-line", children: " background: rgba(60, 60, 60, 0.9);\n" }), _jsx(_components.span, { className: "code-line", children: " border: 1px solid rgba(255,255,255,0.2);\n" }), _jsx(_components.span, { className: "code-line", children: " border-radius: 4px;\n" }), _jsx(_components.span, { className: "code-line", children: " padding: 4px 8px;\n" }), _jsx(_components.span, { className: "code-line", children: " color: #fff;\n" }), _jsx(_components.span, { className: "code-line", children: " font-size: 0.9em;\n" }), _jsx(_components.span, { className: "code-line", children: " cursor: pointer;\n" }), _jsx(_components.span, { className: "code-line", children: " transition: background 0.25s ease;\n" }), _jsx(_components.span, { className: "code-line", children: "`;\n" }), _jsx(_components.span, { className: "code-line", children: "sortSelect.onmouseenter = () => sortSelect.style.background = \"rgba(80,80,80,0.95)\";\n" }), _jsx(_components.span, { className: "code-line", children: "sortSelect.onmouseleave = () => sortSelect.style.background = \"rgba(60,60,60,0.9)\";\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const options = [\n" }), _jsx(_components.span, { className: "code-line", children: " { value: \"start\", text: \"⏰ Horário\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { value: \"type\", text: \"🎯 Tipo\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { value: \"task\", text: \"🧩 Tarefa\" }\n" }), _jsx(_components.span, { className: "code-line", children: "];\n" }), _jsx(_components.span, { className: "code-line", children: "options.forEach(opt => {\n" }), _jsx(_components.span, { className: "code-line", children: " const option = document.createElement(\"option\");\n" }), _jsx(_components.span, { className: "code-line", children: " option.value = opt.value;\n" }), _jsx(_components.span, { className: "code-line", children: " option.textContent = opt.text;\n" }), _jsx(_components.span, { className: "code-line", children: " option.style.background = \"rgba(60,60,60,0.9)\";\n" }), _jsx(_components.span, { className: "code-line", children: " option.style.color = \"#fff\";\n" }), _jsx(_components.span, { className: "code-line", children: " sortSelect.appendChild(option);\n" }), _jsx(_components.span, { className: "code-line", children: "});\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// 🔄 Botão alternar\n" }), _jsx(_components.span, { className: "code-line", children: "const toggleBtn = document.createElement(\"button\");\n" }), _jsx(_components.span, { className: "code-line", children: "toggleBtn.textContent = \"🔄 Alternar ordem\";\n" }), _jsx(_components.span, { className: "code-line", children: "toggleBtn.style.cssText = `\n" }), _jsx(_components.span, { className: "code-line", children: " background: rgba(60,60,60,0.9);\n" }), _jsx(_components.span, { className: "code-line", children: " border: 1px solid rgba(255,255,255,0.2);\n" }), _jsx(_components.span, { className: "code-line", children: " border-radius: 4px;\n" }), _jsx(_components.span, { className: "code-line", children: " padding: 4px 8px;\n" }), _jsx(_components.span, { className: "code-line", children: " color: #fff;\n" }), _jsx(_components.span, { className: "code-line", children: " cursor: pointer;\n" }), _jsx(_components.span, { className: "code-line", children: " font-size: 0.85em;\n" }), _jsx(_components.span, { className: "code-line", children: " transition: background 0.25s ease;\n" }), _jsx(_components.span, { className: "code-line", children: "`;\n" }), _jsx(_components.span, { className: "code-line", children: "toggleBtn.onmouseenter = () => toggleBtn.style.background = \"rgba(80,80,80,0.95)\";\n" }), _jsx(_components.span, { className: "code-line", children: "toggleBtn.onmouseleave = () => toggleBtn.style.background = \"rgba(60,60,60,0.9)\";\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "toggleBtn.onclick = () => {\n" }), _jsx(_components.span, { className: "code-line", children: " sortAscending = !sortAscending;\n" }), _jsx(_components.span, { className: "code-line", children: " combined.sort((a, b) => sortAscending ? a.start - b.start : b.start - a.start);\n" }), _jsx(_components.span, { className: "code-line", children: " renderTable(combined, sortSelect.value);\n" }), _jsx(_components.span, { className: "code-line", children: "};\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "controls.appendChild(label);\n" }), _jsx(_components.span, { className: "code-line", children: "controls.appendChild(sortSelect);\n" }), _jsx(_components.span, { className: "code-line", children: "controls.appendChild(toggleBtn);\n" }), _jsx(_components.span, { className: "code-line", children: "root.appendChild(controls);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// -----------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 🔹 Ícone por tipo\n" }), _jsx(_components.span, { className: "code-line", children: "function getIconForType(type) {\n" }), _jsx(_components.span, { className: "code-line", children: " if (!type) return \"❓\";\n" }), _jsx(_components.span, { className: "code-line", children: " const lower = type.toLowerCase();\n" }), _jsx(_components.span, { className: "code-line", children: " if (lower.includes(\"work\")) return \"💼\";\n" }), _jsx(_components.span, { className: "code-line", children: " if (lower.includes(\"break\")) return \"☕\";\n" }), _jsx(_components.span, { className: "code-line", children: " if (lower.includes(\"study\")) return \"📘\";\n" }), _jsx(_components.span, { className: "code-line", children: " if (lower.includes(\"plan\")) return \"🗓️\";\n" }), _jsx(_components.span, { className: "code-line", children: " return \"🎯\";\n" }), _jsx(_components.span, { className: "code-line", children: "}\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// -----------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 🔹 Renderização da tabela (com coluna Tarefa)\n" }), _jsx(_components.span, { className: "code-line", children: "function renderTable(data, groupBy = \"start\") {\n" }), _jsx(_components.span, { className: "code-line", children: " const old = root.querySelector(\"table\");\n" }), _jsx(_components.span, { className: "code-line", children: " if (old) old.remove();\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " const table = document.createElement(\"table\");\n" }), _jsx(_components.span, { className: "code-line", children: " table.style.cssText = `\n" }), _jsx(_components.span, { className: "code-line", children: " width:100%;\n" }), _jsx(_components.span, { className: "code-line", children: " border-collapse:collapse;\n" }), _jsx(_components.span, { className: "code-line", children: " background:rgba(0,0,0,0.7);\n" }), _jsx(_components.span, { className: "code-line", children: " border-radius:6px;\n" }), _jsx(_components.span, { className: "code-line", children: " overflow:hidden;\n" }), _jsx(_components.span, { className: "code-line", children: " `;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " const headers = [\"📅 Data\", \"⏰ Horário\", \"⏱️ Duração\", \"🎯 Tipo\", \"🧩 Tarefa\"];\n" }), _jsx(_components.span, { className: "code-line", children: " const thead = document.createElement(\"thead\");\n" }), _jsx(_components.span, { className: "code-line", children: " const trh = document.createElement(\"tr\");\n" }), _jsx(_components.span, { className: "code-line", children: " for (let h of headers) {\n" }), _jsx(_components.span, { className: "code-line", children: " const th = document.createElement(\"th\");\n" }), _jsx(_components.span, { className: "code-line", children: " th.textContent = h;\n" }), _jsx(_components.span, { className: "code-line", children: " th.style.cssText = `\n" }), _jsx(_components.span, { className: "code-line", children: " text-align:left;\n" }), _jsx(_components.span, { className: "code-line", children: " padding:8px 12px;\n" }), _jsx(_components.span, { className: "code-line", children: " border-bottom:2px solid rgba(255,255,255,0.2);\n" }), _jsx(_components.span, { className: "code-line", children: " color:#fff;\n" }), _jsx(_components.span, { className: "code-line", children: " font-size:0.85em;\n" }), _jsx(_components.span, { className: "code-line", children: " background:rgba(255,255,255,0.1);\n" }), _jsx(_components.span, { className: "code-line", children: " `;\n" }), _jsx(_components.span, { className: "code-line", children: " trh.appendChild(th);\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " thead.appendChild(trh);\n" }), _jsx(_components.span, { className: "code-line", children: " table.appendChild(thead);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " const tbody = document.createElement(\"tbody\");\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " data.forEach(entry => {\n" }), _jsx(_components.span, { className: "code-line", children: " const tr = document.createElement(\"tr\");\n" }), _jsx(_components.span, { className: "code-line", children: " tr.style.borderBottom = \"1px solid rgba(255,255,255,0.05)\";\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " const tdDate = document.createElement(\"td\");\n" }), _jsx(_components.span, { className: "code-line", children: " const fileName = moment(entry.start).format(\"YYYY-MM-DD\");\n" }), _jsx(_components.span, { className: "code-line", children: " tdDate.appendChild(dv.el(\"span\", `[[${fileName}]]`));\n" }), _jsx(_components.span, { className: "code-line", children: " tdDate.style.cssText = \"padding:6px 12px;color:#ccc;font-size:0.85em;\";\n" }), _jsx(_components.span, { className: "code-line", children: " tr.appendChild(tdDate);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " const tdTime = document.createElement(\"td\");\n" }), _jsx(_components.span, { className: "code-line", children: " const icon = getIconForType(entry.type);\n" }), _jsx(_components.span, { className: "code-line", children: " tdTime.textContent = `${icon} ${moment(entry.start).format(\"HH:mm\")} → ${moment(entry.end).format(\"HH:mm\")}`;\n" }), _jsx(_components.span, { className: "code-line", children: " tdTime.style.cssText = \"padding:6px 12px;color:#ccc;font-size:0.85em;font-family:monospace;\";\n" }), _jsx(_components.span, { className: "code-line", children: " tr.appendChild(tdTime);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " const tdDur = document.createElement(\"td\");\n" }), _jsx(_components.span, { className: "code-line", children: " tdDur.textContent = `${Math.ceil(entry.duration)} min`;\n" }), _jsx(_components.span, { className: "code-line", children: " tdDur.style.cssText = \"padding:6px 12px;color:#ccc;font-size:0.85em;\";\n" }), _jsx(_components.span, { className: "code-line", children: " tr.appendChild(tdDur);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " const tdType = document.createElement(\"td\");\n" }), _jsx(_components.span, { className: "code-line", children: " tdType.textContent = entry.type;\n" }), _jsx(_components.span, { className: "code-line", children: " tdType.style.cssText = \"padding:6px 12px;color:#ccc;font-size:0.85em;\";\n" }), _jsx(_components.span, { className: "code-line", children: " tr.appendChild(tdType);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " const tdTask = document.createElement(\"td\");\n" }), _jsx(_components.span, { className: "code-line", children: " tdTask.textContent = entry.task || \"—\";\n" }), _jsx(_components.span, { className: "code-line", children: " tdTask.style.cssText = \"padding:6px 12px;color:#ccc;font-size:0.85em;\";\n" }), _jsx(_components.span, { className: "code-line", children: " tr.appendChild(tdTask);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " tbody.appendChild(tr);\n" }), _jsx(_components.span, { className: "code-line", children: " });\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " table.appendChild(tbody);\n" }), _jsx(_components.span, { className: "code-line", children: " root.appendChild(table);\n" }), _jsx(_components.span, { className: "code-line", children: "}\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// Render inicial\n" }), _jsx(_components.span, { className: "code-line", children: "renderTable(combined);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// Atualiza conforme select\n" }), _jsx(_components.span, { className: "code-line", children: "sortSelect.addEventListener(\"change\", e => {\n" }), _jsx(_components.span, { className: "code-line", children: " const val = e.target.value;\n" }), _jsx(_components.span, { className: "code-line", children: " let sorted = [...combined];\n" }), _jsx(_components.span, { className: "code-line", children: " if (val === \"type\") sorted.sort((a, b) => (a.type || \"\").localeCompare(b.type || \"\"));\n" }), _jsx(_components.span, { className: "code-line", children: " else if (val === \"task\") sorted.sort((a, b) => (a.task || \"\").localeCompare(b.task || \"\"));\n" }), _jsx(_components.span, { className: "code-line", children: " else sorted.sort((a, b) => a.start - b.start);\n" }), _jsx(_components.span, { className: "code-line", children: " renderTable(sorted, val);\n" }), _jsx(_components.span, { className: "code-line", children: "});\n" }), _jsx(_components.span, { className: "code-line", children: "\n" })] }) }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };