hide #main and #footer when no todos

cec047e7 · Peter Michaux · bfb97855 · cec047e7
Commit cec047e7 authored Dec 29, 2012 by Peter Michaux
Show whitespace changes
Inline Side-by-side

Showing with 4 additions and 0 deletions

labs/architecture-examples/maria/src/js/views/TodosView.js labs/architecture-examples/maria/src/js/views/TodosView.js +4 -0

No files found.
--- a/labs/architecture-examples/maria/src/js/views/TodosView.js
+++ b/labs/architecture-examples/maria/src/js/views/TodosView.js
@@ -11,6 +11,10 @@ maria.SetView.subclass(checkit, 'TodosAppView', {
 		buildData: function() {
 			var model = this.getModel();

+			var length = model.length;
+			this.find('#main').style.display = (length > 0) ? '' : 'none';
+			this.find('#footer').style.display = (length > 0) ? '' : 'none';
+
 			var checkbox = this.find('#toggle-all');
 			checkbox.checked = model.isAllCompleted();
 			checkbox.disabled = model.isEmpty();