"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: "const tasksFolder = `${dv.current().file.folder}/Tasks`;\n" }), _jsx(_components.span, { className: "code-line", children: "const pages = dv.pages(`\"${tasksFolder}\"`).where(p => p.file.lists);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "let tasks = [];\n" }), _jsx(_components.span, { className: "code-line", children: "let totalTasks = 0;\n" }), _jsx(_components.span, { className: "code-line", children: "let completedTasks = 0;\n" }), _jsx(_components.span, { className: "code-line", children: "let inProgressTasks = 0;\n" }), _jsx(_components.span, { className: "code-line", children: "let notStartedTasks = 0;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// Function to recursively process tasks and subtasks\n" }), _jsx(_components.span, { className: "code-line", children: "function processTasks(lists, pageName, depth = 0) {\n" }), _jsx(_components.span, { className: "code-line", children: " for (let item of lists) {\n" }), _jsx(_components.span, { className: "code-line", children: " if (item.task) {\n" }), _jsx(_components.span, { className: "code-line", children: " totalTasks++;\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " let status = \"\";\n" }), _jsx(_components.span, { className: "code-line", children: " let statusIcon = \"\";\n" }), _jsx(_components.span, { className: "code-line", children: " let indent = \" ~ \".repeat(depth); // Add indentation for subtasks\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " // Check the task status based on the status field\n" }), _jsx(_components.span, { className: "code-line", children: " if (item.status === \"x\") {\n" }), _jsx(_components.span, { className: "code-line", children: " // Done\n" }), _jsx(_components.span, { className: "code-line", children: " completedTasks++;\n" }), _jsx(_components.span, { className: "code-line", children: " status = \"Done\";\n" }), _jsx(_components.span, { className: "code-line", children: " statusIcon = \"✅\";\n" }), _jsx(_components.span, { className: "code-line", children: " } else if (item.status === \"/\") {\n" }), _jsx(_components.span, { className: "code-line", children: " // In Progress\n" }), _jsx(_components.span, { className: "code-line", children: " inProgressTasks++;\n" }), _jsx(_components.span, { className: "code-line", children: " status = \"In Progress\";\n" }), _jsx(_components.span, { className: "code-line", children: " statusIcon = \"🔄\";\n" }), _jsx(_components.span, { className: "code-line", children: " } else {\n" }), _jsx(_components.span, { className: "code-line", children: " // Not started (empty space or any other symbol)\n" }), _jsx(_components.span, { className: "code-line", children: " notStartedTasks++;\n" }), _jsx(_components.span, { className: "code-line", children: " status = \"Not Started\";\n" }), _jsx(_components.span, { className: "code-line", children: " statusIcon = \"⏳\";\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " tasks.push([\n" }), _jsx(_components.span, { className: "code-line", children: " statusIcon,\n" }), _jsx(_components.span, { className: "code-line", children: " status,\n" }), _jsx(_components.span, { className: "code-line", children: " indent + item.text,\n" }), _jsx(_components.span, { className: "code-line", children: " `[[${pageName}]]`\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: " // Recursively process subtasks\n" }), _jsx(_components.span, { className: "code-line", children: " if (item.children && item.children.length > 0) {\n" }), _jsx(_components.span, { className: "code-line", children: " processTasks(item.children, pageName, depth + 1);\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: "for (let page of pages) {\n" }), _jsx(_components.span, { className: "code-line", children: " if (page.file.lists) {\n" }), _jsx(_components.span, { className: "code-line", children: " processTasks(page.file.lists, page.file.name);\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: "// Enhanced progress display\n" }), _jsx(_components.span, { className: "code-line", children: "const progress = totalTasks === 0 ? 0 : Math.round((completedTasks / totalTasks) * 100);\n" }), _jsx(_components.span, { className: "code-line", children: "const inProgressPercent = totalTasks === 0 ? 0 : Math.round((inProgressTasks / totalTasks) * 100);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const progressContainer = dv.el(\"div\", \"\", { attr: { style: `\n" }), _jsx(_components.span, { className: "code-line", children: " width: 100%;\n" }), _jsx(_components.span, { className: "code-line", children: " margin-bottom: 1rem;\n" }), _jsx(_components.span, { className: "code-line", children: " padding: 1rem;\n" }), _jsx(_components.span, { className: "code-line", children: " background: rgba(255, 255, 255, 0.25);\n" }), _jsx(_components.span, { className: "code-line", children: " border-radius: 8px;\n" }), _jsx(_components.span, { className: "code-line", children: " text-align: center;\n" }), _jsx(_components.span, { className: "code-line", children: "` }});\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "progressContainer.innerHTML = `\n" }), _jsx(_components.span, { className: "code-line", children: "

${progress}% Complete

\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: "

✅ ${completedTasks} Done

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

🔄 ${inProgressTasks} In Progress

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

⏳ ${notStartedTasks} Not Started

\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: " Total: ${totalTasks} tasks\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: "// Enhanced table with status column\n" }), _jsx(_components.span, { className: "code-line", children: "dv.table([\"Icon\", \"Status\", \"Task\", \"File\"], tasks);\n" })] }) }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };

Links to this page: