feat(md-modal): add modal for 0.97.8, keep trigger for older versions…

…, add ready event

src/config-builder.js

@@ -167,6 +167,7 @@ export class ConfigBuilder {
   }
 
   useModal(): ConfigBuilder {
+    this.globalResources.push('./modal/modal');
     this.globalResources.push('./modal/modal-trigger');
     return this;
   }

src/exports.js

@@ -34,6 +34,7 @@ export * from './footer/footer';
 export * from './input/input-prefix';
 export * from './input/input-update-service';
 export * from './input/input';
+export * from './modal/modal';
 export * from './modal/modal-trigger';
 export * from './navbar/navbar';
 export * from './pagination/pagination';

src/modal/modal.js

@@ -0,0 +1,47 @@
+import { bindable, customAttribute } from 'aurelia-templating';
+import { inject } from 'aurelia-dependency-injection';
+import { getBooleanFromAttributeValue } from '../common/attributes';
+import { AttributeManager } from '../common/attributeManager';
+import { fireMaterializeEvent } from '../common/events';
+
+@customAttribute('md-modal')
+@inject(Element)
+export class MdModal {
+  @bindable() dismissible = true;
+
+  constructor(element) {
+    this.element = element;
+    this.attributeManager = new AttributeManager(this.element);
+    this.onComplete = this.onComplete.bind(this);
+    this.onReady = this.onReady.bind(this);
+  }
+
+  attached() {
+    this.attributeManager.addClasses('modal');
+    $(this.element).modal({
+      complete: this.onComplete,
+      dismissible: getBooleanFromAttributeValue(this.dismissible),
+      ready: this.onReady
+    });
+  }
+
+  detached() {
+    this.attributeManager.removeClasses('modal');
+  }
+
+  onComplete() {
+    fireMaterializeEvent(this.element, 'modal-complete');
+  }
+
+  onReady(modal, trigger) {
+    fireMaterializeEvent(this.element, 'modal-ready', { modal, trigger });
+  }
+
+  open() {
+    $(this.element).modal('open');
+  }
+
+  close() {
+    $(this.element).modal('close');
+  }
+}