Changeset 2652575
- Timestamp:
- 01/04/2022 10:06:22 AM (3 years ago)
- 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:1 29px}#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 232 232 233 233 if ( 'undefined' == heading || '' == heading) { 234 heading = ' This is Pop Up heading'234 heading = '' 235 235 } 236 236 … … 243 243 244 244 if ( 'undefined' == subheading || '' == subheading ) { 245 subheading = ' This is Pop Up Sub heading'245 subheading = '' 246 246 } 247 247 248 248 if ( 'undefined' == html_content || '' == html_content) { 249 html_content = ' This is Pop Up Content'249 html_content = '' 250 250 } 251 251 252 252 if ('undefined' == html_content || '' == heading_target_label) { 253 heading_target_label = ' Click Here'253 heading_target_label = '' 254 254 } 255 255 -
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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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 139 139 body = ''; 140 140 if ('' == heading) { 141 heading = ' This is Pop Up heading'141 heading = '' 142 142 } 143 143 144 144 if ('' == subheading) { 145 subheading = ' This is Pop Up Sub heading'145 subheading = '' 146 146 } 147 147 148 148 if ('' == html_content) { 149 html_content = ' This is Pop Up Content'149 html_content = '' 150 150 } 151 151 152 152 if ('' == heading_target_label) { 153 heading_target_label = ' Click Here'153 heading_target_label = '' 154 154 } 155 155 -
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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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:1 29px}#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 232 232 233 233 if ( 'undefined' == heading || '' == heading) { 234 heading = ' This is Pop Up heading'234 heading = '' 235 235 } 236 236 … … 243 243 244 244 if ( 'undefined' == subheading || '' == subheading ) { 245 subheading = ' This is Pop Up Sub heading'245 subheading = '' 246 246 } 247 247 248 248 if ( 'undefined' == html_content || '' == html_content) { 249 html_content = ' This is Pop Up Content'249 html_content = '' 250 250 } 251 251 252 252 if ('undefined' == html_content || '' == heading_target_label) { 253 heading_target_label = ' Click Here'253 heading_target_label = '' 254 254 } 255 255 -
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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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 139 139 body = ''; 140 140 if ('' == heading) { 141 heading = ' This is Pop Up heading'141 heading = '' 142 142 } 143 143 144 144 if ('' == subheading) { 145 subheading = ' This is Pop Up Sub heading'145 subheading = '' 146 146 } 147 147 148 148 if ('' == html_content) { 149 html_content = ' This is Pop Up Content'149 html_content = '' 150 150 } 151 151 152 152 if ('' == heading_target_label) { 153 heading_target_label = ' Click Here'153 heading_target_label = '' 154 154 } 155 155 -
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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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="#">×</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.