add logic to display items from data store (and total num calories)

[cch5ng]

https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API#Getting_values_from_storage

• but need to figure it out in relation to using the router
• http://addyosmani.github.io/backbone-fundamentals/#routers
• also see router from the example applications

[cch5ng]

something is broken in the logic between the new route and the linked view and call to getKeys() function

• need to break it down and test separately
• just test getKeys() alone
• then test getCalories() alone
• get more info about the router and view connection
  • maybe I'm not testing this correctly? maybe I need to put in a nav bar link to the 2nd route/view rather than input it manually? (seems illogical though)
  • maybe an issue b/c I didn't do cleanup on the original view
  • maybe I cannot reuse the old template (even though new model format is pretty much identical)

[cch5ng]

seems like the convention is

• model file name is same as its view file name
• collection file name is plural ob model file name; seems like the collection is where the model is identified; but unclear is that how the model is connected to its view?

[cch5ng]

views/calorie.js > populateModels() is broken; not updating the model properly

[cch5ng]

I think I'm not developing in a DRY way

• the model between the search results data and the localStorage data is exactly the same but I'm building a different set of models/collections/views for each; this feels wrong except that when the user clicks a search results item, it doesn't seem right to update that same list with the list of localStorage results (in the same view/template); seems like the route should at least change because the data source is different

[cch5ng]

• model should handle logic to get data from server (in this case, localStorage)
  • http://backbonejs.org/#Model-View-separation
  • fixed
• initial thoughts, app view js should handle the click listener for search result item
  • then it should call a collection (foodsLocalStore) method to retrieve the items from localStorage

[cch5ng]

• currently, commented out logic to update the route/url when clicking the search results item
• now the issue is that I don't have a clear model connected with FoodsLocalStore collection
• need to fix the logic for views/app.js > addOneLocalStore() func
• need to figure out the model definition for FoodsLocalStore collect; not sure if I must rename the calories model and views or if they are even necessary
• confused about the reuse, overlap, and uniqueness between the model for the content coming from search results (api) vs the content being stored and retrieved from localStorage
  • read more of the backbone docs
  • think the conflict is there foodsLocalStore is using Food for the model when saving items to localStorage but when retrieving items from localStorage, somehow I feel like there should be a different model used