Closure: Fixed rendering of completed items

Class name is now set in the template rather than at the view layer, because
todomvc.view.ToDoItemControlRenderer#setState is called on the old element
before it's removed from the DOM, so modifications don't persist.

architecture-examples/closure/js/todomvc/view/ToDoItemControlRenderer.js

@@ -47,7 +47,6 @@ todomvc.view.ToDoItemControlRenderer.prototype.setState =
     if (element) {
         switch (state) {
         case goog.ui.Component.State.CHECKED:
-            this.enableClassName(control, 'done', enable);
             this.getCheckboxElement(element).checked = enable;
             break;
         case goog.ui.Component.State.SELECTED:

architecture-examples/closure/js/todomvc/view/templates.soy

@@ -6,7 +6,7 @@
  * @param checked whether the item is checked
  */
 {template .toDoItem}
-<li>
+<li {if $checked}class="completed"{/if}>
 	<div class="view">
 		<input class="toggle" type="checkbox" {if $checked}checked{/if}>
 		<label>{$content}</label>