Tried to add classname to todoListView to get it to have a clss for css to select.

What I did:  Added a className property to todoLitView.  The todoListView constructor uses these properties to construct the containing tag for the todoListView's el.

What I learned:  This did not work as intended because in init.js I passed in an existing tag, to todoListView, which overwrite he default tags.
Added background colors to the todoView and itemViews with css.
Edited html in todoViewList's render function so tha the footer of the todolist had an id.

What I did:  gave footer div an id so that I could style it properly
I attempted to add css to make the input boxes or editing the todo items hidden until one clicked on the label of the todo they wanted to edit.

What I did: The following did not work:  When you click on the caption of a todo item, the page focuses on the editbox right next to it- i.e. it programatticalle sets the focus on that todo item's editbox.  I wanted to hide all of the boxes that didn't have focus, so I set the visibility of .edibox to hidden.  Since clicking on a caption set the focus on the associated editbox, I tried to say if .edibox had focus, make it visible.  The trouble is, this doesn't work because you can't set the focus on something that is hidden.

what I learned:  the browser does not let you programmatically focus on an element that is hidden, so this technique did not work and in fact broke the program.
Added and tested  an editing state: a css class that appears when a todo item is being edited and diappears when the item is finished editing.

What I did:  Added two lines of code: one to the edit function, that sets a class on the todo item called edit.  This is so the css can display the proper editing stylesheet.  The class is removed when the changeCaption function is called, because it corrosponds to the end of the editing session.  I modified two tests to test for these changes, and added css that hides the editbox when the todo item does not have the editing class and shows the editbox and hides the caption when the todo item has the eiting class.

What I learned:  I was basically setting it up so that the todo item had an editing state.  I don't beleive I like state, because it made two of my functions violate the "only do one thing" principle, and makes it sof I have to remember what state things are in before I call a function.  It makes things messy.r
Bugfix:  caption now changes and editbox hides when you click outside editbox.

What I did:  Before this fix, I assmed that everyone would hit enter before leaving the editbox, but many people click on something before hitting enter.  That leaves the todoitem i edit mode even though the editbox does not have focus.  I fixed this bug so that when you click outside the editbox, it also takes the todoitem out of editmode.
I'm not too happy about the way I fixed it, though.  Initially, my changeCaption function onlywas triggered by a keypress event, and I had to check to make sure that the keypress was the enter key before switching out of edit mode.  Now, two different events can call changeCaption, and changeCaption should change just the caption, and should not have to duscrminate keypresses, so I wrapped the keypress logic in it's own function and had the keypress call that.
fixed test to test the right function.
broken .delete css styling version
Re
move old
JS files
Merge branch 'master_to_merge'