Plugin Directory

Changeset 2652575


Ignore:
Timestamp:
01/04/2022 10:06:22 AM (3 years ago)
Author:
catchsquare
Message:

3.0.0

Location:
cs-popup-maker
Files:
14 edited

Legend:

Unmodified
Added
Removed
  • cs-popup-maker/tags/3.0.0/admin/css/cs-admin-popup-only.min.css

    r2652451 r2652575  
    1 #cs-body{background:rgba(0,0,0,.7);margin:0;padding:0}.cs-wrapper-full{display:block;height:100%;margin:0 auto;padding:30px 0;text-align:center;width:100%}.cs-wrapper-full .cs-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);visibility:visible;opacity:1}.cs-wrapper-full .cs-overlay::target{visibility:hidden;opacity:0}.cs-wrapper-full .cs-pop-up{background:#fff;border-radius:5px;margin:50px auto;padding:20px;max-height:100%;max-width:100%;position:relative;width:80%}.cs-wrapper-full .cs-pop-up .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-left-bottom{background:#e14040;bottom:0;max-width:100%;position:absolute;width:50%}.cs-wrapper-full .cs-pop-up-left-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;top:20px;text-decoration:none}.cs-wrapper-full .cs-pop-up-right-bottom{background:#e14040;bottom:0;max-width:100%;position:absolute;right:0;width:50%}.cs-wrapper-full .cs-pop-up-right-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-center-bottom{background:#e14040;bottom:0;margin:0 auto;max-width:100%;position:absolute;-webkit-transform:translateX(50%);transform:translateX(50%);width:50%}.cs-wrapper-full .cs-pop-up-center-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-full-bottom{background:#e14040;bottom:0;margin:0 auto;max-width:100%;position:absolute;width:100%}.cs-wrapper-full .cs-pop-up-full-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-heading h1{font-family:Arial;font-size:35px;text-transform:capitalize}.cs-wrapper-full .cs-subheading h2{font-family:Arial;font-size:28px;text-transform:capitalize}.cs-wrapper-full .cs-content p{font-family:Arial;font-size:18px;line-height:24px;margin:0;padding:0}.cs-wrapper-full a.cs-button{background-color:#ddd;border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:15px;font-weight:700;margin:25px 0;padding:20px 15px;text-transform:uppercase}
     1.cs-wrapper-full{display:block;height:100%;margin:0 auto;padding:30px 0;position:fixed;text-align:center;width:100%;z-index:9999999999999999999999999999999999}.cs-wrapper-full .cs-overlay{position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);visibility:visible;opacity:1}.cs-wrapper-full .cs-overlay::target{visibility:hidden;opacity:0}.cs-wrapper-full .cs-pop-up{background:#fff;border-radius:5px;height:88vh;margin:50px auto;max-height:100%;max-width:100%;padding:20px;position:relative;width:80%}.cs-wrapper-full .cs-pop-up .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-left-bottom{background:#e14040;bottom:0;height:auto;left:0;max-width:100%;position:absolute;right:unset;top:unset;width:50%}.cs-wrapper-full .cs-pop-up-left-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;top:20px;text-decoration:none}.cs-wrapper-full .cs-pop-up-right-bottom{background:#e14040;bottom:0;height:auto;left:unset;max-width:100%;position:absolute;right:0;top:unset;width:50%}.cs-wrapper-full .cs-pop-up-right-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-center-bottom{background:#e14040;bottom:0;height:auto;left:unset;margin:0 auto;max-width:100%;position:absolute;-webkit-transform:translateX(50%);transform:translateX(50%);right:unset;top:unset;width:50%}.cs-wrapper-full .cs-pop-up-center-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-full-bottom{background:#e14040;bottom:0;height:auto;left:unset;margin:0 auto;max-width:100%;position:absolute;right:unset;top:unset;width:100%}.cs-wrapper-full .cs-pop-up-full-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-heading h1{text-transform:capitalize}.cs-wrapper-full .cs-subheading h2{text-transform:capitalize}
  • cs-popup-maker/tags/3.0.0/admin/css/cs-popup-maker-admin.min.css

    r2652451 r2652575  
    1 .cs-pop-intro{width:75%;padding:20px 0}.cs-pop-intro h1.cs-title{font-size:35px}.cs-pop-intro p{font-size:18px;line-height:30px}.cs-popup-maker .four.wide.column{width:75%!important}.cs-popup-maker .four.wide.column ul.menu{border-bottom:1px solid #d4d4d4!important;border-radius:0;padding:0;border:none}.cs-popup-maker .four.wide.column ul.menu li{display:inline-block;font-size:20px}.cs-popup-maker .four.wide.column ul.menu li.item{padding:8px 20px;margin:0 5px;border:1px solid #d5d5d5;border-bottom:none!important;border-radius:5px 5px 0 0!important;background:#eee}.cs-popup-maker .four.wide.column ul.menu li.item:first-child{margin:0}.cs-popup-maker .four.wide.column ul.menu li.item.active{border:none;background:#d4d4d4!important}.cs-popup-maker .four.wide.column ul.menu li.item a:focus{box-shadow:none}.cs-popup-maker .four.wide.column ul.menu li a{color:#000}#template-1,#template-2,#template-3,#template-4,#template-5,#template-6{position:relative;margin-bottom:45px}#template-1:after,#template-2:after,#template-3:after,#template-4:after,#template-5:after,#template-6:after{background-size:contain;background-repeat:no-repeat;content:'';display:block;position:absolute;height:100px;width:129px}#template-1:after{background-image:url(../images/template-1.png)}#template-2:after{background-image:url(../images/template-2.png)}#template-3:after{background-image:url(../images/template-3.png)}#template-4:after{background-image:url(../images/template-4.png)}#template-5:after{background-image:url(../images/template-5.png)}#template-6:after{background-image:url(../images/template-6.png)}.ui.form .inline.fields .field{flex-grow:1}
     1.cs-pop-intro{width:75%;padding:20px 0}.cs-pop-intro h1.cs-title{font-size:35px}.cs-pop-intro p{font-size:18px;line-height:30px}.cs-popup-maker .four.wide.column{width:75%!important}.cs-popup-maker .four.wide.column ul.menu{border-bottom:1px solid #d4d4d4!important;border-radius:0;padding:0;border:none}.cs-popup-maker .four.wide.column ul.menu li{display:inline-block;font-size:20px}.cs-popup-maker .four.wide.column ul.menu li.item{padding:8px 20px;margin:0 5px;border:1px solid #d5d5d5;border-bottom:none!important;border-radius:5px 5px 0 0!important;background:#eee}.cs-popup-maker .four.wide.column ul.menu li.item:first-child{margin:0}.cs-popup-maker .four.wide.column ul.menu li.item.active{border:none;background:#d4d4d4!important}.cs-popup-maker .four.wide.column ul.menu li.item a:focus{box-shadow:none}.cs-popup-maker .four.wide.column ul.menu li a{color:#000}#template-1,#template-2,#template-3,#template-4,#template-5,#template-6{position:relative;margin-bottom:45px}#template-1:after,#template-2:after,#template-3:after,#template-4:after,#template-5:after,#template-6:after{background-size:contain;background-repeat:no-repeat;content:'';display:block;position:absolute;height:100px;width:100%}#template-1:after{background-image:url(../images/template-1.png)}#template-2:after{background-image:url(../images/template-2.png)}#template-3:after{background-image:url(../images/template-3.png)}#template-4:after{background-image:url(../images/template-4.png)}#template-5:after{background-image:url(../images/template-5.png)}#template-6:after{background-image:url(../images/template-6.png)}.ui.form .inline.fields .field{flex-grow:1}
  • cs-popup-maker/tags/3.0.0/admin/js/cs-popup-maker-admin.js

    r2652451 r2652575  
    232232           
    233233            if ( 'undefined' == heading || '' == heading) {
    234                 heading = 'This is Pop Up heading'
     234                heading = ''
    235235            }
    236236
     
    243243
    244244            if ( 'undefined' == subheading || '' == subheading ) {
    245                 subheading = 'This is Pop Up Sub heading'
     245                subheading = ''
    246246            }
    247247
    248248            if ( 'undefined' == html_content || '' == html_content) {
    249                 html_content = 'This is Pop Up Content'
     249                html_content = ''
    250250            }
    251251
    252252            if ('undefined' == html_content || '' == heading_target_label) {
    253                 heading_target_label = 'Click Here'
     253                heading_target_label = ''
    254254            }
    255255
  • cs-popup-maker/tags/3.0.0/admin/js/cs-popup-maker-admin.min.js

    r2652451 r2652575  
    1 (function(t){"use strict";t(function(e){function a(){let t='<!doctype html>                         <link rel="stylesheet" href="'+cs_admin_obj.plugin_popup_css_url+'" type="text/css" media="all" /> \t\t\t\t\t\t<html> \t\t\t\t\t\t<body id="cs-body">';t+=s(),t+="</body> \t\t\t</html>";let e=document.getElementById("html-template-popup-preview"),a=document.createElement("iframe");a.setAttribute("id","cs-preview-iframe"),a.src="about:blank",a.style.width="100%",a.style["min-height"]="600px",e.innerHTML="",e.appendChild(a);let i=a.contentWindow.document;i.open("text/html","replace"),i.write(t),i.close()}function s(){let e=t('input[name="cs-popup-html[Popup]"]:checked').val(),a=t('input[name="cs-popup-html[html_heading_title]"]').val(),s=t('input[name="cs-popup-html[html_subheading_title]"]').val(),i=tinyMCE.activeEditor.getContent(),c=t('input[name="cs-popup-html[heading_target]"]').val(),p=t('input[name="cs-popup-html[heading_target_label]"]').val(),l=t('select[name="cs-popup-html[html_target_openin]"]').val(),n="";return""==a&&(a="This is Pop Up heading"),""==s&&(s="This is Pop Up Sub heading"),""==i&&(i="This is Pop Up Content"),""==p&&(p="Click Here"),""==c&&(c="#"),""==l&&(l="_self"),n+=2==e?'<div class="cs-wrapper-full">                             <div class="cs-pop-up">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+a+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+s+'</h2>                                 </div>                                 <div class="cs-content">                                     '+i+'                                 </div>                                 <a class="cs-button" href="'+c+'" target="'+l+'"> '+p+"                                 </a>                             </div>                         </div>":3==e?'<div class="cs-wrapper-full">                             <div class="cs-pop-up-left-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+a+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+s+'</h2>                                 </div>                                 <div class="cs-content">                                     '+i+'                                 </div>                                 <a class="cs-button" href="'+c+'" target="'+l+'"> '+p+"                                 </a>                             </div>                         </div>":4==e?'<div class="cs-wrapper-full">                             <div class="cs-pop-up-right-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+a+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+s+'</h2>                                 </div>                                 <div class="cs-content">                                     '+i+'                                 </div>                                 <a class="cs-button" href="'+c+'" target="'+l+'"> '+p+"                                 </a>                             </div>                         </div>":5==e?'<div class="cs-wrapper-full">                             <div class="cs-pop-up-center-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+a+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+s+'</h2>                                 </div>                                 <div class="cs-content">                                     '+i+'                                 </div>                                 <a class="cs-button" href="'+c+'" target="'+l+'"> '+p+"                                 </a>                             </div>                         </div>":6==e?'<div class="cs-wrapper-full">                             <div class="cs-pop-up-full-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+a+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+s+'</h2>                                 </div>                                 <div class="cs-content">                                     '+i+'                                 </div>                                 <a class="cs-button" href="'+c+'" target="'+l+'"> '+p+"                                 </a>                             </div>                         </div>":'<div class="cs-wrapper-full">                             <div class="cs-overlay">                                 <div class="cs-pop-up">                                     <a class="cs-close-pop" href="#">&times;</a>                                     <div class="cs-heading">                                         <h1>'+a+'</h1>                                     </div>                                     <div class="cs-subheading">                                         <h2>'+s+'</h2>                                     </div>                                     <div class="cs-content">                                         '+i+'                                     </div>                                     <a class="cs-button" href="'+c+'" target="'+l+'"> '+p+"                                     </a>                                 </div>                             </div>                         </div>",n}t(document).on("click","#cs-popup-image-button",function(e){e.preventDefault();var a=wp.media({title:"Popup Image",button:{text:"Upload Image"},multiple:!1}).on("select",function(){var e=a.state().get("selection").first().toJSON();t("#cs-popup-image-show").attr("src",e.url),t("#cs_popup_image").val(e.url)}).open()}),t(".cs-popup-maker .ui.checkbox").checkbox(),t(".cs-popup-maker .ui.radio.checkbox").checkbox(),t(".cs-popup-maker select.ui.dropdown").dropdown(),t(".cs-popup-maker .menu .item").tab({onVisible:function(t){"cs-popup-html"==t&&a()}}),t(".wp-color-picker-field").wpColorPicker(),t(".group").hide();var i="";"undefined"!=typeof localStorage&&(i=localStorage.getItem("activetab")),window.location.hash&&(i=window.location.hash,"undefined"!=typeof localStorage&&localStorage.setItem("activetab",i)),""!=i&&t(i).length?t(i).fadeIn():t(".group:first").fadeIn(),t(".group .collapsed").each(function(){t(this).find("input:checked").parent().parent().parent().nextAll().each(function(){if(t(this).hasClass("last"))return t(this).removeClass("hidden"),!1;t(this).filter(".hidden").removeClass("hidden")})}),""!=i&&t(i+"-tab").length?t(i+"-tab").addClass("nav-tab-active"):t(".nav-tab-wrapper a:first").addClass("nav-tab-active"),t(".nav-tab-wrapper a").click(function(e){t(".nav-tab-wrapper a").removeClass("nav-tab-active"),t(this).addClass("nav-tab-active").blur();var a=t(this).attr("href");"undefined"!=typeof localStorage&&localStorage.setItem("activetab",t(this).attr("href")),t(".group").hide(),t(a).fadeIn(),e.preventDefault()}),t(".cs-popup-maker-browse").on("click",function(e){e.preventDefault();var a=t(this),s=wp.media.frames.file_frame=wp.media({title:a.data("uploader_title"),button:{text:a.data("uploader_button_text")},multiple:!1});s.on("select",function(){let e=s.state().get("selection").first().toJSON();if(e){t("#"+a.data("id")).val(e.id);var i=document.createElement("img");i.src=e.url,i.width=250,i.height=150,document.getElementsByClassName("cs-popup-maker-image")[0].innerHTML="",document.getElementsByClassName("cs-popup-maker-image")[0].appendChild(i)}}),s.open()}),t(document).on("keyup",'input[name="cs-popup-html[html_heading_title]"],input[name="cs-popup-html[html_subheading_title]"],input[name="cs-popup-html[html_content]"],input[name="cs-popup-html[html_content]"],input[name="cs-popup-html[heading_target]"],input[name="cs-popup-html[heading_target_label]"]',function(t){a()}),t(document).on("change",'input[name="cs-popup-html[Popup]"],input[name="cs-popup-html[heading_target]"],select[name="cs-popup-html[html_target_openin]"]',function(t){a()}),tinyMCE.activeEditor.on("keyup",function(t){a()})})})(jQuery);
     1(function(t){"use strict";t(function(e){function a(){let t='<!doctype html>                         <link rel="stylesheet" href="'+cs_admin_obj.plugin_popup_css_url+'" type="text/css" media="all" /> \t\t\t\t\t\t<html> \t\t\t\t\t\t<body id="cs-body">';t+=s(),t+="</body> \t\t\t</html>";let e=document.getElementById("html-template-popup-preview"),a=document.createElement("iframe");a.setAttribute("id","cs-preview-iframe"),a.src="about:blank",a.style.width="100%",a.style["min-height"]="600px",e.innerHTML="",e.appendChild(a);let p=a.contentWindow.document;p.open("text/html","replace"),p.write(t),p.close()}function s(){let e=t('input[name="cs-popup-html[Popup]"]:checked').val(),a=t('input[name="cs-popup-html[html_add_overlay]"]:checked').val(),s=t('input[name="cs-popup-html[html_heading_title]"]').val(),p=t('input[name="cs-popup-html[html_subheading_title]"]').val(),c=tinyMCE.activeEditor.getContent(),i=t('input[name="cs-popup-html[heading_target]"]').val(),l=t('input[name="cs-popup-html[heading_target_label]"]').val(),n=t('select[name="cs-popup-html[html_target_openin]"]').val(),o=t('input[name="cs-popup-html[html_background_color]"]').val(),d=t('input[name="cs-popup-html[html_text_color]"]').val(),u="";"undefined"!=o&&""!=o||(o="#e1404"),"undefined"!=d&&""!=d||(d="#000000"),u="<style>                 .cs-wrapper-full .cs-pop-up,\t\t\t\t.cs-wrapper-full .cs-pop-up-left-bottom, \t\t\t\t.cs-wrapper-full .cs-pop-up-center-bottom, \t\t\t\t.cs-wrapper-full .cs-pop-up-full-bottom,                 .cs-wrapper-full .cs-pop-up-right-bottom                 {                     background: "+o+" !important;                     color: "+d+" !important;                 }                 .cs-wrapper-full .cs-button {                     color: "+d+" !important;                 }                 </style>","undefined"!=s&&""!=s||(s="");let r="",h="";return"1"==a&&(r='<div class="cs-overlay">',h=";</div>"),"undefined"!=p&&""!=p||(p=""),"undefined"!=c&&""!=c||(c=""),"undefined"!=c&&""!=l||(l=""),"undefined"!=i&&""!=i||(i="#"),"undefined"!=n&&""!=n||(n="_self"),u+=2==e?'<div class="cs-wrapper-full">                             '+r+'<div class="cs-pop-up">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+s+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+p+'</h2>                                 </div>                                 <div class="cs-content">                                     '+c+'                                 </div>                                 <a class="cs-button" href="'+i+'" target="'+n+'"> '+l+"                                 </a>                             </div>"+h+"                        </div>":3==e?'<div class="cs-wrapper-full">                             '+r+'<div class="cs-pop-up-left-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+s+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+p+'</h2>                                 </div>                                 <div class="cs-content">                                     '+c+'                                 </div>                                 <a class="cs-button" href="'+i+'" target="'+n+'"> '+l+"                                 </a>                             </div>"+h+"                         </div>":4==e?'<div class="cs-wrapper-full">                            '+r+'<div class="cs-pop-up-right-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+s+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+p+'</h2>                                 </div>                                 <div class="cs-content">                                     '+c+'                                 </div>                                 <a class="cs-button" href="'+i+'" target="'+n+'"> '+l+"                                 </a>                             </div>"+h+"                         </div>":5==e?'<div class="cs-wrapper-full">                              '+r+'<div class="cs-pop-up-center-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+s+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+p+'</h2>                                 </div>                                 <div class="cs-content">                                     '+c+'                                 </div>                                 <a class="cs-button" href="'+i+'" target="'+n+'"> '+l+"                                 </a>                             </div>"+h+"                         </div>":6==e?'<div class="cs-wrapper-full">                              '+r+'<div class="cs-pop-up-full-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+s+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+p+'</h2>                                 </div>                                 <div class="cs-content">                                     '+c+'                                 </div>                                 <a class="cs-button" href="'+i+'" target="'+n+'"> '+l+"                                 </a>                             </div>"+h+"                         </div>":'<div class="cs-wrapper-full">                            '+r+'                                 <div class="cs-pop-up">                                     <a class="cs-close-pop" href="#">&times;</a>                                     <div class="cs-heading">                                         <h1>'+s+'</h1>                                     </div>                                     <div class="cs-subheading">                                         <h2>'+p+'</h2>                                     </div>                                     <div class="cs-content">                                         '+c+'                                     </div>                                     <a class="cs-button" href="'+i+'" target="'+n+'"> '+l+"                                     </a>                                 </div>                             "+h+"                         </div>",u}t(document).on("click","#cs-popup-image-button",function(e){e.preventDefault();var a=wp.media({title:"Popup Image",button:{text:"Upload Image"},multiple:!1}).on("select",function(){var e=a.state().get("selection").first().toJSON();t("#cs-popup-image-show").attr("src",e.url),t("#cs_popup_image").val(e.url)}).open()}),t(".cs-popup-maker .ui.checkbox").checkbox(),t(".cs-popup-maker .ui.radio.checkbox").checkbox(),t(".cs-popup-maker select.ui.dropdown").dropdown(),t(".cs-popup-maker .menu .item").tab({onVisible:function(t){"cs-popup-html"==t&&a()}}),t(".wp-color-picker-field").wpColorPicker({change:function(t,e,s){a()}}),t(".group").hide();var p="";"undefined"!=typeof localStorage&&(p=localStorage.getItem("activetab")),window.location.hash&&(p=window.location.hash,"undefined"!=typeof localStorage&&localStorage.setItem("activetab",p)),""!=p&&t(p).length?t(p).fadeIn():t(".group:first").fadeIn(),t(".group .collapsed").each(function(){t(this).find("input:checked").parent().parent().parent().nextAll().each(function(){if(t(this).hasClass("last"))return t(this).removeClass("hidden"),!1;t(this).filter(".hidden").removeClass("hidden")})}),""!=p&&t(p+"-tab").length?t(p+"-tab").addClass("nav-tab-active"):t(".nav-tab-wrapper a:first").addClass("nav-tab-active"),t(".nav-tab-wrapper a").click(function(e){t(".nav-tab-wrapper a").removeClass("nav-tab-active"),t(this).addClass("nav-tab-active").blur();var a=t(this).attr("href");"undefined"!=typeof localStorage&&localStorage.setItem("activetab",t(this).attr("href")),t(".group").hide(),t(a).fadeIn(),e.preventDefault()}),t(".cs-popup-maker-browse").on("click",function(e){e.preventDefault();var a=t(this),s=wp.media.frames.file_frame=wp.media({title:a.data("uploader_title"),button:{text:a.data("uploader_button_text")},multiple:!1});s.on("select",function(){let e=s.state().get("selection").first().toJSON();if(e){t("#"+a.data("id")).val(e.id);var p=document.createElement("img");p.src=e.url,p.width=250,p.height=150,document.getElementsByClassName("cs-popup-maker-image")[0].innerHTML="",document.getElementsByClassName("cs-popup-maker-image")[0].appendChild(p)}}),s.open()}),t(document).on("keyup",'input[name="cs-popup-html[html_heading_title]"],input[name="cs-popup-html[html_subheading_title]"],input[name="cs-popup-html[html_content]"],input[name="cs-popup-html[html_content]"],input[name="cs-popup-html[heading_target]"],input[name="cs-popup-html[heading_target_label]"]',function(t){a()}),t(document).on("change",'input[name="cs-popup-html[Popup]"],input[name="cs-popup-html[html_add_overlay]"],input[name="cs-popup-html[heading_target]"],select[name="cs-popup-html[html_target_openin]"]',function(t){a()}),tinyMCE.activeEditor.on("keyup",function(t){a()})})})(jQuery);
  • cs-popup-maker/tags/3.0.0/public/css/cs-popup-maker-public.min.css

    r2652451 r2652575  
    1 *{margin:0;padding:0}body{text-align:center;color:#fff;font-family:'open sans'}img{outline:0;border:none;max-width:100%;height:auto}.transition{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.cs-overlay{background:rgba(0,0,0,.5);position:fixed;width:100%;height:100%;z-index:98}.cs-popup-container{position:relative;z-index:9999}.cs-popup-wrap{width:auto;max-width:90%;border-radius:5px;border:10px solid #fff;position:fixed;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 0 10px 3px rgba(0,0,0,.12)}.cs-popup-wrap img{float:left}.cs-popup-wrap .close-button{position:absolute;top:20px;right:20px;width:35px;height:35px;padding:1px;background:#fff;border-radius:50%;cursor:pointer;opacity:.1;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s}.cs-popup-wrap:hover .close-button{opacity:1}@media screen and (max-width:768px){.cs-popup-wrap .close-button{width:25px;height:25px;right:10px;top:10px;padding:0}}@media screen and (max-width:550px){.cs-popup-wrap{width:80%;text-align:center;background:#fff}.cs-popup-wrap img{float:none}}.cs-wrapper-full{display:block;height:100%;margin:0 auto;padding:30px 0;text-align:center;width:100%}.cs-wrapper-full .cs-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);visibility:visible;opacity:1}.cs-wrapper-full .cs-overlay::target{visibility:hidden;opacity:0}.cs-wrapper-full .cs-pop-up{background:#fff;border-radius:5px;margin:50px auto;padding:20px;max-height:100%;max-width:100%;position:relative;width:80%}.cs-wrapper-full .cs-pop-up .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-left-bottom{background:#e14040;bottom:0;max-width:100%;position:absolute;width:50%}.cs-wrapper-full .cs-pop-up-left-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;top:20px;text-decoration:none}.cs-wrapper-full .cs-pop-up-right-bottom{background:#e14040;bottom:0;max-width:100%;position:absolute;right:0;width:50%}.cs-wrapper-full .cs-pop-up-right-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-center-bottom{background:#e14040;bottom:0;margin:0 auto;max-width:100%;position:absolute;-webkit-transform:translateX(50%);transform:translateX(50%);width:50%}.cs-wrapper-full .cs-pop-up-center-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-full-bottom{background:#e14040;bottom:0;margin:0 auto;max-width:100%;position:absolute;width:100%}.cs-wrapper-full .cs-pop-up-full-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-heading h1{font-family:Arial;font-size:35px;text-transform:capitalize}.cs-wrapper-full .cs-subheading h2{font-family:Arial;font-size:28px;text-transform:capitalize}.cs-wrapper-full .cs-content p{font-family:Arial;font-size:18px;line-height:24px;margin:0;padding:0}.cs-wrapper-full a.cs-button{background-color:#ddd;border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:15px;font-weight:700;margin:25px 0;padding:20px 15px;text-transform:uppercase}
     1*{margin:0;padding:0}body{text-align:center;color:#fff;font-family:'open sans'}img{outline:0;border:none;max-width:100%;height:auto}.transition{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.cs-overlay{background:rgba(0,0,0,.5);position:fixed;width:100%;height:100%;z-index:98}.cs-popup-container{position:relative;z-index:9999}.cs-popup-wrap{width:auto;max-width:90%;border-radius:5px;border:10px solid #fff;position:fixed;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 0 10px 3px rgba(0,0,0,.12)}.cs-popup-wrap img{float:left}.cs-popup-wrap .close-button{position:absolute;top:20px;right:20px;width:35px;height:35px;padding:1px;background:#fff;border-radius:50%;cursor:pointer;opacity:.1;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s}.cs-popup-wrap:hover .close-button{opacity:1}.cs-wrapper-full{display:block;height:100%;margin:0 auto;padding:30px 0;position:fixed;text-align:center;width:100%;z-index:9999999999999999999999999999999999}.cs-wrapper-full .cs-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);visibility:visible;opacity:1}.cs-wrapper-full .cs-overlay::target{visibility:hidden;opacity:0}.cs-wrapper-full .cs-pop-up{background:#fff;border-radius:5px;height:88vh;margin:50px auto;max-height:100%;max-width:100%;padding:20px;position:relative;width:80%}.cs-wrapper-full .cs-pop-up .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-left-bottom{background:#e14040;bottom:0;height:auto;left:0;max-width:100%;position:absolute;right:unset;top:unset;width:50%}.cs-wrapper-full .cs-pop-up-left-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;top:20px;text-decoration:none}.cs-wrapper-full .cs-pop-up-right-bottom{background:#e14040;bottom:0;height:auto;left:unset;max-width:100%;position:absolute;right:0;top:unset;width:50%}.cs-wrapper-full .cs-pop-up-right-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-center-bottom{background:#e14040;bottom:0;height:auto;left:unset;margin:0 auto;max-width:100%;position:absolute;-webkit-transform:translateX(50%);transform:translateX(50%);right:unset;top:unset;width:50%}.cs-wrapper-full .cs-pop-up-center-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-full-bottom{background:#e14040;bottom:0;height:auto;left:unset;margin:0 auto;max-width:100%;position:absolute;right:unset;top:unset;width:100%}.cs-wrapper-full .cs-pop-up-full-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-heading h1{text-transform:capitalize}.cs-wrapper-full .cs-subheading h2{text-transform:capitalize}
  • cs-popup-maker/tags/3.0.0/public/js/cs-popup-maker-public.js

    r2652451 r2652575  
    139139                    body                    = '';
    140140                if ('' == heading) {
    141                     heading = 'This is Pop Up heading'
     141                    heading = ''
    142142                }
    143143
    144144                if ('' == subheading) {
    145                     subheading = 'This is Pop Up Sub heading'
     145                    subheading = ''
    146146                }
    147147
    148148                if ('' == html_content) {
    149                     html_content = 'This is Pop Up Content'
     149                    html_content = ''
    150150                }
    151151
    152152                if ('' == heading_target_label) {
    153                     heading_target_label = 'Click Here'
     153                    heading_target_label = ''
    154154                }
    155155
  • cs-popup-maker/tags/3.0.0/public/js/cs-popup-maker-public.min.js

    r2652451 r2652575  
    1 (function( $ ) {
    2     /**
    3      * All of the code for your admin-facing JavaScript source
    4      * should reside in this file.
    5      */
    6     $(function () {
    7         function csPopupSession() {
    8             if (!sessionStorage.getItem('csPopupEnableSessionStatus')) {
    9                 if ('on' == cs_obj.cs_popup_enable_session) {
    10                     sessionStorage.setItem('csPopupEnableSessionStatus', 'yes');
    11                     return true;
    12                 }
    13             }
    14             return false;
    15         }
    16 
    17         let csPopupMaker = function() {
    18             let closeBtn = '.cs-popup-container .cs-popup-wrap .close-button',
    19                 popupImg = '.cs-popup-container .cs-popup-wrap img',
    20                 closed = false,
    21                 csTemplate = _.template( '<div class="cs-popup-container"><div class="cs-popup-wrap"> \
    22                                                 <a href="<%= target_url %>" target="<%= target %>"> \
    23                                                 <img src="<%= image_url %>" alt="" > \
    24                                                 </a> \
    25                                                 <a class="close-button" > \
    26                                                 <img src="<%= close_icon %>" alt="" > \
    27                                                 </a> \
    28                                                 </div></div> \
    29                                                 <div class="cs-overlay"></div>'
    30                 );
    31 
    32             this.init = function() {
    33                 this.popUpContentTemplate();
    34                 $(document).on('click', '.cs-popup-container a.close-button', () => {
    35                     this.closePopup();
    36             });
    37 
    38             /*if click elsewhere*/
    39             $(window).on('click', (event) => {
    40 
    41                 if ( $(closeBtn).has( event.target ).length == 0 && $( closeBtn ).is( event.target ) ) {
    42                 /* clicked inside*/
    43             } else if ($(popupImg).has(event.target).length == 0 && $(popupImg).is(event.target) ) {
    44                 /* clicked inside wrapper*/
    45             } else {
    46                 if( closed == false ){
    47                     this.closePopup();
    48                 }
    49             }
    50         });
    51     }
    52 
    53     this.popUpContentTemplate = function () {
    54 
    55         if ( 1 == cs_obj.cs_popup_status && csPopupSession() ) {
    56             let content = csTemplate({
    57                 target_url: ( '' != cs_obj.target_url ) ? cs_obj.target_url : '#',
    58                 target: ( '' != cs_obj.target_open ) ? cs_obj.target_open : '_new',
    59                 image_url: cs_obj.image_url,
    60                 close_icon : cs_obj.close_link
    61 
    62             });
    63             $('body').prepend(content);
    64         }
    65     }
    66     this.closePopup = function() {
    67         $('.cs-popup-container').fadeOut();
    68         $('.cs-overlay').fadeOut();
    69         $('.cs-popup-container').remove();
    70         $('.cs-overlay').remove();
    71         closed = true;
    72     }
    73 };
    74 
    75 new csPopupMaker().init();
    76 
    77 
    78 let csPopupHtmlMaker = function () {
    79     let closeBtn = '.cs-wrapper-full a.cs-close-pop',
    80         popupImg = '.cs-wrapper-full',
    81         closed = false;
    82     this.init = function () {
    83         if (cs_html_obj.html_popup_status == 1) {
    84             $('body').prepend(this.getHtmlTemplate());
    85             let self = this;
    86             $(document).on('click', '.cs-wrapper-full a.cs-close-pop',function() {
    87                 self.closePopup();
    88             });
    89 
    90             /*if click elsewhere*/
    91             $(window).on('click', (event) => {
    92 
    93                 if( $(closeBtn).has( event.target ).length == 0 && $( closeBtn ).is( event.target ) ){
    94                 /* clicked inside*/
    95             }else if ($(popupImg).has(event.target).length == 0 && $(popupImg).is(event.target) ) {
    96                 /* clicked inside wrapper*/
    97             } else {
    98                 if( closed == false ){
    99                     this.closePopup();
    100                 }
    101             }
    102         });
    103     }
    104 }
    105 
    106 this.closePopup = function() {
    107     $('.cs-wrapper-full').fadeOut();
    108     $('.cs-overlay').fadeOut();
    109     $('.cs-wrapper-full').remove();
    110     $('.cs-overlay').remove();
    111     closed = true;
    112 }
    113 
    114 this.getHtmlTemplate = function() {
    115     let popupTemplate           = cs_html_obj.Popup,
    116         heading                 = cs_html_obj.html_heading_title,
    117         subheading              = cs_html_obj.html_subheading_title,
    118         html_content            = cs_html_obj.html_content,
    119         heading_target          = cs_html_obj.html_heading_target,
    120         heading_target_label    = cs_html_obj.heading_target_label,
    121         heading_target_openin   = cs_html_obj.html_target_openin,
    122         body                    = '';
    123     if ('' == heading) {
    124         heading = 'This is Pop Up heading'
    125     }
    126 
    127     if ('' == subheading) {
    128         subheading = 'This is Pop Up Sub heading'
    129     }
    130 
    131     if ('' == html_content) {
    132         html_content = 'This is Pop Up Content'
    133     }
    134 
    135     if ('' == heading_target_label) {
    136         heading_target_label = 'Click Here'
    137     }
    138 
    139     if ('' == heading_target) {
    140         heading_target = '#'
    141     }
    142 
    143 
    144     if ('' == heading_target_openin) {
    145         heading_target_openin = '_self'
    146     }
    147 
    148     if (2 == popupTemplate) {
    149         body += '<div class="cs-wrapper-full"> \
    150                                 <div class="cs-pop-up"> \
    151                                     <a class="cs-close-pop" href="#">&times;</a> \
    152                                     <div class="cs-heading"> \
    153                                         <h1>' + heading + '</h1> \
    154                                     </div> \
    155                                     <div class="cs-subheading"> \
    156                                         <h2>' + subheading + '</h2> \
    157                                     </div> \
    158                                     <div class="cs-content"> \
    159                                         ' + html_content + ' \
    160                                     </div> \
    161                                     <a class="cs-button" href="' + heading_target + '" target="' + heading_target_openin+ '"> ' + heading_target_label + ' \
    162                                     </a> \
    163                                 </div> \
    164                             </div>';
    165     } else if (3 == popupTemplate) {
    166         body += '<div class="cs-wrapper-full"> \
    167                                 <div class="cs-pop-up-left-bottom"> \
    168                                     <a class="cs-close-pop" href="#">&times;</a> \
    169                                     <div class="cs-heading"> \
    170                                         <h1>' + heading + '</h1> \
    171                                     </div> \
    172                                     <div class="cs-subheading"> \
    173                                         <h2>' + subheading + '</h2> \
    174                                     </div> \
    175                                     <div class="cs-content"> \
    176                                         ' + html_content + ' \
    177                                     </div> \
    178                                     <a class="cs-button" href="' + heading_target + '" target="' + heading_target_openin+ '"> ' + heading_target_label + ' \
    179                                     </a> \
    180                                 </div> \
    181                             </div>';
    182     } else if (4 == popupTemplate) {
    183         body += '<div class="cs-wrapper-full"> \
    184                                 <div class="cs-pop-up-right-bottom"> \
    185                                     <a class="cs-close-pop" href="#">&times;</a> \
    186                                     <div class="cs-heading"> \
    187                                         <h1>' + heading + '</h1> \
    188                                     </div> \
    189                                     <div class="cs-subheading"> \
    190                                         <h2>' + subheading + '</h2> \
    191                                     </div> \
    192                                     <div class="cs-content"> \
    193                                         ' + html_content + ' \
    194                                     </div> \
    195                                     <a class="cs-button" href="' + heading_target + '" target="' + heading_target_openin+ '"> ' + heading_target_label + ' \
    196                                     </a> \
    197                                 </div> \
    198                             </div>';
    199     } else if (5 == popupTemplate) {
    200         body += '<div class="cs-wrapper-full"> \
    201                                 <div class="cs-pop-up-center-bottom"> \
    202                                     <a class="cs-close-pop" href="#">&times;</a> \
    203                                     <div class="cs-heading"> \
    204                                         <h1>' + heading + '</h1> \
    205                                     </div> \
    206                                     <div class="cs-subheading"> \
    207                                         <h2>' + subheading + '</h2> \
    208                                     </div> \
    209                                     <div class="cs-content"> \
    210                                         ' + html_content + ' \
    211                                     </div> \
    212                                     <a class="cs-button" href="' + heading_target + '" target="' + heading_target_openin+ '"> ' + heading_target_label + ' \
    213                                     </a> \
    214                                 </div> \
    215                             </div>';
    216     } else if (6 == popupTemplate) {
    217         body += '<div class="cs-wrapper-full"> \
    218                                 <div class="cs-pop-up-full-bottom"> \
    219                                     <a class="cs-close-pop" href="#">&times;</a> \
    220                                     <div class="cs-heading"> \
    221                                         <h1>' + heading + '</h1> \
    222                                     </div> \
    223                                     <div class="cs-subheading"> \
    224                                         <h2>' + subheading + '</h2> \
    225                                     </div> \
    226                                     <div class="cs-content"> \
    227                                         ' + html_content + ' \
    228                                     </div> \
    229                                     <a class="cs-button" href="' + heading_target + '" target="' + heading_target_openin+ '"> ' + heading_target_label + ' \
    230                                     </a> \
    231                                 </div> \
    232                             </div>';
    233     } else {
    234         // default 1
    235         body += '<div class="cs-wrapper-full"> \
    236                                 <div class="cs-overlay"> \
    237                                     <div class="cs-pop-up"> \
    238                                         <a class="cs-close-pop" href="#">&times;</a> \
    239                                         <div class="cs-heading"> \
    240                                             <h1>' + heading + '</h1> \
    241                                         </div> \
    242                                         <div class="cs-subheading"> \
    243                                             <h2>' + subheading + '</h2> \
    244                                         </div> \
    245                                         <div class="cs-content"> \
    246                                             ' + html_content + ' \
    247                                         </div> \
    248                                         <a class="cs-button" href="' + heading_target + '" target="' + heading_target_openin+ '"> ' + heading_target_label + ' \
    249                                         </a> \
    250                                     </div> \
    251                                 </div> \
    252                             </div>';
    253     }
    254 
    255     return body;
    256 }
    257 }
    258 
    259 new csPopupHtmlMaker().init();
    260 
    261 });
    262 
    263 
    264 })( jQuery );
    265 
     1(function(t){t(function(){let s=function(){let s=".cs-popup-container .cs-popup-wrap .close-button",e=".cs-popup-container .cs-popup-wrap img",c=!1,a=_.template('<div class="cs-popup-container"><div class="cs-popup-wrap"> \t\t\t\t\t\t\t\t\t\t\t\t<a href="<%= target_url %>" target="<%= target %>"> \t\t\t\t\t\t\t\t\t\t\t\t<img src="<%= image_url %>" alt="" > \t\t\t\t\t\t\t\t\t\t\t\t</a> \t\t\t\t\t\t\t\t\t\t\t\t<a class="close-button" > \t\t\t\t\t\t\t\t\t\t\t\t<img src="<%= close_icon %>" alt="" > \t\t\t\t\t\t\t\t\t\t\t\t</a> \t\t\t\t\t\t\t\t\t\t\t\t</div></div> \t\t\t\t\t\t\t\t\t\t\t\t<div class="cs-overlay"></div>');this.init=function(){this.popUpContentTemplate(),t(document).on("click",".cs-popup-container a.close-button",()=>{this.closePopup()}),t(window).on("click",a=>{0==t(s).has(a.target).length&&t(s).is(a.target)||0==t(e).has(a.target).length&&t(e).is(a.target)||0==c&&this.closePopup()})},this.csPopupSession=function(){return!sessionStorage.getItem("csPopupEnableSessionStatus")&&"on"==cs_obj.cs_popup_enable_session&&(sessionStorage.setItem("csPopupEnableSessionStatus","yes"),!0)},this.popUpContentTemplate=function(){if(1==cs_obj.cs_popup_status&&this.csPopupSession()){let s=a({target_url:""!=cs_obj.target_url?cs_obj.target_url:"#",target:""!=cs_obj.target_open?cs_obj.target_open:"_new",image_url:cs_obj.image_url,close_icon:cs_obj.close_link});t("body").prepend(s)}},this.closePopup=function(){t(".cs-popup-container").fadeOut(),t(".cs-overlay").fadeOut(),t(".cs-popup-container").remove(),t(".cs-overlay").remove(),c=!0}},e=function(){let s=".cs-wrapper-full a.cs-close-pop",e=".cs-wrapper-full",c=!1;this.init=function(){if(1==cs_html_obj.html_popup_status&&this.csPopupHTMLSession()){t("body").prepend(this.getHtmlTemplate());let a=this;t(document).on("click",".cs-wrapper-full a.cs-close-pop",function(){a.closePopup()}),t(window).on("click",a=>{0==t(s).has(a.target).length&&t(s).is(a.target)||0==t(e).has(a.target).length&&t(e).is(a.target)||0==c&&this.closePopup()})}},this.closePopup=function(){t(".cs-wrapper-full").fadeOut(),t(".cs-overlay").fadeOut(),t(".cs-wrapper-full").remove(),t(".cs-overlay").remove(),c=!0},this.csPopupHTMLSession=function(){return"off"==cs_html_obj.html_enable_session||!sessionStorage.getItem("csPopupHTMLEnableSessionStatus")&&("on"!=cs_html_obj.html_enable_session||(sessionStorage.setItem("csPopupHTMLEnableSessionStatus","yes"),!0))},this.getHtmlTemplate=function(){let t=cs_html_obj.Popup,s=cs_html_obj.html_add_overlay,e=cs_html_obj.html_heading_title,c=cs_html_obj.html_subheading_title,a=cs_html_obj.html_content,o=cs_html_obj.html_heading_target,i=cs_html_obj.heading_target_label,l=cs_html_obj.html_target_openin,p="";""==e&&(e=""),""==c&&(c=""),""==a&&(a=""),""==i&&(i=""),""==o&&(o="#"),""==l&&(l="_self");let n="",r="";return"1"==s&&(n='<div class="cs-overlay">',r=";</div>"),p+=2==t?'<div class="cs-wrapper-full">                             '+n+'<div class="cs-pop-up">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+e+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+c+'</h2>                                 </div>                                 <div class="cs-content">                                     '+a+'                                 </div>                                 <a class="cs-button" href="'+o+'" target="'+l+'"> '+i+"                                 </a>                             </div>"+r+"                        </div>":3==t?'<div class="cs-wrapper-full">                             '+n+'<div class="cs-pop-up-left-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+e+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+c+'</h2>                                 </div>                                 <div class="cs-content">                                     '+a+'                                 </div>                                 <a class="cs-button" href="'+o+'" target="'+l+'"> '+i+"                                 </a>                             </div>"+r+"                         </div>":4==t?'<div class="cs-wrapper-full">                            '+n+'<div class="cs-pop-up-right-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+e+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+c+'</h2>                                 </div>                                 <div class="cs-content">                                     '+a+'                                 </div>                                 <a class="cs-button" href="'+o+'" target="'+l+'"> '+i+"                                 </a>                             </div>"+r+"                         </div>":5==t?'<div class="cs-wrapper-full">                              '+n+'<div class="cs-pop-up-center-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+e+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+c+'</h2>                                 </div>                                 <div class="cs-content">                                     '+a+'                                 </div>                                 <a class="cs-button" href="'+o+'" target="'+l+'"> '+i+"                                 </a>                             </div>"+r+"                         </div>":6==t?'<div class="cs-wrapper-full">                              '+n+'<div class="cs-pop-up-full-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+e+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+c+'</h2>                                 </div>                                 <div class="cs-content">                                     '+a+'                                 </div>                                 <a class="cs-button" href="'+o+'" target="'+l+'"> '+i+"                                 </a>                             </div>"+r+"                         </div>":'<div class="cs-wrapper-full">                            '+n+'                                 <div class="cs-pop-up">                                     <a class="cs-close-pop" href="#">&times;</a>                                     <div class="cs-heading">                                         <h1>'+e+'</h1>                                     </div>                                     <div class="cs-subheading">                                         <h2>'+c+'</h2>                                     </div>                                     <div class="cs-content">                                         '+a+'                                     </div>                                     <a class="cs-button" href="'+o+'" target="'+l+'"> '+i+"                                     </a>                                 </div>                             "+r+"                         </div>",p}};(new s).init(),(new e).init()})})(jQuery);
  • cs-popup-maker/trunk/admin/css/cs-admin-popup-only.min.css

    r2652450 r2652575  
    1 #cs-body{background:rgba(0,0,0,.7);margin:0;padding:0}.cs-wrapper-full{display:block;height:100%;margin:0 auto;padding:30px 0;text-align:center;width:100%}.cs-wrapper-full .cs-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);visibility:visible;opacity:1}.cs-wrapper-full .cs-overlay::target{visibility:hidden;opacity:0}.cs-wrapper-full .cs-pop-up{background:#fff;border-radius:5px;margin:50px auto;padding:20px;max-height:100%;max-width:100%;position:relative;width:80%}.cs-wrapper-full .cs-pop-up .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-left-bottom{background:#e14040;bottom:0;max-width:100%;position:absolute;width:50%}.cs-wrapper-full .cs-pop-up-left-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;top:20px;text-decoration:none}.cs-wrapper-full .cs-pop-up-right-bottom{background:#e14040;bottom:0;max-width:100%;position:absolute;right:0;width:50%}.cs-wrapper-full .cs-pop-up-right-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-center-bottom{background:#e14040;bottom:0;margin:0 auto;max-width:100%;position:absolute;-webkit-transform:translateX(50%);transform:translateX(50%);width:50%}.cs-wrapper-full .cs-pop-up-center-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-full-bottom{background:#e14040;bottom:0;margin:0 auto;max-width:100%;position:absolute;width:100%}.cs-wrapper-full .cs-pop-up-full-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-heading h1{font-family:Arial;font-size:35px;text-transform:capitalize}.cs-wrapper-full .cs-subheading h2{font-family:Arial;font-size:28px;text-transform:capitalize}.cs-wrapper-full .cs-content p{font-family:Arial;font-size:18px;line-height:24px;margin:0;padding:0}.cs-wrapper-full a.cs-button{background-color:#ddd;border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:15px;font-weight:700;margin:25px 0;padding:20px 15px;text-transform:uppercase}
     1.cs-wrapper-full{display:block;height:100%;margin:0 auto;padding:30px 0;position:fixed;text-align:center;width:100%;z-index:9999999999999999999999999999999999}.cs-wrapper-full .cs-overlay{position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);visibility:visible;opacity:1}.cs-wrapper-full .cs-overlay::target{visibility:hidden;opacity:0}.cs-wrapper-full .cs-pop-up{background:#fff;border-radius:5px;height:88vh;margin:50px auto;max-height:100%;max-width:100%;padding:20px;position:relative;width:80%}.cs-wrapper-full .cs-pop-up .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-left-bottom{background:#e14040;bottom:0;height:auto;left:0;max-width:100%;position:absolute;right:unset;top:unset;width:50%}.cs-wrapper-full .cs-pop-up-left-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;top:20px;text-decoration:none}.cs-wrapper-full .cs-pop-up-right-bottom{background:#e14040;bottom:0;height:auto;left:unset;max-width:100%;position:absolute;right:0;top:unset;width:50%}.cs-wrapper-full .cs-pop-up-right-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-center-bottom{background:#e14040;bottom:0;height:auto;left:unset;margin:0 auto;max-width:100%;position:absolute;-webkit-transform:translateX(50%);transform:translateX(50%);right:unset;top:unset;width:50%}.cs-wrapper-full .cs-pop-up-center-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-full-bottom{background:#e14040;bottom:0;height:auto;left:unset;margin:0 auto;max-width:100%;position:absolute;right:unset;top:unset;width:100%}.cs-wrapper-full .cs-pop-up-full-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-heading h1{text-transform:capitalize}.cs-wrapper-full .cs-subheading h2{text-transform:capitalize}
  • cs-popup-maker/trunk/admin/css/cs-popup-maker-admin.min.css

    r2652450 r2652575  
    1 .cs-pop-intro{width:75%;padding:20px 0}.cs-pop-intro h1.cs-title{font-size:35px}.cs-pop-intro p{font-size:18px;line-height:30px}.cs-popup-maker .four.wide.column{width:75%!important}.cs-popup-maker .four.wide.column ul.menu{border-bottom:1px solid #d4d4d4!important;border-radius:0;padding:0;border:none}.cs-popup-maker .four.wide.column ul.menu li{display:inline-block;font-size:20px}.cs-popup-maker .four.wide.column ul.menu li.item{padding:8px 20px;margin:0 5px;border:1px solid #d5d5d5;border-bottom:none!important;border-radius:5px 5px 0 0!important;background:#eee}.cs-popup-maker .four.wide.column ul.menu li.item:first-child{margin:0}.cs-popup-maker .four.wide.column ul.menu li.item.active{border:none;background:#d4d4d4!important}.cs-popup-maker .four.wide.column ul.menu li.item a:focus{box-shadow:none}.cs-popup-maker .four.wide.column ul.menu li a{color:#000}#template-1,#template-2,#template-3,#template-4,#template-5,#template-6{position:relative;margin-bottom:45px}#template-1:after,#template-2:after,#template-3:after,#template-4:after,#template-5:after,#template-6:after{background-size:contain;background-repeat:no-repeat;content:'';display:block;position:absolute;height:100px;width:129px}#template-1:after{background-image:url(../images/template-1.png)}#template-2:after{background-image:url(../images/template-2.png)}#template-3:after{background-image:url(../images/template-3.png)}#template-4:after{background-image:url(../images/template-4.png)}#template-5:after{background-image:url(../images/template-5.png)}#template-6:after{background-image:url(../images/template-6.png)}.ui.form .inline.fields .field{flex-grow:1}
     1.cs-pop-intro{width:75%;padding:20px 0}.cs-pop-intro h1.cs-title{font-size:35px}.cs-pop-intro p{font-size:18px;line-height:30px}.cs-popup-maker .four.wide.column{width:75%!important}.cs-popup-maker .four.wide.column ul.menu{border-bottom:1px solid #d4d4d4!important;border-radius:0;padding:0;border:none}.cs-popup-maker .four.wide.column ul.menu li{display:inline-block;font-size:20px}.cs-popup-maker .four.wide.column ul.menu li.item{padding:8px 20px;margin:0 5px;border:1px solid #d5d5d5;border-bottom:none!important;border-radius:5px 5px 0 0!important;background:#eee}.cs-popup-maker .four.wide.column ul.menu li.item:first-child{margin:0}.cs-popup-maker .four.wide.column ul.menu li.item.active{border:none;background:#d4d4d4!important}.cs-popup-maker .four.wide.column ul.menu li.item a:focus{box-shadow:none}.cs-popup-maker .four.wide.column ul.menu li a{color:#000}#template-1,#template-2,#template-3,#template-4,#template-5,#template-6{position:relative;margin-bottom:45px}#template-1:after,#template-2:after,#template-3:after,#template-4:after,#template-5:after,#template-6:after{background-size:contain;background-repeat:no-repeat;content:'';display:block;position:absolute;height:100px;width:100%}#template-1:after{background-image:url(../images/template-1.png)}#template-2:after{background-image:url(../images/template-2.png)}#template-3:after{background-image:url(../images/template-3.png)}#template-4:after{background-image:url(../images/template-4.png)}#template-5:after{background-image:url(../images/template-5.png)}#template-6:after{background-image:url(../images/template-6.png)}.ui.form .inline.fields .field{flex-grow:1}
  • cs-popup-maker/trunk/admin/js/cs-popup-maker-admin.js

    r2652450 r2652575  
    232232           
    233233            if ( 'undefined' == heading || '' == heading) {
    234                 heading = 'This is Pop Up heading'
     234                heading = ''
    235235            }
    236236
     
    243243
    244244            if ( 'undefined' == subheading || '' == subheading ) {
    245                 subheading = 'This is Pop Up Sub heading'
     245                subheading = ''
    246246            }
    247247
    248248            if ( 'undefined' == html_content || '' == html_content) {
    249                 html_content = 'This is Pop Up Content'
     249                html_content = ''
    250250            }
    251251
    252252            if ('undefined' == html_content || '' == heading_target_label) {
    253                 heading_target_label = 'Click Here'
     253                heading_target_label = ''
    254254            }
    255255
  • cs-popup-maker/trunk/admin/js/cs-popup-maker-admin.min.js

    r2652450 r2652575  
    1 (function(t){"use strict";t(function(e){function a(){let t='<!doctype html>                         <link rel="stylesheet" href="'+cs_admin_obj.plugin_popup_css_url+'" type="text/css" media="all" /> \t\t\t\t\t\t<html> \t\t\t\t\t\t<body id="cs-body">';t+=s(),t+="</body> \t\t\t</html>";let e=document.getElementById("html-template-popup-preview"),a=document.createElement("iframe");a.setAttribute("id","cs-preview-iframe"),a.src="about:blank",a.style.width="100%",a.style["min-height"]="600px",e.innerHTML="",e.appendChild(a);let i=a.contentWindow.document;i.open("text/html","replace"),i.write(t),i.close()}function s(){let e=t('input[name="cs-popup-html[Popup]"]:checked').val(),a=t('input[name="cs-popup-html[html_heading_title]"]').val(),s=t('input[name="cs-popup-html[html_subheading_title]"]').val(),i=tinyMCE.activeEditor.getContent(),c=t('input[name="cs-popup-html[heading_target]"]').val(),p=t('input[name="cs-popup-html[heading_target_label]"]').val(),l=t('select[name="cs-popup-html[html_target_openin]"]').val(),n="";return""==a&&(a="This is Pop Up heading"),""==s&&(s="This is Pop Up Sub heading"),""==i&&(i="This is Pop Up Content"),""==p&&(p="Click Here"),""==c&&(c="#"),""==l&&(l="_self"),n+=2==e?'<div class="cs-wrapper-full">                             <div class="cs-pop-up">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+a+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+s+'</h2>                                 </div>                                 <div class="cs-content">                                     '+i+'                                 </div>                                 <a class="cs-button" href="'+c+'" target="'+l+'"> '+p+"                                 </a>                             </div>                         </div>":3==e?'<div class="cs-wrapper-full">                             <div class="cs-pop-up-left-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+a+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+s+'</h2>                                 </div>                                 <div class="cs-content">                                     '+i+'                                 </div>                                 <a class="cs-button" href="'+c+'" target="'+l+'"> '+p+"                                 </a>                             </div>                         </div>":4==e?'<div class="cs-wrapper-full">                             <div class="cs-pop-up-right-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+a+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+s+'</h2>                                 </div>                                 <div class="cs-content">                                     '+i+'                                 </div>                                 <a class="cs-button" href="'+c+'" target="'+l+'"> '+p+"                                 </a>                             </div>                         </div>":5==e?'<div class="cs-wrapper-full">                             <div class="cs-pop-up-center-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+a+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+s+'</h2>                                 </div>                                 <div class="cs-content">                                     '+i+'                                 </div>                                 <a class="cs-button" href="'+c+'" target="'+l+'"> '+p+"                                 </a>                             </div>                         </div>":6==e?'<div class="cs-wrapper-full">                             <div class="cs-pop-up-full-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+a+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+s+'</h2>                                 </div>                                 <div class="cs-content">                                     '+i+'                                 </div>                                 <a class="cs-button" href="'+c+'" target="'+l+'"> '+p+"                                 </a>                             </div>                         </div>":'<div class="cs-wrapper-full">                             <div class="cs-overlay">                                 <div class="cs-pop-up">                                     <a class="cs-close-pop" href="#">&times;</a>                                     <div class="cs-heading">                                         <h1>'+a+'</h1>                                     </div>                                     <div class="cs-subheading">                                         <h2>'+s+'</h2>                                     </div>                                     <div class="cs-content">                                         '+i+'                                     </div>                                     <a class="cs-button" href="'+c+'" target="'+l+'"> '+p+"                                     </a>                                 </div>                             </div>                         </div>",n}t(document).on("click","#cs-popup-image-button",function(e){e.preventDefault();var a=wp.media({title:"Popup Image",button:{text:"Upload Image"},multiple:!1}).on("select",function(){var e=a.state().get("selection").first().toJSON();t("#cs-popup-image-show").attr("src",e.url),t("#cs_popup_image").val(e.url)}).open()}),t(".cs-popup-maker .ui.checkbox").checkbox(),t(".cs-popup-maker .ui.radio.checkbox").checkbox(),t(".cs-popup-maker select.ui.dropdown").dropdown(),t(".cs-popup-maker .menu .item").tab({onVisible:function(t){"cs-popup-html"==t&&a()}}),t(".wp-color-picker-field").wpColorPicker(),t(".group").hide();var i="";"undefined"!=typeof localStorage&&(i=localStorage.getItem("activetab")),window.location.hash&&(i=window.location.hash,"undefined"!=typeof localStorage&&localStorage.setItem("activetab",i)),""!=i&&t(i).length?t(i).fadeIn():t(".group:first").fadeIn(),t(".group .collapsed").each(function(){t(this).find("input:checked").parent().parent().parent().nextAll().each(function(){if(t(this).hasClass("last"))return t(this).removeClass("hidden"),!1;t(this).filter(".hidden").removeClass("hidden")})}),""!=i&&t(i+"-tab").length?t(i+"-tab").addClass("nav-tab-active"):t(".nav-tab-wrapper a:first").addClass("nav-tab-active"),t(".nav-tab-wrapper a").click(function(e){t(".nav-tab-wrapper a").removeClass("nav-tab-active"),t(this).addClass("nav-tab-active").blur();var a=t(this).attr("href");"undefined"!=typeof localStorage&&localStorage.setItem("activetab",t(this).attr("href")),t(".group").hide(),t(a).fadeIn(),e.preventDefault()}),t(".cs-popup-maker-browse").on("click",function(e){e.preventDefault();var a=t(this),s=wp.media.frames.file_frame=wp.media({title:a.data("uploader_title"),button:{text:a.data("uploader_button_text")},multiple:!1});s.on("select",function(){let e=s.state().get("selection").first().toJSON();if(e){t("#"+a.data("id")).val(e.id);var i=document.createElement("img");i.src=e.url,i.width=250,i.height=150,document.getElementsByClassName("cs-popup-maker-image")[0].innerHTML="",document.getElementsByClassName("cs-popup-maker-image")[0].appendChild(i)}}),s.open()}),t(document).on("keyup",'input[name="cs-popup-html[html_heading_title]"],input[name="cs-popup-html[html_subheading_title]"],input[name="cs-popup-html[html_content]"],input[name="cs-popup-html[html_content]"],input[name="cs-popup-html[heading_target]"],input[name="cs-popup-html[heading_target_label]"]',function(t){a()}),t(document).on("change",'input[name="cs-popup-html[Popup]"],input[name="cs-popup-html[heading_target]"],select[name="cs-popup-html[html_target_openin]"]',function(t){a()}),tinyMCE.activeEditor.on("keyup",function(t){a()})})})(jQuery);
     1(function(t){"use strict";t(function(e){function a(){let t='<!doctype html>                         <link rel="stylesheet" href="'+cs_admin_obj.plugin_popup_css_url+'" type="text/css" media="all" /> \t\t\t\t\t\t<html> \t\t\t\t\t\t<body id="cs-body">';t+=s(),t+="</body> \t\t\t</html>";let e=document.getElementById("html-template-popup-preview"),a=document.createElement("iframe");a.setAttribute("id","cs-preview-iframe"),a.src="about:blank",a.style.width="100%",a.style["min-height"]="600px",e.innerHTML="",e.appendChild(a);let p=a.contentWindow.document;p.open("text/html","replace"),p.write(t),p.close()}function s(){let e=t('input[name="cs-popup-html[Popup]"]:checked').val(),a=t('input[name="cs-popup-html[html_add_overlay]"]:checked').val(),s=t('input[name="cs-popup-html[html_heading_title]"]').val(),p=t('input[name="cs-popup-html[html_subheading_title]"]').val(),c=tinyMCE.activeEditor.getContent(),i=t('input[name="cs-popup-html[heading_target]"]').val(),l=t('input[name="cs-popup-html[heading_target_label]"]').val(),n=t('select[name="cs-popup-html[html_target_openin]"]').val(),o=t('input[name="cs-popup-html[html_background_color]"]').val(),d=t('input[name="cs-popup-html[html_text_color]"]').val(),u="";"undefined"!=o&&""!=o||(o="#e1404"),"undefined"!=d&&""!=d||(d="#000000"),u="<style>                 .cs-wrapper-full .cs-pop-up,\t\t\t\t.cs-wrapper-full .cs-pop-up-left-bottom, \t\t\t\t.cs-wrapper-full .cs-pop-up-center-bottom, \t\t\t\t.cs-wrapper-full .cs-pop-up-full-bottom,                 .cs-wrapper-full .cs-pop-up-right-bottom                 {                     background: "+o+" !important;                     color: "+d+" !important;                 }                 .cs-wrapper-full .cs-button {                     color: "+d+" !important;                 }                 </style>","undefined"!=s&&""!=s||(s="");let r="",h="";return"1"==a&&(r='<div class="cs-overlay">',h=";</div>"),"undefined"!=p&&""!=p||(p=""),"undefined"!=c&&""!=c||(c=""),"undefined"!=c&&""!=l||(l=""),"undefined"!=i&&""!=i||(i="#"),"undefined"!=n&&""!=n||(n="_self"),u+=2==e?'<div class="cs-wrapper-full">                             '+r+'<div class="cs-pop-up">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+s+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+p+'</h2>                                 </div>                                 <div class="cs-content">                                     '+c+'                                 </div>                                 <a class="cs-button" href="'+i+'" target="'+n+'"> '+l+"                                 </a>                             </div>"+h+"                        </div>":3==e?'<div class="cs-wrapper-full">                             '+r+'<div class="cs-pop-up-left-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+s+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+p+'</h2>                                 </div>                                 <div class="cs-content">                                     '+c+'                                 </div>                                 <a class="cs-button" href="'+i+'" target="'+n+'"> '+l+"                                 </a>                             </div>"+h+"                         </div>":4==e?'<div class="cs-wrapper-full">                            '+r+'<div class="cs-pop-up-right-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+s+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+p+'</h2>                                 </div>                                 <div class="cs-content">                                     '+c+'                                 </div>                                 <a class="cs-button" href="'+i+'" target="'+n+'"> '+l+"                                 </a>                             </div>"+h+"                         </div>":5==e?'<div class="cs-wrapper-full">                              '+r+'<div class="cs-pop-up-center-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+s+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+p+'</h2>                                 </div>                                 <div class="cs-content">                                     '+c+'                                 </div>                                 <a class="cs-button" href="'+i+'" target="'+n+'"> '+l+"                                 </a>                             </div>"+h+"                         </div>":6==e?'<div class="cs-wrapper-full">                              '+r+'<div class="cs-pop-up-full-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+s+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+p+'</h2>                                 </div>                                 <div class="cs-content">                                     '+c+'                                 </div>                                 <a class="cs-button" href="'+i+'" target="'+n+'"> '+l+"                                 </a>                             </div>"+h+"                         </div>":'<div class="cs-wrapper-full">                            '+r+'                                 <div class="cs-pop-up">                                     <a class="cs-close-pop" href="#">&times;</a>                                     <div class="cs-heading">                                         <h1>'+s+'</h1>                                     </div>                                     <div class="cs-subheading">                                         <h2>'+p+'</h2>                                     </div>                                     <div class="cs-content">                                         '+c+'                                     </div>                                     <a class="cs-button" href="'+i+'" target="'+n+'"> '+l+"                                     </a>                                 </div>                             "+h+"                         </div>",u}t(document).on("click","#cs-popup-image-button",function(e){e.preventDefault();var a=wp.media({title:"Popup Image",button:{text:"Upload Image"},multiple:!1}).on("select",function(){var e=a.state().get("selection").first().toJSON();t("#cs-popup-image-show").attr("src",e.url),t("#cs_popup_image").val(e.url)}).open()}),t(".cs-popup-maker .ui.checkbox").checkbox(),t(".cs-popup-maker .ui.radio.checkbox").checkbox(),t(".cs-popup-maker select.ui.dropdown").dropdown(),t(".cs-popup-maker .menu .item").tab({onVisible:function(t){"cs-popup-html"==t&&a()}}),t(".wp-color-picker-field").wpColorPicker({change:function(t,e,s){a()}}),t(".group").hide();var p="";"undefined"!=typeof localStorage&&(p=localStorage.getItem("activetab")),window.location.hash&&(p=window.location.hash,"undefined"!=typeof localStorage&&localStorage.setItem("activetab",p)),""!=p&&t(p).length?t(p).fadeIn():t(".group:first").fadeIn(),t(".group .collapsed").each(function(){t(this).find("input:checked").parent().parent().parent().nextAll().each(function(){if(t(this).hasClass("last"))return t(this).removeClass("hidden"),!1;t(this).filter(".hidden").removeClass("hidden")})}),""!=p&&t(p+"-tab").length?t(p+"-tab").addClass("nav-tab-active"):t(".nav-tab-wrapper a:first").addClass("nav-tab-active"),t(".nav-tab-wrapper a").click(function(e){t(".nav-tab-wrapper a").removeClass("nav-tab-active"),t(this).addClass("nav-tab-active").blur();var a=t(this).attr("href");"undefined"!=typeof localStorage&&localStorage.setItem("activetab",t(this).attr("href")),t(".group").hide(),t(a).fadeIn(),e.preventDefault()}),t(".cs-popup-maker-browse").on("click",function(e){e.preventDefault();var a=t(this),s=wp.media.frames.file_frame=wp.media({title:a.data("uploader_title"),button:{text:a.data("uploader_button_text")},multiple:!1});s.on("select",function(){let e=s.state().get("selection").first().toJSON();if(e){t("#"+a.data("id")).val(e.id);var p=document.createElement("img");p.src=e.url,p.width=250,p.height=150,document.getElementsByClassName("cs-popup-maker-image")[0].innerHTML="",document.getElementsByClassName("cs-popup-maker-image")[0].appendChild(p)}}),s.open()}),t(document).on("keyup",'input[name="cs-popup-html[html_heading_title]"],input[name="cs-popup-html[html_subheading_title]"],input[name="cs-popup-html[html_content]"],input[name="cs-popup-html[html_content]"],input[name="cs-popup-html[heading_target]"],input[name="cs-popup-html[heading_target_label]"]',function(t){a()}),t(document).on("change",'input[name="cs-popup-html[Popup]"],input[name="cs-popup-html[html_add_overlay]"],input[name="cs-popup-html[heading_target]"],select[name="cs-popup-html[html_target_openin]"]',function(t){a()}),tinyMCE.activeEditor.on("keyup",function(t){a()})})})(jQuery);
  • cs-popup-maker/trunk/public/css/cs-popup-maker-public.min.css

    r2652450 r2652575  
    1 *{margin:0;padding:0}body{text-align:center;color:#fff;font-family:'open sans'}img{outline:0;border:none;max-width:100%;height:auto}.transition{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.cs-overlay{background:rgba(0,0,0,.5);position:fixed;width:100%;height:100%;z-index:98}.cs-popup-container{position:relative;z-index:9999}.cs-popup-wrap{width:auto;max-width:90%;border-radius:5px;border:10px solid #fff;position:fixed;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 0 10px 3px rgba(0,0,0,.12)}.cs-popup-wrap img{float:left}.cs-popup-wrap .close-button{position:absolute;top:20px;right:20px;width:35px;height:35px;padding:1px;background:#fff;border-radius:50%;cursor:pointer;opacity:.1;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s}.cs-popup-wrap:hover .close-button{opacity:1}@media screen and (max-width:768px){.cs-popup-wrap .close-button{width:25px;height:25px;right:10px;top:10px;padding:0}}@media screen and (max-width:550px){.cs-popup-wrap{width:80%;text-align:center;background:#fff}.cs-popup-wrap img{float:none}}.cs-wrapper-full{display:block;height:100%;margin:0 auto;padding:30px 0;text-align:center;width:100%}.cs-wrapper-full .cs-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);visibility:visible;opacity:1}.cs-wrapper-full .cs-overlay::target{visibility:hidden;opacity:0}.cs-wrapper-full .cs-pop-up{background:#fff;border-radius:5px;margin:50px auto;padding:20px;max-height:100%;max-width:100%;position:relative;width:80%}.cs-wrapper-full .cs-pop-up .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-left-bottom{background:#e14040;bottom:0;max-width:100%;position:absolute;width:50%}.cs-wrapper-full .cs-pop-up-left-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;top:20px;text-decoration:none}.cs-wrapper-full .cs-pop-up-right-bottom{background:#e14040;bottom:0;max-width:100%;position:absolute;right:0;width:50%}.cs-wrapper-full .cs-pop-up-right-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-center-bottom{background:#e14040;bottom:0;margin:0 auto;max-width:100%;position:absolute;-webkit-transform:translateX(50%);transform:translateX(50%);width:50%}.cs-wrapper-full .cs-pop-up-center-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-full-bottom{background:#e14040;bottom:0;margin:0 auto;max-width:100%;position:absolute;width:100%}.cs-wrapper-full .cs-pop-up-full-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-heading h1{font-family:Arial;font-size:35px;text-transform:capitalize}.cs-wrapper-full .cs-subheading h2{font-family:Arial;font-size:28px;text-transform:capitalize}.cs-wrapper-full .cs-content p{font-family:Arial;font-size:18px;line-height:24px;margin:0;padding:0}.cs-wrapper-full a.cs-button{background-color:#ddd;border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:15px;font-weight:700;margin:25px 0;padding:20px 15px;text-transform:uppercase}
     1*{margin:0;padding:0}body{text-align:center;color:#fff;font-family:'open sans'}img{outline:0;border:none;max-width:100%;height:auto}.transition{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.cs-overlay{background:rgba(0,0,0,.5);position:fixed;width:100%;height:100%;z-index:98}.cs-popup-container{position:relative;z-index:9999}.cs-popup-wrap{width:auto;max-width:90%;border-radius:5px;border:10px solid #fff;position:fixed;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 0 10px 3px rgba(0,0,0,.12)}.cs-popup-wrap img{float:left}.cs-popup-wrap .close-button{position:absolute;top:20px;right:20px;width:35px;height:35px;padding:1px;background:#fff;border-radius:50%;cursor:pointer;opacity:.1;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s}.cs-popup-wrap:hover .close-button{opacity:1}.cs-wrapper-full{display:block;height:100%;margin:0 auto;padding:30px 0;position:fixed;text-align:center;width:100%;z-index:9999999999999999999999999999999999}.cs-wrapper-full .cs-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);visibility:visible;opacity:1}.cs-wrapper-full .cs-overlay::target{visibility:hidden;opacity:0}.cs-wrapper-full .cs-pop-up{background:#fff;border-radius:5px;height:88vh;margin:50px auto;max-height:100%;max-width:100%;padding:20px;position:relative;width:80%}.cs-wrapper-full .cs-pop-up .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-left-bottom{background:#e14040;bottom:0;height:auto;left:0;max-width:100%;position:absolute;right:unset;top:unset;width:50%}.cs-wrapper-full .cs-pop-up-left-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;top:20px;text-decoration:none}.cs-wrapper-full .cs-pop-up-right-bottom{background:#e14040;bottom:0;height:auto;left:unset;max-width:100%;position:absolute;right:0;top:unset;width:50%}.cs-wrapper-full .cs-pop-up-right-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-center-bottom{background:#e14040;bottom:0;height:auto;left:unset;margin:0 auto;max-width:100%;position:absolute;-webkit-transform:translateX(50%);transform:translateX(50%);right:unset;top:unset;width:50%}.cs-wrapper-full .cs-pop-up-center-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-pop-up-full-bottom{background:#e14040;bottom:0;height:auto;left:unset;margin:0 auto;max-width:100%;position:absolute;right:unset;top:unset;width:100%}.cs-wrapper-full .cs-pop-up-full-bottom .cs-close-pop{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.cs-wrapper-full .cs-heading h1{text-transform:capitalize}.cs-wrapper-full .cs-subheading h2{text-transform:capitalize}
  • cs-popup-maker/trunk/public/js/cs-popup-maker-public.js

    r2652450 r2652575  
    139139                    body                    = '';
    140140                if ('' == heading) {
    141                     heading = 'This is Pop Up heading'
     141                    heading = ''
    142142                }
    143143
    144144                if ('' == subheading) {
    145                     subheading = 'This is Pop Up Sub heading'
     145                    subheading = ''
    146146                }
    147147
    148148                if ('' == html_content) {
    149                     html_content = 'This is Pop Up Content'
     149                    html_content = ''
    150150                }
    151151
    152152                if ('' == heading_target_label) {
    153                     heading_target_label = 'Click Here'
     153                    heading_target_label = ''
    154154                }
    155155
  • cs-popup-maker/trunk/public/js/cs-popup-maker-public.min.js

    r2652450 r2652575  
    1 (function( $ ) {
    2     /**
    3      * All of the code for your admin-facing JavaScript source
    4      * should reside in this file.
    5      */
    6     $(function () {
    7         function csPopupSession() {
    8             if (!sessionStorage.getItem('csPopupEnableSessionStatus')) {
    9                 if ('on' == cs_obj.cs_popup_enable_session) {
    10                     sessionStorage.setItem('csPopupEnableSessionStatus', 'yes');
    11                     return true;
    12                 }
    13             }
    14             return false;
    15         }
    16 
    17         let csPopupMaker = function() {
    18             let closeBtn = '.cs-popup-container .cs-popup-wrap .close-button',
    19                 popupImg = '.cs-popup-container .cs-popup-wrap img',
    20                 closed = false,
    21                 csTemplate = _.template( '<div class="cs-popup-container"><div class="cs-popup-wrap"> \
    22                                                 <a href="<%= target_url %>" target="<%= target %>"> \
    23                                                 <img src="<%= image_url %>" alt="" > \
    24                                                 </a> \
    25                                                 <a class="close-button" > \
    26                                                 <img src="<%= close_icon %>" alt="" > \
    27                                                 </a> \
    28                                                 </div></div> \
    29                                                 <div class="cs-overlay"></div>'
    30                 );
    31 
    32             this.init = function() {
    33                 this.popUpContentTemplate();
    34                 $(document).on('click', '.cs-popup-container a.close-button', () => {
    35                     this.closePopup();
    36             });
    37 
    38             /*if click elsewhere*/
    39             $(window).on('click', (event) => {
    40 
    41                 if ( $(closeBtn).has( event.target ).length == 0 && $( closeBtn ).is( event.target ) ) {
    42                 /* clicked inside*/
    43             } else if ($(popupImg).has(event.target).length == 0 && $(popupImg).is(event.target) ) {
    44                 /* clicked inside wrapper*/
    45             } else {
    46                 if( closed == false ){
    47                     this.closePopup();
    48                 }
    49             }
    50         });
    51     }
    52 
    53     this.popUpContentTemplate = function () {
    54 
    55         if ( 1 == cs_obj.cs_popup_status && csPopupSession() ) {
    56             let content = csTemplate({
    57                 target_url: ( '' != cs_obj.target_url ) ? cs_obj.target_url : '#',
    58                 target: ( '' != cs_obj.target_open ) ? cs_obj.target_open : '_new',
    59                 image_url: cs_obj.image_url,
    60                 close_icon : cs_obj.close_link
    61 
    62             });
    63             $('body').prepend(content);
    64         }
    65     }
    66     this.closePopup = function() {
    67         $('.cs-popup-container').fadeOut();
    68         $('.cs-overlay').fadeOut();
    69         $('.cs-popup-container').remove();
    70         $('.cs-overlay').remove();
    71         closed = true;
    72     }
    73 };
    74 
    75 new csPopupMaker().init();
    76 
    77 
    78 let csPopupHtmlMaker = function () {
    79     let closeBtn = '.cs-wrapper-full a.cs-close-pop',
    80         popupImg = '.cs-wrapper-full',
    81         closed = false;
    82     this.init = function () {
    83         if (cs_html_obj.html_popup_status == 1) {
    84             $('body').prepend(this.getHtmlTemplate());
    85             let self = this;
    86             $(document).on('click', '.cs-wrapper-full a.cs-close-pop',function() {
    87                 self.closePopup();
    88             });
    89 
    90             /*if click elsewhere*/
    91             $(window).on('click', (event) => {
    92 
    93                 if( $(closeBtn).has( event.target ).length == 0 && $( closeBtn ).is( event.target ) ){
    94                 /* clicked inside*/
    95             }else if ($(popupImg).has(event.target).length == 0 && $(popupImg).is(event.target) ) {
    96                 /* clicked inside wrapper*/
    97             } else {
    98                 if( closed == false ){
    99                     this.closePopup();
    100                 }
    101             }
    102         });
    103     }
    104 }
    105 
    106 this.closePopup = function() {
    107     $('.cs-wrapper-full').fadeOut();
    108     $('.cs-overlay').fadeOut();
    109     $('.cs-wrapper-full').remove();
    110     $('.cs-overlay').remove();
    111     closed = true;
    112 }
    113 
    114 this.getHtmlTemplate = function() {
    115     let popupTemplate           = cs_html_obj.Popup,
    116         heading                 = cs_html_obj.html_heading_title,
    117         subheading              = cs_html_obj.html_subheading_title,
    118         html_content            = cs_html_obj.html_content,
    119         heading_target          = cs_html_obj.html_heading_target,
    120         heading_target_label    = cs_html_obj.heading_target_label,
    121         heading_target_openin   = cs_html_obj.html_target_openin,
    122         body                    = '';
    123     if ('' == heading) {
    124         heading = 'This is Pop Up heading'
    125     }
    126 
    127     if ('' == subheading) {
    128         subheading = 'This is Pop Up Sub heading'
    129     }
    130 
    131     if ('' == html_content) {
    132         html_content = 'This is Pop Up Content'
    133     }
    134 
    135     if ('' == heading_target_label) {
    136         heading_target_label = 'Click Here'
    137     }
    138 
    139     if ('' == heading_target) {
    140         heading_target = '#'
    141     }
    142 
    143 
    144     if ('' == heading_target_openin) {
    145         heading_target_openin = '_self'
    146     }
    147 
    148     if (2 == popupTemplate) {
    149         body += '<div class="cs-wrapper-full"> \
    150                                 <div class="cs-pop-up"> \
    151                                     <a class="cs-close-pop" href="#">&times;</a> \
    152                                     <div class="cs-heading"> \
    153                                         <h1>' + heading + '</h1> \
    154                                     </div> \
    155                                     <div class="cs-subheading"> \
    156                                         <h2>' + subheading + '</h2> \
    157                                     </div> \
    158                                     <div class="cs-content"> \
    159                                         ' + html_content + ' \
    160                                     </div> \
    161                                     <a class="cs-button" href="' + heading_target + '" target="' + heading_target_openin+ '"> ' + heading_target_label + ' \
    162                                     </a> \
    163                                 </div> \
    164                             </div>';
    165     } else if (3 == popupTemplate) {
    166         body += '<div class="cs-wrapper-full"> \
    167                                 <div class="cs-pop-up-left-bottom"> \
    168                                     <a class="cs-close-pop" href="#">&times;</a> \
    169                                     <div class="cs-heading"> \
    170                                         <h1>' + heading + '</h1> \
    171                                     </div> \
    172                                     <div class="cs-subheading"> \
    173                                         <h2>' + subheading + '</h2> \
    174                                     </div> \
    175                                     <div class="cs-content"> \
    176                                         ' + html_content + ' \
    177                                     </div> \
    178                                     <a class="cs-button" href="' + heading_target + '" target="' + heading_target_openin+ '"> ' + heading_target_label + ' \
    179                                     </a> \
    180                                 </div> \
    181                             </div>';
    182     } else if (4 == popupTemplate) {
    183         body += '<div class="cs-wrapper-full"> \
    184                                 <div class="cs-pop-up-right-bottom"> \
    185                                     <a class="cs-close-pop" href="#">&times;</a> \
    186                                     <div class="cs-heading"> \
    187                                         <h1>' + heading + '</h1> \
    188                                     </div> \
    189                                     <div class="cs-subheading"> \
    190                                         <h2>' + subheading + '</h2> \
    191                                     </div> \
    192                                     <div class="cs-content"> \
    193                                         ' + html_content + ' \
    194                                     </div> \
    195                                     <a class="cs-button" href="' + heading_target + '" target="' + heading_target_openin+ '"> ' + heading_target_label + ' \
    196                                     </a> \
    197                                 </div> \
    198                             </div>';
    199     } else if (5 == popupTemplate) {
    200         body += '<div class="cs-wrapper-full"> \
    201                                 <div class="cs-pop-up-center-bottom"> \
    202                                     <a class="cs-close-pop" href="#">&times;</a> \
    203                                     <div class="cs-heading"> \
    204                                         <h1>' + heading + '</h1> \
    205                                     </div> \
    206                                     <div class="cs-subheading"> \
    207                                         <h2>' + subheading + '</h2> \
    208                                     </div> \
    209                                     <div class="cs-content"> \
    210                                         ' + html_content + ' \
    211                                     </div> \
    212                                     <a class="cs-button" href="' + heading_target + '" target="' + heading_target_openin+ '"> ' + heading_target_label + ' \
    213                                     </a> \
    214                                 </div> \
    215                             </div>';
    216     } else if (6 == popupTemplate) {
    217         body += '<div class="cs-wrapper-full"> \
    218                                 <div class="cs-pop-up-full-bottom"> \
    219                                     <a class="cs-close-pop" href="#">&times;</a> \
    220                                     <div class="cs-heading"> \
    221                                         <h1>' + heading + '</h1> \
    222                                     </div> \
    223                                     <div class="cs-subheading"> \
    224                                         <h2>' + subheading + '</h2> \
    225                                     </div> \
    226                                     <div class="cs-content"> \
    227                                         ' + html_content + ' \
    228                                     </div> \
    229                                     <a class="cs-button" href="' + heading_target + '" target="' + heading_target_openin+ '"> ' + heading_target_label + ' \
    230                                     </a> \
    231                                 </div> \
    232                             </div>';
    233     } else {
    234         // default 1
    235         body += '<div class="cs-wrapper-full"> \
    236                                 <div class="cs-overlay"> \
    237                                     <div class="cs-pop-up"> \
    238                                         <a class="cs-close-pop" href="#">&times;</a> \
    239                                         <div class="cs-heading"> \
    240                                             <h1>' + heading + '</h1> \
    241                                         </div> \
    242                                         <div class="cs-subheading"> \
    243                                             <h2>' + subheading + '</h2> \
    244                                         </div> \
    245                                         <div class="cs-content"> \
    246                                             ' + html_content + ' \
    247                                         </div> \
    248                                         <a class="cs-button" href="' + heading_target + '" target="' + heading_target_openin+ '"> ' + heading_target_label + ' \
    249                                         </a> \
    250                                     </div> \
    251                                 </div> \
    252                             </div>';
    253     }
    254 
    255     return body;
    256 }
    257 }
    258 
    259 new csPopupHtmlMaker().init();
    260 
    261 });
    262 
    263 
    264 })( jQuery );
    265 
     1(function(t){t(function(){let s=function(){let s=".cs-popup-container .cs-popup-wrap .close-button",e=".cs-popup-container .cs-popup-wrap img",c=!1,a=_.template('<div class="cs-popup-container"><div class="cs-popup-wrap"> \t\t\t\t\t\t\t\t\t\t\t\t<a href="<%= target_url %>" target="<%= target %>"> \t\t\t\t\t\t\t\t\t\t\t\t<img src="<%= image_url %>" alt="" > \t\t\t\t\t\t\t\t\t\t\t\t</a> \t\t\t\t\t\t\t\t\t\t\t\t<a class="close-button" > \t\t\t\t\t\t\t\t\t\t\t\t<img src="<%= close_icon %>" alt="" > \t\t\t\t\t\t\t\t\t\t\t\t</a> \t\t\t\t\t\t\t\t\t\t\t\t</div></div> \t\t\t\t\t\t\t\t\t\t\t\t<div class="cs-overlay"></div>');this.init=function(){this.popUpContentTemplate(),t(document).on("click",".cs-popup-container a.close-button",()=>{this.closePopup()}),t(window).on("click",a=>{0==t(s).has(a.target).length&&t(s).is(a.target)||0==t(e).has(a.target).length&&t(e).is(a.target)||0==c&&this.closePopup()})},this.csPopupSession=function(){return!sessionStorage.getItem("csPopupEnableSessionStatus")&&"on"==cs_obj.cs_popup_enable_session&&(sessionStorage.setItem("csPopupEnableSessionStatus","yes"),!0)},this.popUpContentTemplate=function(){if(1==cs_obj.cs_popup_status&&this.csPopupSession()){let s=a({target_url:""!=cs_obj.target_url?cs_obj.target_url:"#",target:""!=cs_obj.target_open?cs_obj.target_open:"_new",image_url:cs_obj.image_url,close_icon:cs_obj.close_link});t("body").prepend(s)}},this.closePopup=function(){t(".cs-popup-container").fadeOut(),t(".cs-overlay").fadeOut(),t(".cs-popup-container").remove(),t(".cs-overlay").remove(),c=!0}},e=function(){let s=".cs-wrapper-full a.cs-close-pop",e=".cs-wrapper-full",c=!1;this.init=function(){if(1==cs_html_obj.html_popup_status&&this.csPopupHTMLSession()){t("body").prepend(this.getHtmlTemplate());let a=this;t(document).on("click",".cs-wrapper-full a.cs-close-pop",function(){a.closePopup()}),t(window).on("click",a=>{0==t(s).has(a.target).length&&t(s).is(a.target)||0==t(e).has(a.target).length&&t(e).is(a.target)||0==c&&this.closePopup()})}},this.closePopup=function(){t(".cs-wrapper-full").fadeOut(),t(".cs-overlay").fadeOut(),t(".cs-wrapper-full").remove(),t(".cs-overlay").remove(),c=!0},this.csPopupHTMLSession=function(){return"off"==cs_html_obj.html_enable_session||!sessionStorage.getItem("csPopupHTMLEnableSessionStatus")&&("on"!=cs_html_obj.html_enable_session||(sessionStorage.setItem("csPopupHTMLEnableSessionStatus","yes"),!0))},this.getHtmlTemplate=function(){let t=cs_html_obj.Popup,s=cs_html_obj.html_add_overlay,e=cs_html_obj.html_heading_title,c=cs_html_obj.html_subheading_title,a=cs_html_obj.html_content,o=cs_html_obj.html_heading_target,i=cs_html_obj.heading_target_label,l=cs_html_obj.html_target_openin,p="";""==e&&(e=""),""==c&&(c=""),""==a&&(a=""),""==i&&(i=""),""==o&&(o="#"),""==l&&(l="_self");let n="",r="";return"1"==s&&(n='<div class="cs-overlay">',r=";</div>"),p+=2==t?'<div class="cs-wrapper-full">                             '+n+'<div class="cs-pop-up">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+e+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+c+'</h2>                                 </div>                                 <div class="cs-content">                                     '+a+'                                 </div>                                 <a class="cs-button" href="'+o+'" target="'+l+'"> '+i+"                                 </a>                             </div>"+r+"                        </div>":3==t?'<div class="cs-wrapper-full">                             '+n+'<div class="cs-pop-up-left-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+e+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+c+'</h2>                                 </div>                                 <div class="cs-content">                                     '+a+'                                 </div>                                 <a class="cs-button" href="'+o+'" target="'+l+'"> '+i+"                                 </a>                             </div>"+r+"                         </div>":4==t?'<div class="cs-wrapper-full">                            '+n+'<div class="cs-pop-up-right-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+e+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+c+'</h2>                                 </div>                                 <div class="cs-content">                                     '+a+'                                 </div>                                 <a class="cs-button" href="'+o+'" target="'+l+'"> '+i+"                                 </a>                             </div>"+r+"                         </div>":5==t?'<div class="cs-wrapper-full">                              '+n+'<div class="cs-pop-up-center-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+e+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+c+'</h2>                                 </div>                                 <div class="cs-content">                                     '+a+'                                 </div>                                 <a class="cs-button" href="'+o+'" target="'+l+'"> '+i+"                                 </a>                             </div>"+r+"                         </div>":6==t?'<div class="cs-wrapper-full">                              '+n+'<div class="cs-pop-up-full-bottom">                                 <a class="cs-close-pop" href="#">&times;</a>                                 <div class="cs-heading">                                     <h1>'+e+'</h1>                                 </div>                                 <div class="cs-subheading">                                     <h2>'+c+'</h2>                                 </div>                                 <div class="cs-content">                                     '+a+'                                 </div>                                 <a class="cs-button" href="'+o+'" target="'+l+'"> '+i+"                                 </a>                             </div>"+r+"                         </div>":'<div class="cs-wrapper-full">                            '+n+'                                 <div class="cs-pop-up">                                     <a class="cs-close-pop" href="#">&times;</a>                                     <div class="cs-heading">                                         <h1>'+e+'</h1>                                     </div>                                     <div class="cs-subheading">                                         <h2>'+c+'</h2>                                     </div>                                     <div class="cs-content">                                         '+a+'                                     </div>                                     <a class="cs-button" href="'+o+'" target="'+l+'"> '+i+"                                     </a>                                 </div>                             "+r+"                         </div>",p}};(new s).init(),(new e).init()})})(jQuery);
Note: See TracChangeset for help on using the changeset viewer.