/home3/bmscom/webinar.bmice.com/wp-content/plugins/webinar-ignition/UI/js-core.php
<?php defined( 'ABSPATH' ) || exit;
// Universal Variables
$pluginName = "webinarignition";
$sitePath = WEBINARIGNITION_URL;
$webinar_id = isset($input_get['id']) ? $input_get['id'] : "";
?>
<script>
jQuery(document).ready(function ($) {
<?php $input_get = filter_input_array(INPUT_GET); ?>
$('input[id^="additional-autoaction__cta_position__"]').on('change', function() {
// Get the current value of the input field
var ctaPositionValue = $(this).val();
// Check the value and toggle the display of .cta_alignement_new accordingly
if (ctaPositionValue === 'overlay') {
$(".cta_alignement_new").css("display", "block"); // Show the element
} else {
$(".cta_alignement_new").css("display", "none"); // Hide the element
}
});
$('#cta_position').on('change', function() {
// Get the current value of the input field
var ctaPositionValue = $(this).val();
if (ctaPositionValue === 'overlay') {
$(".default_cta_alignement_new").css("display", "block"); // Show the element
} else {
$(".default_cta_alignement_new").css("display", "none"); // Hide the element
}
});
$('.helper').tooltip();
// Create NEW Webinar ::
$('#createnewapp').on('click', function () {
$('#mWrapper .invalid').removeClass("invalid");
var $appname = $("#appname").val(),
$cloneapp = $("#cloneapp").val(),
$applang = $("#applang").val(),
webinar_date = $("#webinar_date").val(),
settings_language = $("#settings_language").val();
if( settings_language == 'yes' ){
settings_language = $applang;
} else {
settings_language = $("#site_default_language").val();
}
var webinar_start_time;
if(webinar_date != 'AUTO'){
webinar_date = $( 'input[name="webinar_date_submit"]' ).val();
webinar_start_time = $( 'input[name="webinar_start_time_submit"]' ).val();
}
var webinar_desc = $("#webinar_desc").val(),
webinar_host = $("#webinar_host").val(),
date_format = $("input[name='date_format']:checked").val(),
date_format_custom = $("input[name='date_format_custom']").val(),
time_format = $("input[name='time_format']:checked").val(),
wi_show_day = $("input[name='wi_show_day']").is(':checked'),
day_string = $("input[name='day_string']:checked").val();
if ( $appname === "" ) { $("#appname").addClass("invalid"); }
if ( $("#webinar_date").is(":visible") && ( webinar_date === "" ) ) { $("#webinar_date").addClass("invalid"); }
if ( $("#webinar_desc").is(":visible") && ( webinar_desc === "" ) ) { $("#webinar_desc").addClass("invalid"); }
if ( $("#webinar_host").is(":visible") && ( webinar_host === "" ) ) { $("#webinar_host").addClass("invalid"); }
if( $('#mWrapper .invalid').length ){ return false; }
$('#createnewappBTN').html('<?php _e( "Saving...", "webinarignition" ); ?>');
var data = {
action : 'webinarignition_create',
security : '<?php echo wp_create_nonce("webinarignition_ajax_nonce"); ?>',
appname : "" + $appname + "",
cloneapp : "" + $cloneapp + "",
applang : "" + $applang + "",
webinar_desc : webinar_desc,
webinar_host : webinar_host,
webinar_date : webinar_date,
webinar_start_time : webinar_start_time,
webinar_timezone : $("#webinar_timezone").val(),
importcode : $("#importcode").val(),
date_format : date_format,
date_format_custom : date_format_custom,
time_format : time_format,
settings_language : settings_language,
wi_show_day : wi_show_day,
day_string : day_string
};
$.post(ajaxurl, data,
function (response_data) {
// console.log(response_data); return;
window.location = "<?php echo site_url(); ?>/wp-admin/?page=<?php echo $pluginName; ?>-dashboard&id=" + response_data;
});
return false;
});
// Populate AR fields
$('.arSplit').on('click', function (event) {
event.preventDefault();
webinarIgnition_ar_extract_fields();
});
function webinarIgnition_ar_extract_fields() {
if ($('#ar_code').prop('disabled'))
return;
$('#ar_code').prop('disabled', true);
$.post(ajaxurl, {action: 'webinarIgnition_ar_extract_fields', security: '<?php echo wp_create_nonce("webinarignition_ajax_nonce"); ?>', form_data: $('#ar_code').val()}, function (data) {
$('#ar_code').prop('disabled', false);
if (data) {
$('#ar_url').val(data.form_action);
for (i in data.form_fields) {
$('#' + i).val(data.form_fields[i].name || data.form_fields[i]);
}
$('#ar_integration_status').show().find('.detected_service').text(data.service);
}
}, 'json');
}
// Delete Campaign
$('#deleteCampaign').on('click', function () {
webinarignition_confirmation($(this));
return false;
});
function webinarignition_confirmation($obj) {
if (confirm("<?php _e( "Are You Sure You Want To Delete This Campaign?", "webinarignition" ); ?>")) {
$.post(
ajaxurl,
{
action: 'webinarignition_delete_campaign',
id: "<?php echo $webinar_id; ?>",
security: '<?php echo wp_create_nonce("webinarignition_ajax_nonce"); ?>'
},
function () {
window.location = "<?php echo site_url(); ?>/wp-admin/admin.php?page=<?php echo $pluginName; ?>-dashboard";
}
);
}
}
// DELETE LEAD
$('.delete_lead').on('click', function () {
$ID = $(this).attr("lead_id");
webinarignition_confirmation2($ID);
return false;
});
function webinarignition_confirmation2($LEAD) {
var answer = confirm("<?php _e( "Are You Sure You Want To Delete This Lead?", "webinarignition" ); ?>")
if (answer) {
var data = {
action: "webinarignition_delete_lead",
id: "" + $LEAD + "",
security: '<?php echo wp_create_nonce("webinarignition_ajax_nonce"); ?>'
};
$.post(ajaxurl, data,
function (results) {
$("#table_lead_" + $LEAD).fadeOut("fast");
});
}
else {
}
}
// Delete Campaign
$('#resetStats').on('click', function () {
webinarignition_confirmation44();
return false;
});
function webinarignition_confirmation44() {
var answer = confirm("<?php _e( "Are You Sure You Want To Reset ALL The View Stats For This Campaign?", 'webinarignition' ) ?>");
if (answer) {
var data = {
action: "webinarignition_reset_stats",
security: '<?php echo wp_create_nonce("webinarignition_ajax_nonce"); ?>',
id: "<?php echo $webinar_id; ?>"
};
$.post(ajaxurl, data,
function (results) {
window.location = "<?php echo site_url(); ?>/wp-admin/admin.php?page=<?php echo $pluginName; ?>-dashboard&id=<?php echo $webinar_id; ?>";
});
}
else {
}
}
// Image Add Media Btns
$photoURLSelected = "";
$photoWPEditorCheck = "";
$('.launch_media_lib').on('click', function () {
$photoURLSelected = $(this).attr("photoBox");
tb_show('Test', 'media-upload.php?type=image&TB_iframe=true');
return false;
});
// Image Option Selector
$('.dub_select_image').on('click', function () {
// Get Data
$ID = $(this).attr("dsID");
$Data = $(this).attr("dsData");
// Set Data
$("#" + $ID + "").val($Data);
$("#" + $ID + "").trigger('change');
// Set visible indicator
$(".ds_" + $ID).removeClass("dub_select_image_selected");
$(this).addClass("dub_select_image_selected");
return false;
});
// --------------------------------------------------------------------------------------
// fix :: global save
// --------------------------------------------------------------------------------------
window.webinarignition_saveIt = function (cbf)
{
webinarignition_pre_save();
$(".saveIt").html("<i class='icon-save' ></i> <?php _e( "Saving...", "webinarignition" ); ?>");
// Loop Through all WP Editors
$(".wp-editor-wrap").each(function (index) {
$getID = this.id; // get ID wp-ID-wrap
$getID = $getID.replace("wp-", ""); // replace pre-fix
$getID = $getID.replace("-wrap", ""); // replace post-fix
if ($("#wp-" + $getID + "-wrap").hasClass("tmce-active")) { // on Visual State
$getContent = tinyMCE.get($getID).getContent();
$("#" + $getID).val($getContent);
} else { // on HTML state
$getContent = $("#" + $getID).val();
}
}).promise().done(function () { // on complete
// fix :: YouTube video settings
// --------------------------------------------------------
var etc = ['webinar_iframe_source', 'webinar_live_video'];
var ifs = document.getElementById('editApp');
for (var etn in etc)
{
if (typeof ifs[(etc[etn])] != "undefined")
{
ifs = ifs[(etc[etn])];
var htm = ifs.value;
if ( (htm.indexOf('youtube') > 0) && (htm.indexOf('[video') < 0) )
{
var obj = null; // iframe object
var div = document.createElement('div'); // div element
var url = null; // string URL
var add = {'rel':0, 'autoplay':1, 'start':0}; // add items to url
var itm = null; // item variable
var ait = null; // add item text
var dlm = null; // url variable deliminator
div.innerHTML = htm;
obj = div.getElementsByTagName('iframe')[0];
url = obj.src;
for (itm in add)
{
if (url.indexOf(itm) < 0)
{
dlm = ((url.indexOf('?') < 0) ? '?' : '&');
ait = dlm+itm+'=';
url += (ait+add[itm]);
}
}
ifs.value = htm.split(obj.src).join(url);
}
}
}
// --------------------------------------------------------
// fix :: time format
// --------------------------------------------------------
// var frm = document.getElementById('editApp');
// var fmt = frm.time_format.value;
// var lst = [frm.auto_time_fixed, frm.auto_time_delayed];
//
// for (var itm in lst)
// {
// if (!lst[itm]) {
// continue;
// }
//
// // some themes or plugins cause the ( val = val.split('.').join('').toUpperCase();) to throw error
// // because they add values that are functions to the lst.
// function webinarignition_isFunction(functionToCheck) {
// var getType = {};
// var result = functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
//
// if (typeof result == undefined || typeof result == 'undefined') {
// return true;
// } else {
// return result;
// }
// }
//
// if (webinarignition_isFunction(lst[itm])) {
// continue;
// }
//
// lst[itm].value = (function(val,fmt)
// {
// val = val.split('.').join('').toUpperCase();
// val = ((val.indexOf(' ') < 0) ? (val+' ') : val);
// var pts = (val.split(' ')[0]).split(':');
// var hrs = parseInt(((pts[0][0] == '0') ? pts[0][1] : pts[0]));
// var min = pts[1];
// var apm = ((val.indexOf('AM') > 0) ? 'AM' : ((val.indexOf('PM') > 0) ? 'PM' : false));
//
// if ((fmt == '12hour') && (apm == false))
// {
// apm = ((hrs > 11) ? 'PM' : 'AM');
// hrs = ((hrs > 11) ? (hrs - 12) : ((hrs < 1) ? 12 : hrs))+'';
// return hrs+':'+min+' '+apm;
// }
//
// if ((fmt == '24hour') && (apm !== false))
// {
// hrs = (((hrs === 12) && (apm == 'AM')) ? 0 : ((apm == 'PM') ? (hrs + 12) : hrs));
// return ((hrs < 10) ? '0' : '')+hrs+':'+min;
// }
//
// return val;
//
// }(lst[itm].value,fmt));
// }
// --------------------------------------------------------
data = $('#editApp').serializeArray();
var webinar_status = $('#webinar_status').prop("checked") ? 'published' : 'draft';
data.push({name:'webinar_status', value:webinar_status});
$.post(ajaxurl, data,
function (data) {
// fix :: dirty-forms :: sync (clean)
// --------------------------------------------------------
$ = jQuery;
$(function() {
$('form').areYouSure();
$('form.dirty-check').areYouSure();
$('form').areYouSure( {'message':'<?php _e( "Your changes are not saved!", 'webinarignition' ) ?>'} );
});
//$(".saveIt").html('<i class="icon-save" ></i> <?php //_e( "Save & Update", "webinarignition" ); ?>//');
if (typeof cbf == 'function') {
cbf(data);
} else {
window.onbeforeunload = null;
$(window).off('beforeunload');
window.onbeforeunload = function () {
// Your Code here
return null; // return null to avoid pop up
}
location.reload();
window.location.href = window.location.href;
}
});
});
}
// --------------------------------------------------------------------------------------
// Save Parts ::
$('.saveIt').on('click', function(event)
{
event.preventDefault();
webinarignition_saveIt();
}
);
var wi_showLicenseKey = false;
$('#show-license-key-button').on('click', function(e) {
e.preventDefault();
wi_showLicenseKey = wi_showLicenseKey === false ? true : false;
if (wi_showLicenseKey === true) {
$(this).html('<a href="#" >Hide License Key</a>');
$('#license-key-display').css('display', 'block');
} else {
$(this).html('<a href="#" >Show License Key</a>');
$('#license-key-display').css('display', 'none');
}
});
// Tabs For Editing App
$('.editItem').on('click', function () {
$tab = $(this).attr("tab");
$(".editItem").removeClass("editSelected");
$(this).addClass("editSelected");
$(".tabber").hide();
$("#" + $tab + "").show();
return false;
});
// Date Picker
$('.dp-date').pickadate({
format: '<?php echo webinarignition_convert_wp_to_js_date_format( $webinar_id ); ?>',
formatSubmit: 'mm-dd-yyyy',
firstDay: 1,
today: webinarignitionTranslations.today,
clear: webinarignitionTranslations.clear,
close: webinarignitionTranslations.close,
editable: true,
min: new Date(),
monthsFull: webinarignitionTranslations.monthsArray,
weekdaysFull: webinarignitionTranslations.weekdaysFull,
weekdaysShort: webinarignitionTranslations.weekdaysShort,
onSet: function() {
var chosenDate = this.get('select'),
elementId = this.get('id');
var $picker_1_elem = $('#email_notiff_date_1');
if( $picker_1_elem.length && (elementId === 'webinar_date') ){
//day-before
var $picker_1 = $picker_1_elem.pickadate('picker');
var dateObject_1 = new Date( chosenDate.obj.getTime() );
dateObject_1.setDate( dateObject_1.getDate() - 1 );
$picker_1.set( 'select', dateObject_1 );
//date of hour-before
var $picker_2 = $('#email_notiff_date_2').pickadate('picker');
$picker_2.set( 'select', new Date( chosenDate.obj.getTime() ) );
//live date
var $picker_3 = $('#email_notiff_date_3').pickadate('picker');
$picker_3.set( 'select', new Date( chosenDate.obj.getTime() ) );
var textNotificationDate = $('#email_twilio_date').pickadate('picker');
textNotificationDate.set( 'select', new Date( chosenDate.obj.getTime() ) );
//date of hour-after
var $picker_4 = $('#email_notiff_date_4').pickadate('picker');
$picker_4.set( 'select', new Date( chosenDate.obj.getTime() ) );
//day-after
var $picker_5 = $('#email_notiff_date_5').pickadate('picker');
var dateObject_5 = new Date( chosenDate.obj.getTime() );
dateObject_5.setDate( dateObject_5.getDate() + 1 );
$picker_5.set( 'select', dateObject_5 );
}
}
});
$('.timepicker').pickatime({
format: '<?php echo webinarignition_convert_wp_to_js_time_format(); ?>',
formatSubmit: 'HH:i',
editable: true,
interval:15,
clear: '',
onSet: function() {
var chosenTime = this.get('select'),
elementId = this.get('id');
var $picker_1_elem = $('#email_notiff_time_1');
if( $picker_1_elem.length && (elementId === 'webinar_start_time') ){
let date = new Date();
date.setHours( chosenTime.hour, chosenTime.mins );
//day-before
var $picker_1 = $('#email_notiff_time_1').pickatime('picker');
$picker_1.set( 'select', [ chosenTime.hour, chosenTime.mins ] );
//hour-before
var $picker_2 = $('#email_notiff_time_2').pickatime('picker');
var $picker_2Date = new Date( date.getTime() );
$picker_2Date.setHours( date.getHours() -1 );
$picker_2.set( 'select', [ $picker_2Date.getHours(), $picker_2Date.getMinutes() ] );
var textNotificationTime = $('#email_twilio_time').pickatime('picker');
textNotificationTime.set( 'select', [ $picker_2Date.getHours(), $picker_2Date.getMinutes() ] );
//live hour
var $picker_3 = $('#email_notiff_time_3').pickatime('picker');
$picker_3.set( 'select', [ chosenTime.hour, chosenTime.mins ] );
//hour-after
var $picker_4 = $('#email_notiff_time_4').pickatime('picker');
var $picker_4Date = new Date( date.getTime() );
$picker_4Date.setHours( date.getHours() + 1 );
$picker_4.set( 'select', [ $picker_4Date.getHours(), $picker_4Date.getMinutes() ] );
//day-after
var $picker_5 = $('#email_notiff_time_5').pickatime('picker');
$picker_5.set( 'select', [ chosenTime.hour, chosenTime.mins ] );
}
}
});
// Toggle Edit Section
$('.editableSectionHeading').on('click', function () {
if( $(this).hasClass('editableSectionHeadingDASH') ) return true;
$getID = $(this).attr("editSection");
$("#" + $getID).slideToggle();
$(this).toggleClass("editableSectionHeading_open");
$(this).find(".toggleIcon").toggleClass("icon-chevron-up icon-chevron-down");
return false;
});
var paid_pay_url_clone = $('#paid_pay_url').clone();
var paid_pay_url_parent = $('#wi_checkout_url_field').find('.inputSection');
var custom_registration_page_selects = $('#custom_registration_page, #custom_registration_page.inputFieldTemplateSelect').on('change', function() {
custom_registration_page_selects.not(this).get(0).selectedIndex = this.selectedIndex;
if( $(this).val() != '' ) {
let paid_thank_you_url = $(this).find(':selected').data('paid-thank-you-url');
if( paid_thank_you_url ) {
$('#tab3 input#paid_thank_you_url').val(paid_thank_you_url);
}
} else {
let paid_thank_you_url = $('#tab9 span#default_paid_thank_you_url').data('url');
if( paid_thank_you_url ) {
$('#tab3 input#paid_thank_you_url').val(paid_thank_you_url);
}
}
if(custom_registration_page_selects.not(this).hasClass('inputFieldTemplateSelect')) {
custom_registration_page_selects.not(this).trigger('change');
}
});
// Option Selector
$(document).on('click', '.optionSelector', function (e) {
e.preventDefault();
$getID = $(this).attr("data-id");
$getVALUE = $(this).attr("data-value");
var wi_wc_display_field = $('#wi_wc_display_field').data('field-value');
if(wi_wc_display_field === 0) {
if( $getVALUE === 'woocommerce' ) {
paid_pay_url_parent.empty().append('<p>'+ paid_pay_url_clone.data('message-woocommerce') +'</p>');
} else {
paid_pay_url_parent.empty().append(paid_pay_url_clone);
}
}
$('#wi_checkout_url_field').find('.inputTitleHelp').html(paid_pay_url_clone.data('help-'+$getVALUE));
if( $getVALUE === 'paypal' ) {
$('#paid_pay_url').attr('placeholder', $('#paid_pay_url').data('url-'+$getVALUE)).addClass('paypal_check').trigger('blur');
} else {
$('#paid_pay_url').attr('placeholder', $('#paid_pay_url').data('url-'+$getVALUE)).removeClass('paypal_check');
}
// Set value
$("#" + $getID).val($getVALUE).trigger('change');
// Set Selected
$(".opts-grp-" + $getID).removeClass("optionSelectorSelected");
$(this).addClass("optionSelectorSelected");
// Set Icon
$(".opts-grp-" + $getID).find("i").removeClass("icon-circle");
$(".opts-grp-" + $getID).find("i").addClass("icon-circle-blank");
$(this).find("i").addClass("icon-circle");
// Set for hide / show editable areas
// $("." + $getID).hide();
var all_items = $("." + $getID);
if (all_items.length) {
all_items.each(function (index) {
$(this).hide();
});
}
if($getVALUE === 'woocommerce' || $getVALUE === 'other') {
$("#" + $getID + "_" + 'paypal').show();
} else {
$("#" + $getID + "_" + $getVALUE).show();
}
if($getVALUE === 'woocommerce') {
var visible_items = $('.' + $getID + '_paypal_visible').show();
} else {
var visible_items = $("." + $getID + "_" + $getVALUE + '_visible').show();
}
if (visible_items.length) {
visible_items.each(function (index) {
$(this).show();
});
}
return false;
});
// Option Selectors - On Load
$(".optionSelector").each(function (index) {
// Get info
$getID = $(this).attr("data-id");
$getVALUE = $(this).attr("data-value");
// Get Current value
$getCurrent = $("#" + $getID).val();
// $("." + $getID).hide();
var all_items = $("." + $getID);
if (all_items.length) {
all_items.each(function (index) {
$(this).hide();
});
}
$("#" + $getID + "_" + $getCurrent).show();
var visible_items = $("." + $getID + "_" + $getCurrent + '_visible').show();
if ('auto_action' === $getID) {
}
if (visible_items.length) {
visible_items.each(function (index) {
$(this).show();
});
}
});
$('.opts-grp-paid_button_type.optionSelector.optionSelectorSelected').trigger('click');
// Question On Load - Sort Answered - Active
$('.questionBlock').each(function () {
$getStatus = $(this).attr("data-q-status");
$getID = $(this).attr("data-id");
if ($getStatus == "live") {
// Its an active question
$(this).appendTo("#we_active_questions");
} else {
// marked as answered
$("#markReadQ-" + $getID).hide();
$(this).appendTo("#we_answered_questions");
}
});
// Mark Q As Read
$('.markAsReadQ').on('click', function () {
$getID = $(this).attr("data-id");
// make update on POST
var data = {action: 'webinarignition_update_question_status', security: '<?php echo wp_create_nonce("webinarignition_ajax_nonce"); ?>', id: "" + $getID + ""};
$.post(ajaxurl, data, function (results) {
$("#questionBlock-" + $getID).appendTo("#we_answered_questions");
$("#markReadQ-" + $getID).hide();
});
return false;
});
// Delete Question
$('.deleteQ').on('click', function () {
$getID = $(this).attr("data-id");
// make update on POST
var data = {action: 'webinarignition_delete_question', security: '<?php echo wp_create_nonce("webinarignition_ajax_nonce"); ?>', id: "" + $getID + ""};
$.post(ajaxurl, data, function (results) {
$("#questionBlock-" + $getID).fadeOut("fast");
});
return false;
});
// LEADS - DASHBOARD
$('#leads').dataTable();
$("#leads_filter").find("input").attr("placeholder", "<?php _e( "Search Leads Here...", "webinarignition" ); ?>");
// Master Switch Settings
$('.webinarStatus').on('click', function () {
$getData = $(this).attr("data");
$("#webinar_switch").val($getData);
$(".webinarStatus").removeClass("webinarStatusSelected");
$(this).addClass("webinarStatusSelected");
return false;
});
// Creation -- Show / Hide Based On Type
$('#cloneapp').on("change", function () {
$data = $(this).val();
var wi_sll = $('#wi_sll').val();
var wi_segl = $('#wi_segl').val();
if ($data == "new") { //Live
// show all the bits
$("#createToggle1, #createToggle2, #createToggle3, .weCreateRight, .date_formats, .time_formats, #webinar_language").show();
$(".importArea").hide();
$('.weCreateLeft').width(530);
$(".weCreateRight").animate({marginTop: '0px'}, 'fast');
$(".weCreateTitleIconI").addClass("icon-arrow-right");
$(".weCreateTitleIconI").removeClass("icon-arrow-down");
if(wi_sll == 0) {
$('#applang').find('option:first-child').prop('selected', true);
$('#applang').find('option').attr('disabled', true);
$('#applang').find('option:first-child').prop('disabled', false);
$('#settings_language').find('option:nth-child(2)').prop('selected', true);
$('#settings_language').attr('disabled', true);
$('#applang').trigger('change');
$('#plan_upgrade_notice_live_webinars').show();
}
} else if ($data == "auto") { //EG
// hide time settings...
$("#createToggle1, #createToggle2, #createToggle3, .importArea").hide();
$(".weCreateRight, .date_formats, .time_formats").show();
$('.weCreateLeft').width(530);
// $(".weCreateRight").css("margin-top", "83px");
$(".weCreateRight").animate({marginTop: '83px'}, 'fast');
$(".weCreateTitleIconI").removeClass("icon-arrow-right");
$(".weCreateTitleIconI").addClass("icon-arrow-down");
// $(".weCreateTitleIconI").animate({ marginRight: '-303px' }, 'fast');
if(wi_segl == 1) {
$('#applang').find('option').prop('disabled', false);
$('#settings_language').prop('disabled', false).find('option').prop('disabled', false);
$('#applang').trigger('change');
$('#plan_upgrade_notice_live_webinars').hide();
}
} else if ($data == "import") {
// hide side bar and change arrow
$(".weCreateRight, .date_formats, .time_formats, #webinar_language").hide();
$('.weCreateLeft').animate({width: '900'}, 'fast');
$(".weCreateTitleIconI").removeClass("icon-arrow-right");
$(".weCreateTitleIconI").addClass("icon-arrow-down");
$(".importArea").show();
} else {
// hide side bar and change arrow
$(".weCreateRight, .date_formats, .time_formats, #webinar_language, .importArea").hide();
$('.weCreateLeft').animate({width: '900'}, 'fast');
$(".weCreateTitleIconI").removeClass("icon-arrow-right");
$(".weCreateTitleIconI").addClass("icon-arrow-down");
}
return false;
});
$('#cloneapp').trigger('change');
// Timezone -- For User Reference
var today = new Date();
var time = today.getHours() + ":" + today.getMinutes();
$.post(ajaxurl, {
action: 'webinarignition_ajax_get_localized_time',
time: time,
security: '<?php echo wp_create_nonce("webinarignition_ajax_nonce"); ?>'
}, function (response) {
$(".timezoneRefZ").html(response);
});
var tz = jstz.determine_timezone();
var tzname = tz.timezone.olson_tz;
var tzoffset = tz.timezone.utc_offset;
//$(".timezoneRefZ").text(tzname);
// Get Timezone & info
var data = {action: 'webinarignition_get_local_tz', security: '<?php echo wp_create_nonce("webinarignition_ajax_nonce"); ?>', tz: "" + tzname + ""};
$.post(ajaxurl, data, function (results) {
//$(".timezoneRefZ").html(results);
});
// Get Timezone & info -- CREATION SET
var data = {action: 'webinarignition_get_local_tz_set', security: '<?php echo wp_create_nonce("webinarignition_ajax_nonce"); ?>', tz: "" + tzname + ""};
$.post(ajaxurl, data, function (results) {
$(".tzCreate").val(results);
});
$( document.body ).on('click', '#createAutoTime', function() {
var btn = $(this);
var template = $('#additional_auto_time_template').html();
var container =$('#additional_auto_time_container');
container.append( template );
var last = reindex_additional_auto_times();
});
$( document.body ).on('click', '.deleteAutoTime', function() {
var btn = $(this);
var container = btn.parents('.additional_auto_time_item');
container.remove();
var last = reindex_additional_auto_times();
});
function reindex_additional_auto_times(cb) {
var containers =$('#additional_auto_time_container .additional_auto_time_item');
if (containers.length) {
var last;
var last_continer;
containers.each(function( index ) {
var container = $(this);
last_continer = container;
var num = index + 1;
last = num;
var header = container.find('.inputTitleCopy');
var header_num = header.find('span.index_holder');
header_num.text(num + 3);
var selects = container.find('select.select_auto_time');
if (selects.length) {
selects.each(function( ) {
var input = $(this);
var id = input.attr('id');
var id_array = id.split('__');
id = id_array[0] + '__' + id_array[1] + '__' + num;
input.attr('id', id).attr('disabled', false);
});
}
var selects_weekday = container.find('select.select_auto_weekday');
if (selects_weekday.length) {
selects_weekday.each(function( ) {
var input = $(this);
var id = input.attr('id');
var id_array = id.split('__');
id = id_array[0] + '__' + id_array[1] + '__' + num;
var name_array = input.attr('name').split('[');
var name = name_array[0] + '[' + index + '][]';
input.attr('id', id).attr('name', name).attr('disabled', false);
});
}
});
return last_continer;
}
}
$( document.body ).on('click', '#createWebinarTab, #createWebinarQATab, #createWebinarGiveawayTab', function() {
var btn = $(this);
var template = $('#webinar_tabs_template_container').html();
var container =$('#webinar_tabs_container');
make_last_added_webinar_tab_active();
container.append( template );
var last = reindex_webinar_tabs();
last.addClass('auto_action_item_active');
if (btn.hasClass('shortcode_tab')) {
var title = btn.data('title');
var type = btn.data('type');
var content = btn.data('content');
var title_input = last.find('.webinar_tabs_name');
var type_input = last.find('.webinar_tabs_type');
var content_input = last.find('.webinar_tabs_content');
title_input.val(title);
type_input.val(type);
var editorId = content_input.attr('id');
content_input.text(content);
wp.editor.remove( editorId );
wp.editor.initialize(editorId, {
tinymce: {
height: 250,
teeny: false,
wpautop: false,
plugins : 'charmap colorpicker compat3x directionality fullscreen hr image lists media paste tabfocus textcolor wordpress wpautoresize wpdialogs wpeditimage wpemoji wpgallery wplink wptextpattern wpview',
toolbar1: 'formatselect bold italic | bullist numlist | blockquote wp_more | alignleft aligncenter alignright | link unlink | fullscreen | wp_adv',
toolbar2: 'alignjustify forecolor underline strikethrough hr | pastetext removeformat charmap | outdent indent | undo redo | wp_help'
}, quicktags: true, mediaButtons: true,
});
btn.hide();
}
var offset = last.offset();
var topScroll = offset.top - 40;
$('html, body').stop().animate({ scrollTop: topScroll }, 500);
});
$( document.body ).on('click', '.deleteWebinarTab', function() {
var btn = $(this);
var container = btn.parents('.additional_auto_action_item');
var type = container.find('.webinar_tabs_type').val();
container.remove();
if (type === 'qa_tab') {
$('#createWebinarQATab').show();
} else if (type === 'giveaway_tab') {
$('#createWebinarGiveawayTab').show();
}
var last = reindex_webinar_tabs();
if (last) {
var offset = last.offset();
var topScroll = offset.top - 40;
$('html, body').stop().animate({ scrollTop: topScroll }, 500);
}
});
function make_last_added_webinar_tab_active() {
var items = $('#webinar_tabs_container .webinar_tab_item');
if (items.length) {
items.each(function(index) {
var item = $(this);
item.removeClass('auto_action_item_active');
});
}
}
function reindex_webinar_tabs() {
var containers =$('#webinar_tabs_container .webinar_tab_item');
if (containers.length) {
var last;
var last_continer;
containers.each(function( index ) {
var container = $(this);
last_continer = container;
var num = index + 1;
last = num;
var header = container.find('.auto_action_header h4');
var header_num = header.find('span.index_holder');
header_num.text(num);
var webinar_tabs_name = container.find('.webinar_tabs_name');
var webinar_tabs_type = container.find('.webinar_tabs_type');
var webinar_tabs_content = container.find('.webinar_tabs_content');
if (webinar_tabs_name.length) {
webinar_tabs_name.attr('id', 'webinar_tabs_name_'+index);
webinar_tabs_name.attr('name', 'webinar_tabs['+index+'][name]');
}
if (webinar_tabs_type.length) {
webinar_tabs_type.attr('id', 'webinar_tabs_type_'+index);
webinar_tabs_type.attr('name', 'webinar_tabs['+index+'][type]');
}
if (webinar_tabs_content.length) {
var editorId = 'webinar_tabs_content_'+index;
webinar_tabs_content.attr('id', editorId);
webinar_tabs_content.attr('name', 'webinar_tabs['+index+'][content]');
wp.editor.remove( editorId );
wp.editor.initialize(editorId, {
tinymce: {
height: 250,
teeny: false,
wpautop: false,
plugins : 'charmap colorpicker compat3x directionality fullscreen hr image lists media paste tabfocus textcolor wordpress wpautoresize wpdialogs wpeditimage wpemoji wpgallery wplink wptextpattern wpview',
toolbar1: 'formatselect bold italic | bullist numlist | blockquote wp_more | alignleft aligncenter alignright | link unlink | fullscreen | wp_adv',
toolbar2: 'alignjustify forecolor underline strikethrough hr | pastetext removeformat charmap | outdent indent | undo redo | wp_help'
}, quicktags: true, mediaButtons: true,
});
}
});
return last_continer;
}
}
$( document.body ).on('click', '#createTrackingTag', function() {
var btn = $(this);
var template = $('.tracking_tags_template_container').html();
var container =$('#tracking_tags_container');
make_last_added_tag_active();
container.append( template );
var last = reindex_tracking_tags();
last.addClass('auto_action_item_active');
var offset = last.offset();
var topScroll = offset.top - 40;
$('html, body').stop().animate({ scrollTop: topScroll }, 500);
});
$( document.body ).on('click', '.cloneTrackingTag', function() {
var btn = $(this);
var cloned = btn.parents('.tracking_tag_item');
var tracking_tags_time = cloned.find('.tracking_tags_time').val();
var tracking_tags_name = cloned.find('.tracking_tags_name').val();
var tracking_tags_slug = cloned.find('.tracking_tags_slug').val();
var tracking_tags_pixel = cloned.find('.tracking_tags_pixel').text();
var template = $('.tracking_tags_template_container').html();
var container =$('#tracking_tags_container');
make_last_added_tag_active();
container.append( template );
var last = reindex_tracking_tags();
last.find('.tracking_tags_time').val(tracking_tags_time).trigger('change');
last.find('.tracking_tags_name').val(tracking_tags_name).trigger('change');
last.find('.tracking_tags_slug').val(tracking_tags_slug).trigger('change');
last.find('.tracking_tags_pixel').text(tracking_tags_pixel);
last.addClass('auto_action_item_active');
var offset = last.offset();
var topScroll = offset.top - 40;
$('html, body').stop().animate({ scrollTop: topScroll }, 500);
});
function make_last_added_tag_active() {
var items = $('#tracking_tags_container .tracking_tag_item');
if (items.length) {
items.each(function(index) {
var item = $(this);
item.removeClass('auto_action_item_active');
});
}
}
function reindex_tracking_tags() {
var containers =$('#tracking_tags_container .tracking_tag_item');
if (containers.length) {
var last;
var last_continer;
containers.each(function( index ) {
var container = $(this);
last_continer = container;
var num = index + 1;
last = num;
var header = container.find('.auto_action_header h4');
var header_num = header.find('span.index_holder');
header_num.text(num);
var tracking_tags_time = container.find('.tracking_tags_time');
var tracking_tags_name = container.find('.tracking_tags_name');
var tracking_tags_slug = container.find('.tracking_tags_slug');
var tracking_tags_pixel = container.find('.tracking_tags_pixel');
if (tracking_tags_time.length) {
tracking_tags_time.attr('id', 'tracking_tags_time_'+index);
tracking_tags_time.attr('name', 'tracking_tags['+index+'][time]');
}
if (tracking_tags_name.length) {
tracking_tags_time.attr('id', 'tracking_tags_name_'+index);
tracking_tags_name.attr('name', 'tracking_tags['+index+'][name]');
}
if (tracking_tags_slug.length) {
tracking_tags_time.attr('id', 'tracking_tags_slug_'+index);
tracking_tags_slug.attr('name', 'tracking_tags['+index+'][slug]');
}
if (tracking_tags_pixel.length) {
tracking_tags_pixel.attr('id', 'tracking_tags_pixel_'+index);
tracking_tags_pixel.attr('name', 'tracking_tags['+index+'][pixel]');
}
});
return last_continer;
}
}
$( document.body ).on('click', '.deleteTrackingTag', function() {
var btn = $(this);
var container =btn.parents('.additional_auto_action_item');
container.remove();
var last = reindex_tracking_tags();
var offset = last.offset();
var topScroll = offset.top - 40;
$('html, body').stop().animate({ scrollTop: topScroll }, 500);
});
$( document.body ).on('change paste keyup', '.tracking_tags_time, .tracking_tags_name, .tracking_tags_slug', function() {
var item = $(this).parents('.tracking_tag_item');
var tracking_tags_time = item.find('.tracking_tags_time').val();
var tracking_tags_name = item.find('.tracking_tags_name').val();
var tracking_tags_slug = item.find('.tracking_tags_slug').val();
var auto_action_desc_holder = item.find('.auto_action_desc_holder');
var auto_action_desc = '';
if ('' !== tracking_tags_time.trim()) {
auto_action_desc = '(';
auto_action_desc = auto_action_desc + tracking_tags_time.trim();
}
if ('' !== tracking_tags_name.trim()) {
if ('' !== auto_action_desc.trim()) {
auto_action_desc = auto_action_desc + ' - ';
} else {
auto_action_desc = '(';
}
auto_action_desc = auto_action_desc + tracking_tags_name.trim();
}
if ('' !== auto_action_desc.trim()) {
auto_action_desc = auto_action_desc + ')';
}
auto_action_desc_holder.text(auto_action_desc);
});
$( document.body ).on('click', '#createAutoAction', function() {
var btn = $(this);
make_last_added_active();
var template = $('.additional_auto_action_template_container').html();
var container =$('.additional_auto_action_container');
container.append( template );
var last = reindex_additional_ctas();
container.find('.auto_action_item_active input[name^="additional-autoaction__auto_action_time__"]').inputmask({
mask: "9{1,6}:59",
definitions: {'5': {validator: "[0-5]"}}
});
container.find('.auto_action_item_active input[name^="additional-autoaction__auto_action_time_end__"]').inputmask({
mask: "9{1,6}:59",
definitions: {'5': {validator: "[0-5]"}}
});
var newColorPicker = container.find('.auto_action_item_active input[name^="additional-autoaction__replay_order_color__"]');
cloneCTAColorPicker(newColorPicker,'');
scrollToLast(last);
});
$( document.body ).on('change paste keyup', 'input[name^="additional-autoaction__auto_action_time__"], input[name^="additional-autoaction__auto_action_time_end__"], input[name^="additional-autoaction__auto_action_btn_copy__"]', function() {
var container = $(this).parents('.auto_action_item');
var clonedAuto_action_time = container.find('input[name^="additional-autoaction__auto_action_time__"]').val();
var clonedAuto_action_time_end = container.find('input[name^="additional-autoaction__auto_action_time_end__"]').val();
var clonedAuto_action_btn_copy = container.find('input[name^="additional-autoaction__auto_action_btn_copy__"]').val();
let auto_action_desc = '';
if ('' !== clonedAuto_action_time) {
auto_action_desc = auto_action_desc + clonedAuto_action_time;
}
if ('' !== clonedAuto_action_time_end) {
if ('' !== auto_action_desc) {
auto_action_desc = auto_action_desc + ' - ';
} else {
auto_action_desc = auto_action_desc + '0:00 - ';
}
auto_action_desc = auto_action_desc + clonedAuto_action_time_end;
}
if ('' !== clonedAuto_action_btn_copy) {
if ('' !== auto_action_desc) {
auto_action_desc = auto_action_desc + ' - ';
}
auto_action_desc = auto_action_desc + clonedAuto_action_btn_copy;
}
if ('' !== auto_action_desc) {
auto_action_desc = '(' + auto_action_desc + ')';
}
container.find('.auto_action_header .auto_action_desc_holder').text(auto_action_desc);
});
$( document ).on('click', '.opts-grp-auto_action', function(e) {
e.preventDefault();
let ele = $('div.auto_action_header:nth-child(2) > h4 > span.auto_action_desc_holder');
if(ele.is(':visible')) {
ele.hide();
} else {
ele.show();
}
});
$( document ).on('click', '.cloneAutoAction', function() {
var clonedContainer = $(this).parents('.auto_action_item_active').removeClass('auto_action_item_active').clone();
var indexHolder = clonedContainer.find('.auto_action_header > h4 > span.index_holder');
var oldCtaIndex = indexHolder.text();
var container = $('#additional_auto_action_container');
var newCtaIndex = container.children('.additional_auto_action_item').length + 1;
indexHolder.text(newCtaIndex);
container.append( clonedContainer );
var editor_id_prefix = 'additional-autoaction__auto_action_copy__';
clonedContainer.find('input', 'textarea').each(function(i, input) {
let input_name = $(input).attr('name');
if(input_name) {
input_name = input_name.replace('__' + oldCtaIndex, '__' + newCtaIndex);
$(input).attr('name', input_name);
}
let input_id = $(input).attr('id');
if(input_id) {
input_id = input_id.replace('__' + oldCtaIndex, '__' + newCtaIndex);
$(input).attr('id', input_id);
}
});
clonedContainer.find('a[class*="opts-grp-additional-autoaction__cta_position__"], a[class*="opts-grp-additional-autoaction__cta_iframe__"]').each(function() {
let position_button = $(this);
let position_button_id = position_button.data('id');
if(position_button_id) {
let has_same_class = position_button.hasClass('opts-grp-' + position_button_id);
position_button.removeClass('opts-grp-' + position_button_id);
let position_button_id_array = position_button_id.split('__');
position_button_id = position_button_id_array[0] + '__' + position_button_id_array[1] + '__' + newCtaIndex;
position_button.attr('data-id', position_button_id);
if (has_same_class) {
position_button.addClass('opts-grp-' + position_button_id);
}
}
});
/* CTA IFRAME FIELD */
clonedContainer.find('#additional-autoaction__cta_iframe__' + oldCtaIndex).attr('id', '#additional-autoaction__cta_iframe__' + newCtaIndex);
clonedContainer.find('#additional-autoaction__cta_iframe__' + oldCtaIndex + '_no').attr('id', 'additional-autoaction__cta_iframe__' + newCtaIndex + '_no').attr('class', 'additional-autoaction__cta_iframe__' + newCtaIndex);
clonedContainer.find('#additional-autoaction__cta_iframe__' + oldCtaIndex + '_yes').attr('id', 'additional-autoaction__cta_iframe__' + newCtaIndex + '_yes').attr('class', 'additional-autoaction__cta_iframe__' + newCtaIndex);
clonedContainer.find('a[class*="opts-grp-additional-autoaction__cta_iframe__' + oldCtaIndex + '"]').attr('class', 'opts-grp-additional-autoaction__cta_iframe__' + newCtaIndex);
clonedContainer.find('#additional-autoaction__cta_iframe_sc__' + oldCtaIndex).attr('id', '#additional-autoaction__cta_iframe_sc__' + newCtaIndex);
/* CTA IFRAME FIELD */
clonedContainer.find('#wp-additional-autoaction__auto_action_copy__' + oldCtaIndex + '-wrap').parent().html('').append('<textarea id="' + editor_id_prefix + newCtaIndex + '" name="' + editor_id_prefix + newCtaIndex + '" class="wp-editor" style="width:100%"> ' + wp.editor.getContent( editor_id_prefix + oldCtaIndex ) + '</textarea>');
wp.editor.initialize(editor_id_prefix + newCtaIndex, {
tinymce: {
height: 250,
teeny: false,
wpautop: false,
plugins : 'charmap colorpicker compat3x directionality fullscreen hr image lists media paste tabfocus textcolor wordpress wpautoresize wpdialogs wpeditimage wpemoji wpgallery wplink wptextpattern wpview',
toolbar1: 'formatselect bold italic | bullist numlist | blockquote wp_more | alignleft aligncenter alignright | link unlink | fullscreen | wp_adv',
toolbar2: 'alignjustify forecolor underline strikethrough hr | pastetext removeformat charmap | outdent indent | undo redo | wp_help'
},
quicktags: true,
mediaButtons: true,
});
if ( typeof window.tinyMCE !== 'undefined' ) {
tinyMCE.get(editor_id_prefix + newCtaIndex).remove();
tinyMCE.execCommand("mceAddEditor", false, editor_id_prefix + newCtaIndex);
}
clonedContainer.find('input[name^="additional-autoaction__auto_action_time__"], input[name^="additional-autoaction__auto_action_time_end__"]').inputmask({
mask: "9{1,6}:59",
definitions: {'5': {validator: "[0-5]"}}
});
var newColorPicker = clonedContainer.find('input[name^="additional-autoaction__replay_order_color__"]');
cloneCTAColorPicker(newColorPicker);
clonedContainer.addClass('auto_action_item_active').trigger('click');
scrollToLast(newCtaIndex);
});
$( document.body ).on('change paste keyup', '#auto_action_time, #auto_action_time_end, #auto_action_btn_copy', function() {
var container = $(this).parents('.auto_action_item');
var clonedAuto_action_time = $('input#auto_action_time').val();
var clonedAuto_action_time_end = $('#auto_action_time_end').val();
var clonedAuto_action_btn_copy = $('#auto_action_btn_copy').val();
let auto_action_desc = '';
if ('' !== clonedAuto_action_time) {
auto_action_desc = auto_action_desc + clonedAuto_action_time;
}
if ('' !== clonedAuto_action_time_end) {
if ('' !== auto_action_desc) {
auto_action_desc = auto_action_desc + ' - ';
} else {
auto_action_desc = auto_action_desc + '0:00 - ';
}
auto_action_desc = auto_action_desc + clonedAuto_action_time_end;
}
if ('' !== clonedAuto_action_btn_copy) {
if ('' !== auto_action_desc) {
auto_action_desc = auto_action_desc + ' - ';
}
auto_action_desc = auto_action_desc + clonedAuto_action_btn_copy;
}
if ('' !== auto_action_desc) {
auto_action_desc = '(' + auto_action_desc + ')';
}
container.find('.auto_action_header .auto_action_desc_holder').text(auto_action_desc);
});
$( document.body ).on('click', '#cloneMainAutoAction', function() {
var clonedAuto_action_time = $('input#auto_action_time').val();
var clonedAuto_action_time_end = $('#auto_action_time_end').val();
var clonedAuto_action_btn_copy = $('#auto_action_btn_copy').val();
var clonedAuto_action_url = $('#auto_action_url').val();
var clonedReplay_order_color = $('#replay_order_color').val();
var clonedPosition = $('#cta_position').val();
var clonedIframe = $('#cta_iframe').val();
var clonedIframeSC = $('#cta_iframe_sc').val();
var clonedAuto_action_copy = tmce_getContent('auto_action_copy');
$(this).parents('.default_auto_action_container').removeClass('auto_action_item_active');
var template = $('.additional_auto_action_template_container > .additional_auto_action_item').clone();
var container =$('.additional_auto_action_container');
container.append( template );
var last = reindex_additional_ctas();
template.find('.auto_action_header > h4 > span.index_holder').text(last);
template.find('a[data-value="' + clonedPosition + '"]').trigger('click');
/* CTA IFRAME FIELD */
template.find('#additional-autoaction__cta_iframe__' + last).val(clonedIframe);
template.find('#additional-autoaction__cta_iframe_sc__' + last).val(clonedIframeSC);
template.find('#additional-autoaction__cta_iframe___no').attr('id', 'additional-autoaction__cta_iframe__' + last + '_no').attr('class', 'additional-autoaction__cta_iframe__' + last);
template.find('#additional-autoaction__cta_iframe___yes').attr('id', 'additional-autoaction__cta_iframe__' + last + '_yes').attr('class', 'additional-autoaction__cta_iframe__' + last);
template.find('a[class*="opts-grp-additional-autoaction__cta_iframe__' + last + '"][data-value="' + clonedIframe + '"]').trigger('click');
/* CTA IFRAME FIELD */
template.find('#additional-autoaction__cta_position__' + last).val(clonedPosition);
template.find('#additional-autoaction__auto_action_time__' + last).val(clonedAuto_action_time).inputmask({
mask: "9{1,6}:59",
definitions: {'5': {validator: "[0-5]"}}
});
template.find('#additional-autoaction__auto_action_time_end__' + last).val(clonedAuto_action_time_end).inputmask({
mask: "9{1,6}:59",
definitions: {'5': {validator: "[0-5]"}}
});
template.find('#additional-autoaction__auto_action_btn_copy__' + last).val(clonedAuto_action_btn_copy);
template.find('#additional-autoaction__auto_action_url__' + last).val(clonedAuto_action_url);
let auto_action_desc = '';
if ('' !== clonedAuto_action_time) {
auto_action_desc = auto_action_desc + clonedAuto_action_time;
}
if ('' !== clonedAuto_action_time_end) {
if ('' !== auto_action_desc) {
auto_action_desc = auto_action_desc + ' - ';
} else {
auto_action_desc = auto_action_desc + '0:00 - ';
}
auto_action_desc = auto_action_desc + clonedAuto_action_time_end;
}
if ('' !== clonedAuto_action_btn_copy) {
if ('' !== auto_action_desc) {
auto_action_desc = auto_action_desc + ' - ';
}
auto_action_desc = auto_action_desc + clonedAuto_action_btn_copy;
}
if ('' !== auto_action_desc) {
auto_action_desc = '(' + auto_action_desc + ')';
}
template.find('.auto_action_header .auto_action_desc_holder').text(auto_action_desc);
var newColorPicker = template.find('#additional-autoaction__replay_order_color__' + last);
cloneCTAColorPicker(newColorPicker, clonedReplay_order_color);
var last_editorId = 'additional-autoaction__auto_action_copy__' + last;
wp.editor.remove( last_editorId );
$('#'+last_editorId).val(clonedAuto_action_copy);
wp.editor.initialize(last_editorId, {
tinymce: {
height: 250,
teeny: false,
wpautop: false,
plugins : 'charmap colorpicker compat3x directionality fullscreen hr image lists media paste tabfocus textcolor wordpress wpautoresize wpdialogs wpeditimage wpemoji wpgallery wplink wptextpattern wpview',
toolbar1: 'formatselect bold italic | bullist numlist | blockquote wp_more | alignleft aligncenter alignright | link unlink | fullscreen | wp_adv',
toolbar2: 'alignjustify forecolor underline strikethrough hr | pastetext removeformat charmap | outdent indent | undo redo | wp_help'
},
quicktags: true,
mediaButtons: true,
});
scrollToLast(last);
});
/**
* Clone webinar CTA buttons color picker
* @param colorPicker (required) color picker dom element to clone
* @param colorValue (optional) color value in HEX string
*/
function cloneCTAColorPicker(colorPicker, colorValue) {
if( colorValue ) {
colorPicker.val(colorValue);
}
colorPicker.parents('.inputSection > .wp-picker-container').replaceWith(colorPicker);
jQuery(colorPicker).wpColorPicker({
clear: function() {
jQuery(this).prev().find('.cp-picker').val( 'transparent' );
}
});
}
function scrollToLast(last) {
var p = $( "#additional_auto_action_container .additional_auto_action_item:last" );
var offset = p.offset();
var topScroll = offset.top - 40;
$('html, body').stop().animate({ scrollTop: topScroll }, 500);
}
function tmce_getContent(editor_id, textarea_id) {
if ( typeof editor_id == 'undefined' ) editor_id = wpActiveEditor;
if ( typeof textarea_id == 'undefined' ) textarea_id = editor_id;
if ( jQuery('#wp-'+editor_id+'-wrap').hasClass('tmce-active') && tinyMCE.get(editor_id) ) {
return tinyMCE.get(editor_id).getContent();
}else{
return jQuery('#'+textarea_id).val();
}
}
function tmce_setContent(content, editor_id, textarea_id) {
if ( typeof editor_id == 'undefined' ) editor_id = wpActiveEditor;
if ( typeof textarea_id == 'undefined' ) textarea_id = editor_id;
if ( jQuery('#wp-'+editor_id+'-wrap').hasClass('tmce-active') && tinyMCE.get(editor_id) ) {
tinyMCE.get(editor_id).setContent(content);
}else{
jQuery('#'+textarea_id).val(content);
}
}
$( document.body ).on('change', '#webinar_template', function() {
var input = $(this);
var template = input.val();
var visible_for_classic = $('.section-visible-for-webinar-classic');
var visible_for_modern = $('.section-visible-for-webinar-modern');
if ('classic' === template) {
if (visible_for_classic.length) {
visible_for_classic.each(function() {
$(this).show();
});
}
if (visible_for_modern.length) {
visible_for_modern.each(function() {
$(this).hide();
});
}
} else {
if (visible_for_classic.length) {
visible_for_classic.each(function() {
$(this).hide();
});
}
if (visible_for_modern.length) {
visible_for_modern.each(function() {
$(this).show();
});
}
}
});
$( document.body ).on('click', '.deleteAutoAction', function(e) {
e.preventDefault();
var additional_cta_deleted_item = $(this).parents('.additional_auto_action_item');
var additional_cta_deleted_item_index = additional_cta_deleted_item.index();
additional_cta_deleted_item.remove();
reindex_additional_ctas_after_delete(additional_cta_deleted_item_index);
});
$( document.body ).on('click', '.auto_action_header', function() {
var header = $(this);
var parent_container = header.parents('.auto_action_item');
var is_active = parent_container.hasClass('auto_action_item_active');
var parent_section = header.parents('.we_edit_area');
var containers = parent_section.find('.auto_action_item');
if (containers.length) {
containers.each(function() {
var container = $(this);
container.removeClass('auto_action_item_active');
});
}
if (!is_active) {
parent_container.addClass('auto_action_item_active');
var offset = header.offset();
var topScroll = offset.top - 40;
$('html, body').stop().animate({ scrollTop: topScroll }, 500);
}
});
function make_last_added_active() {
var containers = $('#we_edit_auto_actions .auto_action_item');
if (containers.length && containers.length > 1) {
containers.each(function(index) {
var container = $(this);
container.removeClass('auto_action_item_active');
});
}
}
function reindex_additional_ctas_after_delete( additional_cta_deleted_item_index ) {
var editor_id_prefix = 'additional-autoaction__auto_action_copy__';
var additional_cta_items = $('#additional_auto_action_container .additional_auto_action_item');
wp.editor.remove( editor_id_prefix + additional_cta_deleted_item_index );
if( additional_cta_items.length > 0 ) {
additional_cta_items.each(function(additional_cta_index, additional_cta_item) {
if( additional_cta_index < additional_cta_deleted_item_index ) return; //only process items after deleted index to reduce processing time and browser load
var additional_cta_item = $(additional_cta_item);
var indexHolder = $(additional_cta_item).find('.auto_action_header > h4 > span.index_holder');
var oldCtaIndex = indexHolder.text();
var newCtaIndex = additional_cta_index + 1;
indexHolder.text(newCtaIndex);
additional_cta_item.find('input', 'textarea').each(function(i, input) {
let input_name = $(input).attr('name');
if(input_name) {
input_name = input_name.replace('__' + oldCtaIndex, '__' + newCtaIndex);
$(input).attr('name', input_name);
}
let input_id = $(input).attr('id');
if(input_id) {
input_id = input_id.replace('__' + oldCtaIndex, '__' + newCtaIndex);
$(input).attr('id', input_id);
}
});
additional_cta_item.find('a[class*="opts-grp-additional-autoaction__cta_position__"], a[class*="opts-grp-additional-autoaction__cta_iframe__"]').each(function() {
let position_button = $(this);
let position_button_id = position_button.data('id');
if(position_button_id) {
let has_same_class = position_button.hasClass('opts-grp-' + position_button_id);
position_button.removeClass('opts-grp-' + position_button_id);
let position_button_id_array = position_button_id.split('__');
position_button_id = position_button_id_array[0] + '__' + position_button_id_array[1] + '__' + newCtaIndex;
position_button.attr('data-id', position_button_id);
if (has_same_class) {
position_button.addClass('opts-grp-' + position_button_id);
}
}
});
wp.editor.remove( editor_id_prefix + oldCtaIndex );
additional_cta_item.find('#' + editor_id_prefix + oldCtaIndex).attr({'id': editor_id_prefix + newCtaIndex, 'name': editor_id_prefix + newCtaIndex, 'class':"wp-editor", 'style':"width:100%"});
wp.editor.initialize(editor_id_prefix + newCtaIndex, {
tinymce: {
height: 250,
teeny: false,
wpautop: false,
plugins : 'charmap colorpicker compat3x directionality fullscreen hr image lists media paste tabfocus textcolor wordpress wpautoresize wpdialogs wpeditimage wpemoji wpgallery wplink wptextpattern wpview',
toolbar1: 'formatselect bold italic | bullist numlist | blockquote wp_more | alignleft aligncenter alignright | link unlink | fullscreen | wp_adv',
toolbar2: 'alignjustify forecolor underline strikethrough hr | pastetext removeformat charmap | outdent indent | undo redo | wp_help'
},
quicktags: true,
mediaButtons: true,
});
if ( typeof window.tinyMCE !== 'undefined' ) {
tinyMCE.get(editor_id_prefix + newCtaIndex).remove();
tinyMCE.execCommand("mceAddEditor", false, editor_id_prefix + newCtaIndex);
}
additional_cta_item.find('input[name^="additional-autoaction__auto_action_time__"], input[name^="additional-autoaction__auto_action_time_end__"]').inputmask('remove');
additional_cta_item.find('input[name^="additional-autoaction__auto_action_time__"], input[name^="additional-autoaction__auto_action_time_end__"]').inputmask({
mask: "9{1,6}:59",
definitions: {'5': {validator: "[0-5]"}}
});
var newColorPicker = additional_cta_item.find('input[name^="additional-autoaction__replay_order_color__"]');
cloneCTAColorPicker(newColorPicker);
});
}
}
function reindex_additional_ctas(cb) {
var containers =$('#additional_auto_action_container .additional_auto_action_item');
if (containers.length) {
var last;
containers.each(function( index ) {
var container = $(this);
var num = index + 1;
last = num;
var header = container.find('.auto_action_header h4');
var header_num = header.find('span.index_holder');
header_num.text(num);
var inputs = container.find('.inputField.elem, #additional-autoaction__cta_position, #additional-autoaction__cta_iframe');
if (inputs.length) {
inputs.each(function( ) {
var input = $(this);
var id = input.attr('id');
var id_array = id.split('__');
id = id_array[0] + '__' + id_array[1] + '__' + num;
input.attr('id', id);
input.attr('name', id);
});
}
container.find('a.opts-grp-additional-autoaction__cta_position, a.opts-grp-additional-autoaction__cta_iframe').each(function( ) {
let position_button = $(this);
let position_button_id = position_button.data('id');
if(position_button_id) {
let has_same_class = position_button.hasClass('opts-grp-' + position_button_id);
position_button.removeClass('opts-grp-' + position_button_id);
let position_button_id_array = position_button_id.split('__');
position_button_id = position_button_id_array[0] + '__' + position_button_id_array[1] + '__' + num;
position_button.attr('data-id', position_button_id);
if (has_same_class) {
position_button.addClass('opts-grp-' + position_button_id);
}
}
});
var editorId = 'additional-autoaction__auto_action_copy__' + num;
var textareas = container.find('.inputTextarea.elem');
if (textareas.length) {
textareas.each(function( ) {
var input = $(this);
var id = input.attr('id');
var id_array = id.split('__');
id = id_array[0] + '__' + id_array[1] + '__' + num;
input.attr('id', id);
input.attr('name', id);
});
}
wp.editor.remove( editorId );
wp.editor.initialize(editorId,
{
tinymce: {
height: 250,
teeny: false,
wpautop: false,
plugins : 'charmap colorpicker compat3x directionality fullscreen hr image lists media paste tabfocus textcolor wordpress wpautoresize wpdialogs wpeditimage wpemoji wpgallery wplink wptextpattern wpview',
toolbar1: 'formatselect bold italic | bullist numlist | blockquote wp_more | alignleft aligncenter alignright | link unlink | fullscreen | wp_adv',
toolbar2: 'alignjustify forecolor underline strikethrough hr | pastetext removeformat charmap | outdent indent | undo redo | wp_help'
},
quicktags: true,
mediaButtons: true,
});
});
return last;
}
}
function resetPickadateSelection( phpDateFormat ){
if( $('.createWrapper').length ){
var $input = $('.dp-date').pickadate(),
picker = $input.pickadate('picker'),
selectedDate = picker.get('select'),
selectedDateObject = new Date( selectedDate.obj.getTime() );
$.post( ajaxurl, {
action : 'webinarignition_ajax_convert_php_to_js_date_format',
security : '<?php echo wp_create_nonce("webinarignition_ajax_nonce"); ?>',
date_format : phpDateFormat
}, function( response ) {
picker.component.settings.format = response.data.date_format;
picker.set( 'select', selectedDateObject );
} );
}
}
function resetPickatimeSelection( time_format ){
var $input = $('.timepicker').pickatime(),
picker = $input.pickatime('picker');
selectedTime = picker.get('select');
$.post( ajaxurl, {
action : 'webinarignition_ajax_convert_wp_to_js_time_format',
security : '<?php echo wp_create_nonce("webinarignition_ajax_nonce"); ?>',
time_format : time_format
}, function( response ) {
picker.component.settings.format = response.data.time_format;
picker.set( 'select', [selectedTime.hour, selectedTime.mins] );
} );
}
$( 'input[name="time_format"]' ).on( 'click', function() {
if ( 'time_format_custom_radio' !== $(this).attr( 'id' ) ){
var newVal = $( this ).val();
var examplePreview = $( this ).siblings('.format-i18n').text();
$( 'input[name="time_format_custom"]' ).val( newVal );
$( '#time_format_preview' ).text( examplePreview );
if( $('.createWrapper').length ){
resetPickatimeSelection(newVal);
}
}
});
$( 'input[name="time_format_custom"]' ).on( 'click input', function() {
$( '#time_format_custom_radio' ).prop( 'checked', true ).val( $( this ).val() );
});
$( 'input[name="date_format"]' ).on( 'change', function() {
if( $(this).val() !== 'custom' ) {
$( 'input[name="date_format_custom"]' ).val($(this).val());
}
$('#wi_day_string_input input[type="radio"]').trigger('change');
});
//Input Day
$('#wi_day_string_input input[type="radio"]').change(function(e) {
$('#wi_day_string').text($(this).data('string'));
$('input[name="wi_show_day"]').trigger('change');
});
$('input[name="wi_show_day"]').change(function(e) {
var date_format = $('input[name="date_format"]:checked').val();
var day_string = $('#wi_day_string_input input[type="radio"]:checked').val();
var custom_string = $( 'input[name="date_format_custom"]').val();
var replaced_custom_string = custom_string.replace(/\s|l|D/g, function (x) {
return '';
});
if(date_format === 'custom') {
date_format = replaced_custom_string;
}
if(this.checked) {
$( 'input[name="date_format_custom"]').val(day_string + ' ' + date_format);
} else {
$( 'input[name="date_format_custom"]').val(date_format);
}
// $( 'input[name="date_format_custom"]').trigger('input');
var custom_value = $( 'input[name="date_format_custom"]').val();
$('#date_format_preview').text(moment().tz($('#apptz').val()).locale($('#applang').val()).format(phpToMoment(custom_value)));
});
$( 'input[name="date_format_custom"], input[name="time_format_custom"]' ).on( 'input', function() {
var format = $( this ),
fieldset = format.closest( '.locale_formats' ),
preview = fieldset.find( '.formatPreview' ),
spinner = fieldset.find( '.spinner' ),
locale = $('#applang').val();
clearTimeout( $.data( this, 'timer' ) );
$( this ).data( 'timer', setTimeout( function() {
var formatVal = format.val();
if( formatVal && $('.createWrapper').length ){
resetPickadateSelection( formatVal );
}
if ( formatVal ) {
spinner.addClass( 'is-active' );
$.post( ajaxurl, {
action : 'webinarignition_ajax_get_date_format',
security : '<?php echo wp_create_nonce("webinarignition_ajax_nonce"); ?>',
format : formatVal,
locale : locale
}, function( d ) {
preview.text( d );
spinner.removeClass( 'is-active' );
} );
}
}, 500 ) );
} );
$('.createWrapper #applang').on('change', doUpdateDateLocale);
function phpToMoment(str) {
let replacements = {
'd' : 'DD',
'D' : 'ddd',
'j' : 'D',
'l' : 'dddd',
'N' : 'E',
'S' : 'o',
'w' : 'e',
'z' : 'DDD',
'W' : 'W',
'F' : 'MMMM',
'm' : 'MM',
'M' : 'MMM',
'n' : 'M',
't' : '', // no equivalent
'L' : '', // no equivalent
'o' : 'YYYY',
'Y' : 'YYYY',
'y' : 'YY',
'a' : 'a',
'A' : 'A',
'B' : '', // no equivalent
'g' : 'h',
'G' : 'H',
'h' : 'hh',
'H' : 'HH',
'i' : 'mm',
's' : 'ss',
'u' : 'SSS',
'e' : 'zz', // deprecated since Moment.js 1.6.0
'I' : '', // no equivalent
'O' : '', // no equivalent
'P' : '', // no equivalent
'T' : '', // no equivalent
'Z' : '', // no equivalent
'c' : '', // no equivalent
'r' : '', // no equivalent
'U' : 'X'
};
return str.split('').map(chr => chr in replacements ? replacements[chr] : chr).join('');
}
function doUpdateDateLocale(e) {
$('#wi_new_webinar_lang_select').addClass('is-active');
var select_element = $(this);
var locale = this.value;
var default_date_radio_label = $('#default_date_radio_label'),
$input = $('.dp-date').pickadate(),
date_picker = $input.pickadate('picker'),
selectedDate = date_picker.get('select'),
selectedDateDateObject = new Date( selectedDate.obj.getTime() );
var default_time_radio_label = $('#default_time_radio_label'),
$timeInput = $('.timepicker').pickatime(),
time_picker = $timeInput.pickatime('picker');
selectedTime = time_picker.get();
$.post( ajaxurl, {
action : 'webinarignition_ajax_get_date_in_chosen_language',
security : '<?php echo wp_create_nonce("webinarignition_ajax_nonce"); ?>',
locale : locale
}, function( response ) {
if(response.data === 'downloaded') {
select_element.trigger('change');
return;
}
date_picker.component.settings.format = response.data.js_date_format;
date_picker.component.settings.monthsFull = response.data.monthsFull;
date_picker.component.settings.weekdaysFull = response.data.weekdaysFull;
date_picker.component.settings.weekdaysShort = response.data.weekdaysShort;
var day_string = $('#wi_day_string_input input[type="radio"]:checked').val();
$('#wi_day_string').text(response.data['date_in_chosen_day_' + day_string + '_locale']);
$('#wi_day_string_input input[name="day_string"]').each(function(index, input) {
$(input).data('string', response.data['date_in_chosen_day_' + $(input).val() + '_locale']);
});
default_date_radio_label.find('.date-time-text').text( response.data.date_in_chosen_locale );
// $('span#date_format_preview').text( response.data['date_in_chosen_day_' + day_string + '_locale'] + ' ' + response.data.date_in_chosen_locale );
$('strong.preview_text').text( response.data.preview_text );
$('span.date-time-text.date-time-custom-text').text( response.data.custom_text );
default_date_radio_label.find('code').text( response.data.php_date_format );
default_date_radio_label.find('input[name="date_format"]').val( response.data.php_date_format ).prop("checked", true);
$( 'input[name="date_format_custom"]' ).val( response.data.php_date_format );
date_picker.set( 'select', selectedDateDateObject );
$('input[name="wi_show_day"]').trigger('change');
default_time_radio_label.find('.date-time-text').text( response.data.time_in_chosen_locale );
default_time_radio_label.find('code').text( response.data.php_time_format );
default_time_radio_label.find('input[name="time_format"]').val( response.data.php_time_format ).prop("checked", true);
$('span#time_format_preview').text( response.data.time_in_chosen_locale );
time_picker.component.settings.format = response.data.js_time_format;
$( 'input[name="time_format_custom"]' ).val( response.data.php_time_format );
time_picker.set( 'select', [selectedTime.hour, selectedTime.mins] );
if(locale === 'en_US') {
$('#settings_language').find('option:nth-child(2)').prop('selected', true);
} else {
$('#settings_language').find('option:nth-child(1)').prop('selected', true);
}
$('#wi_new_webinar_lang_select').removeClass('is-active');
} );
}
$('.createWrapper #cloneapp').on('change', function() {
var webinarType = this.value;
if( webinarType === 'auto' ){
// $( 'input[name="date_format_custom"]' ).val( 'D j. F Y' ).trigger("input");
$('#wi_show_day_wrap').show();
$('input[name="wi_show_day"]').prop("checked", true).trigger('change');
} else {
$('#wi_show_day_wrap').hide();
$('input[name="wi_show_day"]').prop("checked", false).trigger('change');
}
});
});
</script>