[FEATURE] TODO example app - feature extension

[huszerlbence]

🙋 Feature Request

I want to have a more polished version of the current todo (example) app with additional features to offer a more useful example to our users.

📦 Package / Application

https://github.com/SenseNet/sn-client/tree/master/examples/sn-react-tasklist

🚦Acceptance criteria

tasks can be pinned by "pin" icon

• [ ] new section should be created for pinned tasks (according to design)
• [ ] pin icon should only be visible by hovering on the specific row
• [ ] pinned tasks should be ordered by modification date
• [ ] pinned task should have the same action options as the unpinned tasks (pin icon to unpin and action menu)

tasks are organized into lists

• [ ] new lists can be created by clicking "create a new list button"
• [ ] each task should be part of a list
• [ ] list action can be displayed by right clicking on a list
  • [ ] delete (confirmation needed: "List will be deleted along with all tasks. Are you sure?" --> Yes; No)
  • [ ] rename
• [ ] lists should be ordered by creation date
  • [ ] tasks in lists should be ordered by creation date as well

action menu should be placed in each row

• [ ] this should be always visible
• [ ] by clicking the action menu icon the following options are showed
  • [ ] edit (inline "rename")
  • [ ] delete - delete the task (no confirmation needed)

editing a task

• [ ] by clicking on task title, it transforms into editable text
• [ ] modification saves automatically when the field loses focus

top right context menu

• [ ] option to show/hide completed items

🖥 Screenshot/design