popin/lib/popinNew.js

Create your custom popin

"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function e(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,o,n){return o&&e(t.prototype,o),n&&e(t,n),t}}(),Popin=function(){function e(t){var o=this;if(_classCallCheck(this,e),this.defaultOptions={className:"js-popin",overlayVisible:!0,closeButton:!0,overlayId:"popinOverlay"},t)for(var n in t)t.hasOwnProperty(n)&&(this.defaultOptions[n]=t[n]);return this.overlay=document.getElementById(this.defaultOptions.overlayId),this.defaultOptions.content&&(this.popin=document.createElement("div"),this.popin.className="popin",this.popin.innerHTML=this.defaultOptions.content,document.body.appendChild(div)),this.defaultOptions.popinLink=document.querySelectorAll("."+this.defaultOptions.className),[].forEach.call(this.defaultOptions.popinLink,function(e,t){e.addEventListener("click",function(e){e.preventDefault(),e.stopPropagation(),console.log(e),o.open()})}),this}return _createClass(e,[{key:"open",value:function(){console.log("open",this),this.overlay.classList.add("popin-overlay--visible"),this.overlay.addEventListener("click",this.close,!1)}},{key:"close",value:function(){console.log("close"),this.classList.remove("popin-overlay--visible"),this.removeEventListener("click",this.close,!1)}},{key:"destroy",value:function(){console.log("destroy")}}]),e}();exports["default"]=Popin,module.exports=exports["default"];