TODO

[teplostanski]

Реализовать возможность создания, редактирования и удаления списков дел. Списки должны храниться в каталоге /.todos/ в формате .yml.

Требования:

• Хранилище:
  • Списки дел должны храниться в каталоге /.todos/.
  • Файлы должны быть в формате .yml или .json.
  • Включить предупреждающий комментарий в обоих форматах:

# ПОЖАЛУЙСТА, НЕ ВНОСИТЕ ИЗМЕНЕНИЯ В ЭТОТ ФАЙЛ САМОСТОЯТЕЛЬНО ВО ИЗБЕЖАНИЕ НЕЖЕЛАТЕЛЬНЫХ ПОСЛЕДСТВИЙ!

# PLEASE DO NOT MAKE ANY CHANGES TO THIS FILE YOURSELF TO AVOID UNWANTED CONSEQUENCES!

или

{
  "warning_ru": "ПОЖАЛУЙСТА, НЕ ВНОСИТЕ ИЗМЕНЕНИЯ В ЭТОТ ФАЙЛ САМОСТОЯТЕЛЬНО ВО ИЗБЕЖАНИЕ НЕЖЕЛАТЕЛЬНЫХ ПОСЛЕДСТВИЙ!",
  "warning_en": "PLEASE DO NOT MAKE ANY CHANGES TO THIS FILE YOURSELF TO AVOID UNWANTED CONSEQUENCES!",
}

• Структура списка:
  • Заголовок: Каждый список должен иметь заголовок.
    • Если пользователь оставляет заголовок пустым, он должен генерироваться автоматически на основе текущей даты и времени.
    • Пользователи должны иметь возможность редактировать заголовок списка.
  • Индикатор прогресса: Каждый список должен иметь круговой индикатор прогресса, отображающий процент выполненных элементов.
  • Элементы:
    • Каждый элемент должен включать:
      • Флажок: Для отметки элемента как выполненного.
      • Текст: Для описания элемента.
    • Элементы должны быть редактируемыми: при нажатии на текст элемента должно открываться модальное окно с:
      • Полем ввода: Для редактирования заголовка элемента.
      • Областью ввода текста: Для редактирования описания элемента.
      • Кнопкой: Для создания вложенного элемента (подэлемента).
      • Кнопкой удаления: Для удаления элемента.
    • Вложенные элементы:
      • Только элементы верхнего уровня должны иметь возможность иметь вложенные элементы. Если есть вложенные элементы, то флажок элемента верхнего уровня меняется на круговой индикатор прогресса и становится недоступным для взаимодействия.

Important

Представьте элементы верхнего уровня как колонки, а вложенные элементы как карточки на канбан-доске.

Дополнительные возможности:

• Настройки:
  • Возможность зачеркивать выполненные элементы.
  • Возможность перемещать выполненные элементы в конец списка (или в отдельный список "Завершённые") по принципу стека (новые элементы сверху).

Note

react-beautiful-dnd