Plugin Directory

Changeset 2997914


Ignore:
Timestamp:
11/17/2023 09:20:44 PM (2 years ago)
Author:
udidol
Message:

v2.1.1
Fixed bug with limiting display hours of the button

File:
1 edited

Legend:

Unmodified
Added
Removed
  • add-whatsapp-button/trunk/js/wab.js

    r2997890 r2997914  
    1 class WhatsAppButtonHandler{constructor(t){this.settings=wabSettings,this.$=t,this.getElements(),this.init()}getElements(){this.$buttonContainer=this.$("#wab_cont"),this.$whatsAppButton=this.$("#whatsAppButton"),this.$chevron=this.$("#wab_close img.wab-chevron"),this.$closeButton=this.$("#wab_close")}setButtonToggleWidth(){const t=this.$buttonContainer.outerWidth();let s="";"wab-side-rectangle"===this.settings.button_type?s=t-12+"px":"wab-icon-plain"===this.settings.button_type&&(s=t-14+"px"),this.$buttonContainer.css(this.settings.button_location,"-"+s)}toggleHideBottomRectangle(){this.$chevron.toggleClass("wab-down wab-up");const t=this.$whatsAppButton.outerHeight()-12+"px";this.$chevron.hasClass("wab-down")?(this.$chevron.attr("src",this.settings.plugins_url+"/add-whatsapp-button/img/chevron-down.svg"),this.$buttonContainer.css("bottom",0)):this.$chevron.hasClass("wab-up")&&(this.$chevron.attr("src",this.settings.plugins_url+"/add-whatsapp-button/img/chevron-up.svg"),this.$buttonContainer.css("bottom","-"+t))}toggleHideSideButton(){this.$chevron.toggleClass("wab-left wab-right"),this.$buttonContainer.hasClass("wab-hidden")?("left"===this.settings.button_location?this.$chevron.attr("src",this.settings.plugins_url+"/add-whatsapp-button/img/chevron-right.svg"):this.$chevron.attr("src",this.settings.plugins_url+"/add-whatsapp-button/img/chevron-left.svg"),this.setButtonToggleWidth()):(this.$chevron.attr("src",this.settings.plugins_url+"/add-whatsapp-button/img/chevron-"+this.settings.button_location+".svg"),this.$buttonContainer.css(this.settings.button_location,0))}toggleHideCloseButton(){this.$buttonContainer.toggleClass("wab-hidden"),"wab-bottom-rectangle"===this.settings.button_type?this.toggleHideBottomRectangle():this.toggleHideSideButton()}onCloseButtonClick(){"full"===this.settings.hideButtonType&&this.$buttonContainer.hide(),"hide"===this.settings.hideButtonType&&this.toggleHideCloseButton()}handleButtonDisplayHours(){const t=this.settings.startHour,s=this.settings.endHour,n=(new Date).getHours();(n<t||n>s)&&this.$whatsAppButton.css("display","none")}init(){this.$buttonContainer.draggable({axis:"y",scroll:!1}),this.$closeButton.on("click",(()=>this.onCloseButtonClick())),this.settings.limitHours&&this.handleButtonDisplayHours()}}jQuery(document).ready((t=>{new WhatsAppButtonHandler(t)}));
     1class WhatsAppButtonHandler{constructor(t){this.settings=wabSettings,this.$=t,this.getElements(),this.init()}getElements(){this.$buttonContainer=this.$("#wab_cont"),this.$whatsAppButton=this.$("#whatsAppButton"),this.$chevron=this.$("#wab_close img.wab-chevron"),this.$closeButton=this.$("#wab_close")}setButtonToggleWidth(){const t=this.$buttonContainer.outerWidth();let s="";"wab-side-rectangle"===this.settings.button_type?s=t-12+"px":"wab-icon-plain"===this.settings.button_type&&(s=t-14+"px"),this.$buttonContainer.css(this.settings.button_location,"-"+s)}toggleHideBottomRectangle(){this.$chevron.toggleClass("wab-down wab-up");const t=this.$whatsAppButton.outerHeight()-12+"px";this.$chevron.hasClass("wab-down")?(this.$chevron.attr("src",this.settings.plugins_url+"/add-whatsapp-button/img/chevron-down.svg"),this.$buttonContainer.css("bottom",0)):this.$chevron.hasClass("wab-up")&&(this.$chevron.attr("src",this.settings.plugins_url+"/add-whatsapp-button/img/chevron-up.svg"),this.$buttonContainer.css("bottom","-"+t))}toggleHideSideButton(){this.$chevron.toggleClass("wab-left wab-right"),this.$buttonContainer.hasClass("wab-hidden")?("left"===this.settings.button_location?this.$chevron.attr("src",this.settings.plugins_url+"/add-whatsapp-button/img/chevron-right.svg"):this.$chevron.attr("src",this.settings.plugins_url+"/add-whatsapp-button/img/chevron-left.svg"),this.setButtonToggleWidth()):(this.$chevron.attr("src",this.settings.plugins_url+"/add-whatsapp-button/img/chevron-"+this.settings.button_location+".svg"),this.$buttonContainer.css(this.settings.button_location,0))}toggleHideCloseButton(){this.$buttonContainer.toggleClass("wab-hidden"),"wab-bottom-rectangle"===this.settings.button_type?this.toggleHideBottomRectangle():this.toggleHideSideButton()}onCloseButtonClick(){"full"===this.settings.hideButtonType&&this.$buttonContainer.hide(),"hide"===this.settings.hideButtonType&&this.toggleHideCloseButton()}handleButtonDisplayHours(){const t={startHour:this.settings.startHour,endHour:this.settings.endHour},s=(new Date).getHours();(s<parseInt(t.startHour)||s>parseInt(t.endHour))&&this.$buttonContainer.css("display","none")}init(){this.$buttonContainer.draggable({axis:"y"}),this.$closeButton.on("click",(()=>this.onCloseButtonClick())),"1"===this.settings.limitHours&&this.handleButtonDisplayHours()}}jQuery(document).ready((t=>{new WhatsAppButtonHandler(t)}));
Note: See TracChangeset for help on using the changeset viewer.