"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { a: "a", code: "code", h1: "h1", input: "input", li: "li", path: "path", pre: "pre", span: "span", strong: "strong", svg: "svg", ul: "ul", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsxs(_components.h1, { id: "tasks-", children: [_jsx(_components.a, { className: "heading-link", href: "#tasks-", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Tasks ✅"] }), "\n", _jsx(_components.pre, { children: _jsxs(_components.code, { className: "language-dataviewjs code-highlight", children: [_jsx(_components.span, { className: "code-line", children: "// Get tasks from current note only\n" }), _jsx(_components.span, { className: "code-line", children: "const tasks = (dv.current()?.file?.lists || []).filter(({task}) => task);\n" }), _jsx(_components.span, { className: "code-line", children: "\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: "// Count tasks by status\n" }), _jsx(_components.span, { className: "code-line", children: "for (let task of tasks) {\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: " if (task.status === \"x\") {\n" }), _jsx(_components.span, { className: "code-line", children: " completedTasks++;\n" }), _jsx(_components.span, { className: "code-line", children: " } else if (task.status === \"/\") {\n" }), _jsx(_components.span, { className: "code-line", children: " inProgressTasks++;\n" }), _jsx(_components.span, { className: "code-line", children: " } else {\n" }), _jsx(_components.span, { className: "code-line", children: " notStartedTasks++;\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: "// Calculate percentages\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: "// Create progress display\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" })] }) }), "\n", _jsxs(_components.ul, { className: "contains-task-list", children: ["\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", _jsx(_components.strong, { children: "Responsive Design Implementation" }), "\n", _jsxs(_components.ul, { className: "contains-task-list", children: ["\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Audit and optimize mobile layouts"] }), "\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Implement mobile navigation patterns"] }), "\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Create mobile-specific components"] }), "\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Optimize touch interactions"] }), "\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Test across device sizes and browsers"] }), "\n"] }), "\n"] }), "\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", _jsx(_components.strong, { children: "Performance Optimizations" }), "\n", _jsxs(_components.ul, { className: "contains-task-list", children: ["\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Implement lazy loading for mobile"] }), "\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Optimize images and assets"] }), "\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Create offline functionality basics"] }), "\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Implement progressive web app features"] }), "\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Optimize bundle size for mobile networks"] }), "\n"] }), "\n"] }), "\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", _jsx(_components.strong, { children: "Mobile UX Enhancements" }), "\n", _jsxs(_components.ul, { className: "contains-task-list", children: ["\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Create mobile-optimized forms"] }), "\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Implement mobile-friendly tables"] }), "\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Build mobile dashboard layouts"] }), "\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Create mobile notification system"] }), "\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", disabled: true }), " ", "Implement mobile accessibility features"] }), "\n"] }), "\n"] }), "\n"] }), "\n", _jsxs(_components.h1, { id: "notes-️", children: [_jsx(_components.a, { className: "heading-link", href: "#notes-️", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Notes ✏️"] }), "\n", _jsxs(_components.h1, { id: "supporting-documents--links-", children: [_jsx(_components.a, { className: "heading-link", href: "#supporting-documents--links-", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Supporting Documents & Links 📄"] })] }); } 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: