chore(sample): add dismissible sample

sample/src/samples/modals/options.html

@@ -0,0 +1,18 @@
+<template>
+  <div>
+      <div>
+        A modal which is not closable by clicking the overlay:
+        <p><a md-button md-modal-trigger="dismissible: false;" href="#modal1">show modal</a></p>
+      </div>
+      <div id="modal1" class="modal">
+        <div class="modal-content">
+          <h4>Modal Header</h4>
+          <p>A bunch of text</p>
+        </div>
+        <div class="modal-footer">
+          <a click.delegate="agree()" md-button="flat: true;" md-waves="color: accent;" class="modal-action modal-close">Agree</a>
+          <a click.delegate="disagree()" md-button="flat: true;" md-waves="color: accent;" class="modal-action modal-close">Disagree</a>
+        </div>
+      </div>
+    </div>
+</template>

sample/src/samples/modals/options.js

@@ -0,0 +1,17 @@
+import { inject } from 'aurelia-framework';
+import { MdToastService } from 'aurelia-materialize-bridge/toast/toastService';
+
+@inject(MdToastService)
+export class Options {
+  constructor(toast) {
+    this.toast = toast;
+  }
+
+  agree(e) {
+    this.toast.show('You agreed!', 4000);
+  }
+
+  disagree(e) {
+    this.toast.show('You disagreed!', 4000);
+  }
+}

sample/src/samples/modals/registry.json

@@ -8,6 +8,10 @@
     "events": {
       "route": "events",
       "files": ["html", "js"]
+    },
+    "options": {
+      "route": "options",
+      "files": ["html", "js"]
     }
   }
 }