Показать/скрыть выполненные задачи

Начальный режим

To Do List поддерживает два режима отображения задач:

• показывать все задачи (по умолчанию)
• скрывать выполненные задачи

Скрывайте выполненные задачи при запуске, чтобы пользователи сосредотачивались на незавершённых. Установите taskShape.completed.taskHide в true. Подробнее см. в описании taskShape. Пример ниже скрывает выполненные задачи при инициализации:

const list = new ToDo("#root", {
    tasks,
    taskShape: {
        completed: {
            behavior: "manual",
            taskHide: true
        }
    }
});

Переключение между режимами

После инициализации переключайтесь между режимами одним из двух способов:

• через пункт Выполненные задачи → Показать/Скрыть в меню панели инструментов
• через методы hideCompletedTasks() и showCompletedTasks()

Фрагмент ниже показывает, как скрыть или показать выполненные задачи во время выполнения:

list.hideCompletedTasks();
// или
list.showCompletedTasks();