Yapplabs master

README.md

@@ -143,6 +143,7 @@ Property              | Purpose
 `wrapperClass`        | CSS class name(s) to append to wrapper divs. Set this from template.
 `wrapperClassNames`   | CSS class names to append to wrapper divs. If you subclass this component, you may define this in your subclass.)
 `animatable`          | A boolean, when `true` makes modal animatable using `liquid-fire` (requires `liquid-wormhole` to be installed, and for tethering situations `liquid-tether`. Having these optional dependencies installed and not specifying `animatable` will make `animatable=true` be the default.)
+`shouldIgnoreCloseClick`| A function, when returning `true` does not close
 
 #### Tethering
 

addon/components/basic-dialog.js

@@ -103,6 +103,10 @@ export default class BasicDialog extends Component {
     this.makeOverlayClickableOnIOS();
 
     this.handleClick = ({ target }) => {
+      if (!this.get('clickOutsideToClose')) {
+        return;
+      }
+
       // if the click has already resulted in the target
       // being removed or hidden, do nothing
       if (target.offsetWidth === 0 && target.offsetHeight === 0) {
@@ -123,6 +127,9 @@ export default class BasicDialog extends Component {
       if (modalEl && modalEl.contains(target)) {
         return;
       }
+      if (this.shouldIgnoreCloseClick && this.shouldIgnoreCloseClick(modalEl, target)) {
+        return;
+      }
       if (this.onClose) {
         this.onClose();
       }

addon/templates/components/modal-dialog.hbs

@@ -25,6 +25,7 @@
   value=this.value
   onClickOverlay=this.onClickOverlayAction
   onClose=this.onCloseAction
+  shouldIgnoreCloseClick=this.shouldIgnoreCloseClick
 }}
   {{yield}}
 {{/component}}