feat(md-tooltip): add html option, closes #228

aurelia-ui-toolkits · Aug 10, 2016 · ca965f3 · ca965f3
1 parent 9da8f1b
commit ca965f3
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/tooltip/tooltip.js b/src/tooltip/tooltip.js
@@ -1,24 +1,32 @@
 import { bindable, customAttribute } from 'aurelia-templating';
 import { inject } from 'aurelia-dependency-injection';
 import { AttributeManager } from '../common/attributeManager';
-// import { getBooleanFromAttributeValue } from '../common/attributes';
+import { getBooleanFromAttributeValue } from '../common/attributes';
 
 @customAttribute('md-tooltip')
 @inject(Element)
 export class MdTooltip {
   @bindable() position = 'bottom';
   @bindable() delay = 50;
+  @bindable() html = false;
   @bindable() text = '';
 
   constructor(element) {
     this.element = element;
     this.attributeManager = new AttributeManager(this.element);
   }
 
+  bind() {
+    this.html = getBooleanFromAttributeValue(this.html);
+  }
+
   attached() {
     this.attributeManager.addClasses('tooltipped');
     this.attributeManager.addAttributes({ 'data-position': this.position, 'data-tooltip': this.text });
-    $(this.element).tooltip({ delay: parseInt(this.delay, 10) });
+    $(this.element).tooltip({
+      delay: parseInt(this.delay, 10),
+      html: this.html
+    });
   }
 
   detached() {