updated app

node_modules/derby-examples/sink/lib/app/home.js

@@ -0,0 +1,62 @@
+// Generated by CoffeeScript 1.3.1
+var app, get, ready, render, view, _ref;
+
+_ref = app = require('./index'), get = _ref.get, ready = _ref.ready, view = _ref.view;
+
+render = require('./shared').render;
+
+view.fn('unspace', function(s) {
+  return s && s.replace(/\s/g, '');
+});
+
+view.fn('capitalize', function(s) {
+  return s && s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();
+});
+
+get('/', function(page, model) {
+  return model.subscribe('home', function(err, home) {
+    home.setNull('titleColor', 'black');
+    home.setNull('colors', [
+      {
+        name: 'black'
+      }, {
+        name: 'deep pink'
+      }, {
+        name: 'lime green'
+      }, {
+        name: 'coral'
+      }, {
+        name: 'dark turquoise'
+      }, {
+        name: 'dark orchid'
+      }
+    ]);
+    return render(page, 'home');
+  });
+});
+
+ready(function(model) {
+  var colors, home, titleColor;
+  home = model.at('home');
+  colors = home.at('colors');
+  titleColor = home.at('titleColor');
+  titleColor.on('pre:set', function(value, previous, isLocal, e) {
+    var titleSelect;
+    titleSelect = document.getElementById('titleSelect');
+    if (e && e.target.id === 'titleInput') {
+      return colors.at(titleSelect.selectedIndex).set('name', value);
+    }
+  });
+  colors.on('pre:set', '*.name', function(index, value, previous, isLocal, e) {
+    var titleSelect;
+    titleSelect = document.getElementById('titleSelect');
+    if (e && e.target.className === 'colorInput' && parseInt(index) === titleSelect.selectedIndex) {
+      return titleColor.set(value);
+    }
+  });
+  return app.home = {
+    select: function(e, el) {
+      return titleColor.set(model.at(el).get('name'));
+    }
+  };
+});