updated app

node_modules/derby-examples/widgets/lib/app/ui/modal/index.html

@@ -0,0 +1,21 @@
+<modal: nonvoid>
+  <div x-bind="click: click" style="{{{#unless show}}}display:none{{{/}}}">
+    <div data-button="backdrop" class="modal-backdrop"></div>
+    <div class="modal">
+      <div class="modal-header">
+        <button data-button="close" class="close">×</button>
+        <h3>{{{title}}}</h3>
+      </div>
+      <div class="modal-body">
+        {{{content}}}
+      </div>
+      <div class="modal-footer">
+        {{{#if close}}}
+          <a data-button="close" class="btn">{{{close}}}</a>
+        {{{/}}}
+        {{{#if primary}}}
+          <a data-button="primary" class="btn btn-primary">{{{primary}}}</a>
+        {{{/}}}
+      </div>
+    </div>
+  </div>

node_modules/derby-examples/widgets/lib/app/ui/modal/index.js

@@ -0,0 +1,11 @@
+exports.create = function(model, self) {
+
+  exports.click = function(e) {
+    var button = e.target.getAttribute('data-button')
+      , cancelled
+    if (!button) return
+    cancelled = self.trigger('close', button)
+    if (cancelled) return
+    self.set('show', false)
+  }
+}