Accomplishments

This page features all completed tasks while developing the "My Todo List" web app :-)
Information about work in progress is on the Home page of this wiki.

Tasks handling

• Implemented task re-ordering by drag'n'drop
• Made completed tasks deletable one by one (Shift-click on a completed item to do this)

Save / Restore

• Implemented HTML5 LocalStorage to save lists content

UI customization

Settings Panel

• Created a Settings panel that slides from the right of the page.
• Handled panel display
  • Provided an hamburger icon control to show the Settings panel
    • Created an hamburger icon with pure CSS
    • Bind clicking on the hamburger icon to a jQuery event
  • Provided a Close button to hide the Settings Panel
    • Wrote it in the index.html
    • Decided about the styling of the button and code it with CSS
    • Bind the click on this "Close" button to some (existing) jQuery code
• Made the Done list hidable with an option
  • Wrote a jQuery function that toggles display of the "Done" list
  • Bind the function to a click on a checkbox available in the Settings panel
  • Stylized the checkbox according to the Settings styleguide
• Provided option to turn on/off delete on Shift-click
  • Added code in index.html to display the new option
  • Coded behavior with jQuery
    • Created a boolean variable shiftClickDeletesCompletedItem and initialize value to True
    • Detected click on related checkbox
    • Made sure that a click modifies the boolean (becomes False, for instance)
    • Updated code for Shift-Click function to take into account the value of this boolean
• Created Dark theme CSS and make it switchable in the Settings.

Documentation & In-app Help

• Created tooltips that are displayed when hovering UI elements