Giter Site home page Giter Site logo

js-todo's People

Contributors

andrayantelo avatar johntyree avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Forkers

johntyree

js-todo's Issues

refactor tasks

  • Utility functions for loading and saving an object in localstorage
  • cache reused selectors

Save/clear

Save option for list
and clear list option

loading lists

multipleLists should only be loading the list name, and List object should take care of loading the items that belog to that list name

CSS

  • when any of the buttons are clicked, the button's css does not go back to normal
  • instead of delete button, have a trash can icon and have users be able to drag list names from dropdown menu into trash can?

Tests

rewrite tests for refactored code

  • learn how to test against DOM objects using qunit (to test generateListMenu and generateListDiv)
  • write tests for the interactive portion of js code?

Multiple lists

Be able to store and retrieve multiple lists

  • add list to dropdown menu
  • remove list from dropdown menu
  • click on list name in dropdown menu and have it load
  • when page is refreshed, saved list names need to appear in dropdown menu
  • when clear list is clicked, title also needs to be cleared
  • new list option in nav bar needs to be same color as nav bar
  • when new list is clicked, reload page so that a new list can be made
  • the saved list names are not being saved in the multipleLists.savedLists, upon refresh it is an empty array

updateFlag

  • use it in more methods
    Should I have the line 'return self;' at the end of these error conditions?

prompt

  • When list title is left blank when saving a list, the prompt continues to prompt the user to type a list name. Need to make it so that clicking on cancel actually exits the prompt.

Sorting is not saved.

If you drag and drop the list around to sort it, the new ordering doesn't get saved. Refreshing the page will revert to the original order.

Not sure how to handle it yet since the sorting is done magically by jQuery. If it doesn't emit any useful event after sorting then we'll have to attach an ID attribute to the items so we can find them again after they are scrambled.

//figure out how to select the sortable items
//what is serialize and toArray?
//do stuff with sortable items to get familiar with it
//figure out how to store and retrieve them and have them be displayed properly on the page

July 23, 2015
Up next: Work on the double clicking on items to remove them from the page feature.

July 24, 2015
Figure out how to save sorting once and for all! Maybe.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.