const ONBOARD=(function(){
document.addEventListener('DOMContentLoaded',init);
const BubbleFreeVod = [
//free live stream
[
{id: 1,
selector: "#menu-posts-wpstream_product",
title: "Hooray! You just created your first Free-To-View Channel.",
content:"You can check out all your FTV Channels or create new ones from this menu.Just look for ‘Free-To-View Live Channels’.",
left:"175px",
right:"-30px",
top:"-30px",
arrow:"boarding-left-arrow"},
{id: 2,
selector: "#wpstream-sidebar-meta",
title: "Control your Live Channel",
content:"Look for the 'Live Streaming' box to the right of the page.",
left:"-430px",
right:"60px",
top:"0px",
arrow:"boarding-right-arrow"},
{id: 3,
selector: ".wpstream_show_settings_wrapper",
title: "Channel Settings",
content:'Clicking on the icon will let you access the channel settings. You can adjust preferences for recording, autoplay, etc.',
left:"-444px",
right:"0px",
top:"100px",
arrow:"boarding-right-arrow"},
{id: 4,
selector: ".wpstream_stream_browser_wrapper",
title: "Turn it ON",
content:"To Go Live, first TURN ON your channel. Go ahead, click the big green button below!
TURN ON
Turning on may take a minute or so. You can wait or move on to the next step.",
left:"-444px",
right:"auto",
top:"0px",
arrow:"boarding-right-arrow"},
{id: 5,
selector: ".wpstream_show_settings_wrapper",
title: "Your Channel Page",
content:"This is the link to the page with your live stream. Viewers will be able to watch your live stream here.To see it, click Page will open in a new tab.",
left:"-400px",
right:"auto",
top:"100px",
arrow:"boarding-right-arrow"},
{id: 6,
selector: ".wpstream_stream_browser_wrapper",
title: "Go LIVE",
content:"To go live, first turn on your channnel. If it's already Turning ON, wait until Channel is ON",
left:"-444px",
right:"auto",
top:"58px",
arrow:"boarding-right-arrow"}
] ,
// paid live stream
[
{id: 1,
selector: "#menu-posts-product",
title: "Hooray! You just created your first Pay-Per-View Channel.",
content:"You can check out all your PPV Channels or create new ones from this menu. Just look for ‘Products’.",
left:"175px",
right:"-30px",
top:"-30px",
arrow:"boarding-left-arrow"},
{id: 2,
selector: "#normal-sortables",
title: "A Pay-Per-View Channel is a Custom Woocommerce Product",
content:"Note the type of the product: Live Channel This sets it apart from other products you may want to sell.",
left:"345px",
right:"-30px",
top:"-35px",
arrow:"boarding-left-arrow"},
{id: 3,
selector: "#normal-sortables",
title: "Set the Pay-Per-View price here",
content:"Your users will have to purchase the product in order to be allowed to watch the live stream.",
left:"550px",
right:"-30px",
top:"25px",
arrow:"boarding-left-arrow"},
{id: 4,
selector: "#wpstream-sidebar-meta",
title: "Control your channel from here",
content:"Look for the 'Live Streaming' box on the side bar.",
left:"-430px",
right:"60px",
top:"0px",
arrow:"boarding-right-arrow"},
{id: 5,
selector: ".wpstream_show_settings_wrapper",
title: "Channel Settings",
content:'Clicking on the icon will let you access the channel settings. You can adjust preferences for recording, autoplay, etc.',
left:"-444px",
right:"0px",
top:"100px",
arrow:"boarding-right-arrow"},
{id: 6,
selector: ".wpstream_stream_browser_wrapper",
title: "Turn it ON",
content:"To Go Live, first TURN ON your channel. Go ahead, click the big green button below!
TURN ON
Turning on may take a minute or so. You can wait or move on to the next step.",
left:"-444px",
right:"auto",
top:"0px",
arrow:"boarding-right-arrow"},
{id: 7,
selector: ".wpstream_show_settings_wrapper",
title: "Your Channel Page",
content:"This is the link to the page with your live stream. Viewers will be able to watch your live stream here.To see it, click Page will open in a new tab.",
left:"-385px",
right:"auto",
top:"105px",
arrow:"boarding-right-arrow"},
{id: 8,
selector: ".wpstream_stream_browser_wrapper",
title: "Go LIVE",
content:"To go live, first turn on your channnel. If it's already Turning ON, wait until Channel is ON",
left:"-430px",
right:"auto",
top:"50px",
arrow:"boarding-right-arrow"}
] ,
// free vod
[
{id: 1,
selector: "#menu-posts-wpstream_product_vod",
title: "Hooray! You just created your first FTV Video-On-Demand.",
content:"You can check out all your FTV VODs or create new ones from this menu. Just look for 'Free-To-View VODs'",
left:"175px",
right:"-30px",
top:"-30px",
arrow:"boarding-left-arrow"},
{id: 2,
selector: "#add_wpstream_product_metaboxes-sectionid",
title: "The FTV VOD can be a Recording, self hosted, or external video",
content:"Recordings are stored in the WpStream cloud. Self hosted videos are videos in your WordPress Media Library.External videos are videos hosted on YouTube or Vimeo.",
left:"245px",
right:"-30px",
top:"30px",
arrow:"boarding-left-arrow"},
{id: 3,
selector: "#add_wpstream_product_metaboxes-sectionid",
title: "Choose a specific recording to create the VOD from",
content:"You can create new recordings by recording a live channel or uploading video files directly.",
left:"245px",
right:"-30px",
top:"100px",
arrow:"boarding-left-arrow"},
{id: 4,
selector: "#post-body",
title: "The VOD Page",
content:"This is the page that your viewers see when they watch your VOD. To see it yourself, click the permalink. Page will open in a new tab.
View VOD Page
",
left:"350px",
right:"0px",
top:"-10px",
arrow:"boarding-left-arrow"},
/*{id: 5,
selector: "#post-body",
title: "And Thats it",
content:"That's it , you users will be free to view this Video on Demand",
left:"350px",
right:"0px",
top:"155px",
arrow:""},
*/
] ,
//paid vod
[
{id: 1,
selector: "#menu-posts-product",
title: "Hooray! You just created your first PPV Video-On-Demand.",
content:"You can check out all your PPV VODs or create new ones from this menu. Just look for ‘Products’",
left:"175px",
right:"-30px",
top:"-30px",
arrow:"boarding-left-arrow"},
{id: 2,
selector: "#normal-sortables",
title: "A Pay-Per-View VOD is a Custom Woocommerce Product",
content:"Note the type of the product: Video On Demand.This sets it apart from other products you may want to sell.",
left:"345px",
right:"-30px",
top:"-35px",
arrow:"boarding-left-arrow"},
{id: 3,
selector: "#normal-sortables",
title: "Set the Pay-Per-View price here",
content:"Your users will have to purchase the product in order to be allowed to watch the VOD stream. ",
left:"550px",
right:"-30px",
top:"25px",
arrow:"boarding-left-arrow"},
{id: 4,
selector: "#normal-sortables",
title: "Choose a specific recording to create the VOD from ",
content:"You can create new recordings by recording a live channel or uploading video files directly." ,
left:"700px",
right:"-30px",
top:"135px",
arrow:"boarding-left-arrow"},
{id: 5,
selector: "#post-body",
title: "The VOD Page",
content:"This is the page that your viewers see when they watch your VOD.To see it yourself, click the permalink. Page will open in a new tab.
View VOD Page
.",
left:"350px",
right:"0px",
top:"-10px",
arrow:"boarding-left-arrow"},
{id: 4,
selector: "#post-body",
title: "Your PPV VOD is now for sale.",
content:"Upon successful purchase, your viewers will be able to watch it as many times as they like.",
left:"350px",
right:"-200px",
top:"25px",
arrow:""},
]
];
function init(){
wpstream_by_pass_login();
wpstream_onboard_login();
wpstream_get_videos_list();
wpstream_onboard_register();
wpstream_main_on_boarding_function();
wpstream_on_boarding_click_actions();
wpstream_create_free_channel_action();
wpstream_create_ppv_channel_action();
wpstream_create_free_vod_action();
wpstream_create_ppv_vod_action();
wpstream_local_modal_onboarding();
wpstream_on_boarding_initial_close();
wpstream_onboard_initial_bubble_prev_action();
}
/*
* Start browser broadcaster
*
**/
function wpstream_start_camera(){
if( jQuery('.event_list_unit .wpstream_button').hasClass('wpstream_stop_event') ){
jQuery('.wpstream_sample_icon_camera').css('cursor','pointer');
jQuery('.wpstream_sample_icon_camera').on('click',function(){
jQuery('.start_webcaster').trigger('click');
jQuery(this).unbind('click');
})
}
}
/*
* ByPass Login if already in
*
**/
function wpstream_by_pass_login(){
if(jQuery('#wpstream_have_token').length >0 ){
var nextThing = 'wpstream_step_2';
jQuery('.wpstream_step_wrapper').hide();
jQuery('#'+nextThing).show();
}else{
jQuery('.wpstream_on_board_register_wrapper').show();
jQuery('#wpstream_onboarding_action_login').show();
}
jQuery('.wpstream_check_account_status').hide();
}
/*
* On Board Login
*
*/
function wpstream_onboard_login() {
jQuery('.wpstream_onboard_login').on('click',function(){
wpstream_onboard_actual_login();
});
jQuery('.wpstream_on_board_login_wrapper #api_username,.wpstream_on_board_login_wrapper #api_password').keydown(function (e) {
if (e.keyCode === 13) {
e.preventDefault();
wpstream_onboard_actual_login();
}
});
}
function wpstream_onboard_actual_login(){
var api_username = jQuery('#api_username').val();
var api_password = jQuery('#api_password').val();
var ajaxurl = wpstream_admin_control_vars.admin_url + 'admin-ajax.php';
var nonce = jQuery('#wpstream_onboarding_nonce').val();
jQuery('.wpstream_onboarding_notification').removeClass('onboarding_error').text('Sending data. Please Stand by...').show();
jQuery.ajax({
type: 'POST',
url: ajaxurl,
dataType: 'json',
data: {
'action' : 'wpstream_on_board_login',
'api_username' : api_username,
'api_password' : api_password,
'security' : nonce
},
success: function (data) {
if(!data.success){
jQuery('.wpstream_onboarding_notification').addClass('onboarding_error').text(data.error).show();
}else{
jQuery('.wpstream_onboarding_notification').text('Login successful, please stand by...').show();
setTimeout(function() {
var nextThing = 'wpstream_step_2';
jQuery('.wpstream_onboarding_notification').empty().hide();
jQuery('.wpstream_step_wrapper').hide();
jQuery('#'+nextThing).show();
}, 2500);
}
},
error: function (errorThrown) {
}
});
}
function wpstream_get_videos_list() {
var nonce = jQuery('#wpstream_onboarding_video_list_nonce').val();
var ajaxurl = wpstream_admin_control_vars.admin_url + 'admin-ajax.php';
jQuery('.wpstream_action_next_step.wpstream_step_4a, .wpstream_action_next_step.wpstream_step_4b').on('click', function() {
// check the current object
var data_control = jQuery(this).attr('data-control');
jQuery.ajax({
type: 'POST',
url: ajaxurl,
dataType: 'json',
data: {
'action': 'wpstream_get_videos_list',
'security': nonce
},
success: function(data) {
if(data.success) {
if ( data.videos === null ||
data.videos === undefined ||
data.videos === '' ||
Array.isArray(data.videos) && data.videos.length === 0
) {
// No videos found
wpstream_no_videos_notice(data_control === 'wpstream_onboard_vod_free' ? '' : '_for_ppv');
} else {
if ( data_control === 'wpstream_onboard_vod_free' ) {
wpstream_create_videos_list_content(data.videos, '');
jQuery('#wpstream_onboard_vod_free > .spinner').css('display', 'none');
jQuery('#wpstream_onboard_vod_free > .wpstream-step-container').css('display', 'block');
} else {
wpstream_create_videos_list_content(data.videos, '_for_ppv');
jQuery('#wpstream_onboard_vod_ppv > .spinner').css('display', 'none');
jQuery('#wpstream_onboard_vod_ppv > .wpstream-step-container').css('display', 'block');
}
}
}
},
error: function(data) {
jQuery('.wpstream_onboarding_notification').addClass('onboarding_error').text('Couldn\'t retrieve data.').show();
}
})
})
}
function wpstream_create_videos_list_content( data, data_control ) {
// if data_control is empty, it means it's for free vod
var container = data_control === '' ? jQuery('#wpstream_free_vod_dropdown_videos_list') : jQuery('#wpstream_ppv_vod_dropdown_videos_list');
container.empty();
var label = jQuery('');
container.append(label);
var select = jQuery('');
container.append(select);
}
function wpstream_no_videos_notice(data_control) {
jQuery('#wpstream_onboard_vod_free, #wpstream_onboard_vod_ppv').css('display', 'none');
jQuery('.wpstream_warning_onboarding').css('display', 'block');
}
/*
* On Board Register
*
*/
function wpstream_onboard_register(){
jQuery('.wpstream_onboard_register').on('click',function(){
wpstream_on_board_actual_register();
});
jQuery('#wpstream_register_email, #wpstream_register_password,#wpstream_register_captcha').keydown(function (e) {
if (e.keyCode === 13) {
e.preventDefault();
wpstream_on_board_actual_register();
}
});
}
function wpstream_on_board_actual_register(){
var button=jQuery(this);
button.css('pointer-events','none');
var wpstream_register_email = jQuery('#wpstream_register_email').val();
var wpstream_register_password = jQuery('#wpstream_register_password').val();
var ajaxurl = wpstream_admin_control_vars.admin_url + 'admin-ajax.php';
var nonce = jQuery('#wpstream_onboarding_nonce').val();
var wpstream_register_captcha = jQuery('#wpstream_register_captcha').val();
var wpstream_register_captcha_id = jQuery('#wpstream_register_captcha_id').val();
if(wpstream_register_email ==='' || wpstream_register_password==='' || wpstream_register_captcha===''){
jQuery('.wpstream_onboarding_notification').addClass('onboarding_error').text('Please fill all the fields!').show();
button.css('pointer-events','auto');
return;
}
jQuery('.wpstream_onboarding_notification').removeClass('onboarding_error').text('Sending data. Please Stand by...').show();
jQuery.ajax({
type: 'POST',
url: ajaxurl,
dataType: 'json',
data: {
'action' : 'wpstream_on_board_register',
'wpstream_register_email' : wpstream_register_email,
'wpstream_register_password': wpstream_register_password,
'wpstream_register_captcha' : wpstream_register_captcha,
'wpstream_register_captcha_id': wpstream_register_captcha_id,
'security' : nonce
},
success: function (data) {
if(data.success){
if(data.token==='false' || data.token===false){
jQuery('.wpstream_onboarding_notification').addClass('onboarding_error').text('We couldn\'t authenticate with your new credentials').show();
}else{
jQuery('.wpstream_onboarding_notification').text('Registration successful, please stand by...').show();
setTimeout(function() {
var nextThing = 'wpstream_step_2';
jQuery('.wpstream_step_wrapper').hide();
jQuery('.wpstream_onboarding_notification').empty().hide();
jQuery('#'+nextThing).show();
}, 2500);
}
}else{
jQuery('.wpstream_onboarding_notification').addClass('onboarding_error').text(data.message).show();
wpstream_fetchCaptcha();
}
button.css('pointer-events','auto');
},
error: function (errorThrown) {
button.css('pointer-events','auto');
}
});
}
/*
* Check and Start the on Board
*
*/
async function wpstream_fetchCaptcha () {
var result;
var requestOptions = {
method: 'POST',
redirect: 'follow'
};
fetch("https://baker.wpstream.net/user/getcapthca", requestOptions)
.then(response => response.json())
.then(result => wpstream_process_capthca(result))
.catch(error => console.log('error', error));
}
function wpstream_process_capthca(response){
jQuery('#wpstream_capthca').empty().append(response.capthca);
jQuery('#wpstream_register_captcha_id').val(response.capthca_id);
jQuery('#wpstream_register_captcha').empty();
}
/*
* Check and Start the on Board
*
*/
function wpstream_main_on_boarding_function(){
jQuery('#wpstream_trigger_quick_start').on('click',function(){
jQuery(".wpstream_on_boarding_wrapper").show();
jQuery(".wpstream_modal_background_onboard").show();
jQuery('.wpstream_on_board_login_wrapper,#wpstream_onboarding_action_register,.wpstream_onboarding_notification').hide();
jQuery('#wpstream_step_1,.wpstream_close_initial_onboarding,.wpstream_on_board_register_wrapper').show();
wpstream_by_pass_login();
});
let params = (new URL(document.location)).searchParams;
let onboard = params.get('onboard_start');
if(onboard!=='yes'){
return;
}
jQuery('.wpstream_on_boarding_wrapper').show();
jQuery('.wpstream_modal_background_onboard').show();
}
/*
* WpStream on Boarding CLick actions
*
*/
function wpstream_on_boarding_click_actions(){
jQuery('#wpstream_onboarding_action_login').on('click',function(){
jQuery(this).hide();
jQuery('.wpstream_onboarding_notification').hide();
jQuery('.wpstream_on_board_register_wrapper').hide();
jQuery('.wpstream_on_board_login_wrapper').show();
jQuery('#wpstream_onboarding_action_register').show();
});
jQuery('#wpstream_onboarding_action_register').on('click',function(){
jQuery(this).hide();
jQuery('.wpstream_onboarding_notification').hide();
jQuery('.wpstream_on_board_login_wrapper').hide();
jQuery('.wpstream_on_board_register_wrapper').show();
jQuery('#wpstream_onboarding_action_login').show();
});
jQuery('.wpstream_action_next_step').on('click',function(){
var nextThing = jQuery(this).attr('data-nextthing');
jQuery('.wpstream_step_wrapper').hide();
jQuery('#'+nextThing).show();
});
}
/*
* Create free Channel action
*
*/
function wpstream_create_free_channel_action(){
jQuery('#wpstream_on_board_create_channel').on('click',function(){
wpstream_actual_create_free_channel_action();
});
jQuery('#wpstream_onboarding_channel_name').keydown(function (e) {
if (e.keyCode === 13) {
e.preventDefault();
wpstream_actual_create_free_channel_action();
}
});
}
function wpstream_actual_create_free_channel_action(){
jQuery('#wpstream_onboard_live_notice').removeClass('onboarding_error').text('Creating your FTV live channel. Please Stand by...').show();
jQuery('#wpstream_on_board_create_channel').prop('disabled', true);
var channel_name = jQuery('#wpstream_onboarding_channel_name').val();
var ajaxurl = wpstream_admin_control_vars.admin_url + 'admin-ajax.php';
var nonce = jQuery('#wpstream_onboarding_nonce').val();
jQuery.ajax({
type: 'POST',
url: ajaxurl,
dataType: 'json',
data: {
'action' : 'wpstream_on_board_create_channel',
'channel_name' : channel_name,
'security' : nonce
},
success: function (data) {
if( data.success ) {
var new_link = data.link;
var decoded = new_link.replace(/&/g, '&');
window.location.href=decodeURI(decoded);
} else {
jQuery('#wpstream_onboard_live_notice').empty().addClass('onboarding_error').show().text(wpstream_admin_control_vars.channel_create_error)
jQuery('#wpstream_on_board_create_channel').prop('disabled', false);
}
},
error: function ( errorThrown ) {
jQuery('#wpstream_onboard_live_notice').empty().addClass('onboarding_error').show().text(wpstream_admin_control_vars.channel_create_error)
jQuery('#wpstream_on_board_create_channel').prop('disabled', false);
}
});
}
/*
* Create PPV Channel action
*
*/
function wpstream_create_ppv_channel_action(){
jQuery('#wpstream_onboard_live_ppv_action').on('click',function(){
wpstream_actual_create_ppv_channel_action();
});
jQuery('#wpstream_onboarding_channel_name_ppv,#wpstream_onboarding_event_price_ppv').keydown(function (e) {
if (e.keyCode === 13) {
e.preventDefault();
wpstream_actual_create_ppv_channel_action();
}
});
}
function wpstream_actual_create_ppv_channel_action(){
jQuery('#wpstream_onboard_live_ppv_notice').removeClass('onboarding_error').text('Creating your Pay Per View live channel. Please Stand by...').show();
jQuery('#wpstream_onboard_live_ppv_action').prop('disabled', true);
var channel_name = jQuery('#wpstream_onboarding_channel_name_ppv').val();
var channel_price = jQuery('#wpstream_onboarding_event_price_ppv').val();
var ajaxurl = wpstream_admin_control_vars.admin_url + 'admin-ajax.php';
var nonce = jQuery('#wpstream_onboarding_nonce').val();
jQuery.ajax({
type: 'POST',
url: ajaxurl,
dataType: 'json',
data: {
'action' : 'wpstream_on_board_create_channel_ppv',
'channel_name' : channel_name,
'channel_price' : channel_price,
'security' : nonce
},
success: function (data) {
if( data.success ) {
var new_link = data.link;
var decoded = new_link.replace(/&/g, '&');
window.location.href=decodeURI(decoded);
} else {
jQuery('#wpstream_onboard_live_ppv_notice').empty().addClass('onboarding_error').show().text(wpstream_admin_control_vars.channel_create_error)
jQuery('#wpstream_onboard_live_ppv_action').prop('disabled', false);
}
},
error: function (errorThrown) {
jQuery('#wpstream_onboard_live_ppv_notice').empty().addClass('onboarding_error').show().text(wpstream_admin_control_vars.channel_create_error)
jQuery('#wpstream_onboard_live_ppv_action').prop('disabled', false);
}
});
}
/*
* Create Free VOD Action
*
*/
function wpstream_create_free_vod_action(){
jQuery('#wpstream_onboard_vod_free_action').on('click',function(){
wpstream_actual_create_free_vod_action();
});
jQuery('#wpstream_onboarding_vod_name, #wpstream_free_vod_file_name').keydown(function (e) {
if (e.keyCode === 13) {
e.preventDefault();
wpstream_actual_create_free_vod_action();
}
});
}
function wpstream_actual_create_free_vod_action(){
jQuery('#wpstream_onboard_vod_free_notice').removeClass('onboarding_error').text('Creating your VOD. Please Stand by...').show();
jQuery('#wpstream_onboard_vod_free_action').prop('disabled', true);
var channel_name = jQuery('#wpstream_onboarding_vod_name').val();
var file_name = jQuery('#wpstream_free_vod_file_name').val();
var ajaxurl = wpstream_admin_control_vars.admin_url + 'admin-ajax.php';
var nonce = jQuery('#wpstream_onboarding_nonce').val();
if(file_name===''){
jQuery('#wpstream_onboard_vod_free_notice').empty().addClass('onboarding_error').show().text('Please select a recording from the list')
jQuery('#wpstream_onboard_vod_free_action').prop('disabled', false);
return;
}
jQuery.ajax({
type: 'POST',
url: ajaxurl,
dataType: 'json',
data: {
'action' : 'wpstream_on_board_create_free_vod',
'channel_name' : channel_name,
'file_name' : file_name,
'security' : nonce
},
success: function (data) {
if( data.success ) {
var new_link = data.link;
var decoded = new_link.replace(/&/g, '&');
window.location.href=decodeURI(decoded);
} else {
jQuery('#wpstream_onboard_vod_free_notice').empty().addClass('onboarding_error').show().text(wpstream_admin_control_vars.channel_create_error)
jQuery('#wpstream_onboard_vod_free_action').prop('disabled', false);
}
},
error: function (errorThrown) {
jQuery('#wpstream_onboard_vod_free_notice').empty().addClass('onboarding_error').show().text(wpstream_admin_control_vars.channel_create_error)
jQuery('#wpstream_onboard_vod_free_action').prop('disabled', false);
}
});
}
/*
* Create PPV VOD Action
*
*/
function wpstream_create_ppv_vod_action(){
jQuery('#wpstream_onboard_vod_ppv_action').on('click',function(){
wpstream_actual_create_ppv_vod_action();
});
jQuery('#wpstream_onboarding_ppv_vod_name, #wpstream_free_vod_file_name_for_ppv,#wpstream_onboarding_vod_price').keydown(function (e) {
if (e.keyCode === 13) {
e.preventDefault();
wpstream_actual_create_ppv_vod_action();
}
});
}
function wpstream_actual_create_ppv_vod_action(){
jQuery('#wpstream_onboard_vod_ppv_notice').removeClass('onboarding_error').text('Creating your VOD. Please Stand by...').show();
jQuery('#wpstream_onboard_vod_ppv_action').prop('disabled', true);
var channel_name = jQuery('#wpstream_onboarding_ppv_vod_name').val();
var file_name = jQuery('#wpstream_free_vod_file_name_for_ppv').val();
var vod_price = jQuery('#wpstream_onboarding_vod_price').val()
var ajaxurl = wpstream_admin_control_vars.admin_url + 'admin-ajax.php';
var nonce = jQuery('#wpstream_onboarding_nonce').val();
if( file_name === '' ) {
jQuery('#wpstream_onboard_vod_ppv_notice').empty().addClass('onboarding_error').show().text('Please select a recording from the list')
jQuery('#wpstream_onboard_vod_ppv_action').prop('disabled', false);
return;
}
jQuery.ajax({
type: 'POST',
url: ajaxurl,
dataType: 'json',
data: {
'action' : 'wpstream_on_board_create_ppv_vod',
'channel_name' : channel_name,
'file_name' : file_name,
'vod_price' : vod_price,
'security' : nonce
},
success: function (data) {
if( data.success ) {
var new_link = data.link;
var decoded = new_link.replace(/&/g, '&');
window.location.href=decodeURI(decoded);
} else {
jQuery('#wpstream_onboard_vod_ppv_notice').empty().addClass('onboarding_error').show().text(wpstream_admin_control_vars.channel_create_error)
jQuery('#wpstream_onboard_vod_ppv_action').prop('disabled', false);
}
},
error: function (errorThrown) {
jQuery('#wpstream_onboard_vod_ppv_notice').empty().addClass('onboarding_error').show().text('Something did not work .Please try again.')
jQuery('#wpstream_onboard_vod_ppv_action').prop('disabled', false);
}
});
}
/*
* Start Modal on Particular Pages
*
*/
function wpstream_local_modal_onboarding(){
let params = (new URL(document.location)).searchParams;
let onboard = params.get('onboard');
if(onboard!=='yes'){
return;
}
let branch= params.get('branch');
branch=parseInt(branch);
if(isNaN(branch)){
return;
}
branch=branch-1;
var help_bubble_to_insert='
';
jQuery('#wpcontent').append(help_bubble_to_insert);
wpstream_show_bubble(0,branch);
jQuery('.woocommerce-layout__header').hide();
jQuery('.wpstream_modal_background_onboard2,#wpstream_onboard_bubble').show();
wpstream_on_boarding_close();
wpstream_bubble_controls(branch);
}
/*
* Close initial on boarding
*
*/
function wpstream_on_boarding_initial_close(){
jQuery('.wpstream_close_initial_onboarding').on('click',function(){
var parent_modal=jQuery(this).parent();
parent_modal.find('.wpstream_close_initial_onboarding,.wpstream_step_wrapper').hide();
parent_modal.find('.wpstream_close_onboarding_warning').show().html('You can run the wizard again at any time. In the left menu navigate to WpStream -> WpStream Quick Start
Okay, Close it now!
');
wpstrean_close_modal_ack_function();
});
}
/*
* Close ACK
*
*/
function wpstrean_close_modal_ack_function(){
jQuery('.wpstrean_close_modal_ack_action').on('click',function(){
var parent_modal=jQuery(this).parent();
parent_modal.hide();
jQuery('.wpstream_modal_background_onboard2,.wpstream_modal_background_onboard').hide();
jQuery('.wpstream_on_boarding_wrapper').hide();
jQuery('#wpstream_onboard_bubble').hide();
});
}
/*
* Iniial next prev actions
*
*/
function wpstream_onboard_initial_bubble_prev_action(){
jQuery('.wpstream_onboard_initial_bubble_prev').on('click',function(){
var prev_step = jQuery(this).attr('data-step');
jQuery('.wpstream_step_wrapper').hide();
jQuery("#"+prev_step).show();
});
jQuery('.wpstream_onboarding_tryagain').on('click',function(){
location.reload();
});
jQuery('.wpstream_install_plugin').on('click',function(){
var url = wpstreamonboarding_js_vars.plugin_url;
window.open(url, '_blank');
});
jQuery('.wpstream_upload_video').on('click',function(){
var url = wpstreamonboarding_js_vars.upload_url;
window.open(url, '_blank');
});
}
/*
* Show MOdal/Bubble for local pages
*
*/
function wpstream_show_bubble(current_bubble_step,branch){
var current_bubble = jQuery('#wpstream_onboard_bubble');
current_bubble.detach();
var new_info = BubbleFreeVod[branch][current_bubble_step];
var new_title = new_info.title;
var new_selector = new_info.selector;
var new_content = new_info.content;
var new_css = new_info.css;
var new_left = new_info.left;
var new_top = new_info.top;
var new_right = new_info.right;
var new_arrow = new_info.arrow;
current_bubble.find('#wpstream_onboard_bubble_tile').html(new_title);
current_bubble.find('#wpstream_onboard_bubble_content').html(new_content);
current_bubble.attr('data-bubble-step',current_bubble_step);
current_bubble.removeClass('boarding-left-arrow boarding-right-arrow');
current_bubble.addClass(new_arrow);
current_bubble.css({
'left':new_left,
'right':new_right,
'top':new_top
});
if( BubbleFreeVod[branch].hasOwnProperty(parseInt(current_bubble_step+1)) ){
current_bubble.find('.wpstream_onboard_bubble_next').show();
current_bubble.find('.wpstream_onboard_bubble_finish').hide();
}else{
current_bubble.find('.wpstream_onboard_bubble_next').hide();
current_bubble.find('.wpstream_onboard_bubble_finish').show().css('display','inline-block');
}
jQuery(new_selector).append(current_bubble);
jQuery('html, body').animate({
scrollTop: jQuery(new_selector).offset().top-200
}, 1000);
wpstream_on_boarding_trigger_event_start_channel();
wpstream_on_boarding_trigger_event_open_channel();
wpstream_on_boarding_open_vod_page();
wpstream_start_camera();
}
/*
* Trigger Start Event
*
*/
function wpstream_on_boarding_trigger_event_start_channel(){
if(jQuery('.start_event').hasClass('wpstream_turning_on')){
jQuery('#wpstream_onboarding_start_chanel').hide();
var bubble_Step =jQuery('#wpstream_onboard_bubble').attr('data-bubble-step');
var check_against='3';
if(jQuery('#woocommerce-product-data').length>0){
check_against='5';
}
if(bubble_Step===check_against ){
jQuery('#wpstream_onboard_bubble_tile').text('Turning ON ');
jQuery('#wpstream_onboard_bubble_content').text('Good, the channel is now turning on. This may take a minute or so. You can wait or move on to the next step.');
}
}else if( jQuery('.event_list_unit .wpstream_button').hasClass('wpstream_stop_event') ){
jQuery('#wpstream_onboarding_start_chanel').hide();
var bubble_Step =jQuery('#wpstream_onboard_bubble').attr('data-bubble-step');
var check_against='3';
check_against_camera_icon='5';
if(jQuery('#woocommerce-product-data').length>0){
check_against='5';
check_against_camera_icon='7';
}
if(bubble_Step===check_against){
jQuery('#wpstream_onboard_bubble_tile').text('Channel is now ON');
jQuery('#wpstream_onboard_bubble_content').text('You are ready to GO LIVE. Click Next to see how.');
}
if(bubble_Step===check_against_camera_icon){
jQuery('#wpstream_onboard_bubble_tile').html('Go LIVE');
jQuery('#wpstream_onboard_bubble_content').html('Go Live now, click the icon. The broadcast app will open in a new window.');
wpstream_start_camera();
}
}else {
jQuery('#wpstream_onboarding_start_chanel').show();
jQuery('#wpstream_onboarding_start_chanel').on('click',function(){
start_onboarding = 'yes';
jQuery('.start_event.wpstream_button').trigger('click');
jQuery('#wpstream_onboarding_start_chanel').unbind('click');
jQuery('#wpstream_onboard_bubble_tile').text('Turning ON');
jQuery('#wpstream_onboard_bubble_content').text('Good, the channel is now turning on. This may take a minute or so. You can wait or move on to the next step.');
})
}
}
/*
* Trigger open page
*
*/
function wpstream_on_boarding_trigger_event_open_channel(){
jQuery('#wpstream_onboarding_open_chanel').on('click',function(){
var link = jQuery('.wpstream_view_channel').attr('href');
window.open(link, '_blank');
})
}
/*
* Trigger VOD Page
*
*/
function wpstream_on_boarding_open_vod_page(){
jQuery('#wpstream_onboarding_view_vod').on('click',function(event){
event.stopPropagation();
var link = jQuery('#sample-permalink a').attr('href');
window.open(link, '_blank');
});
}
/*
* Close Modal
*
*/
function wpstream_on_boarding_close(){
jQuery('.wpstream_close_onboarding,.wpstream_onboard_bubble_finish').on('click',function(){
wpstream_onboarding_close_modal_logic(this);
});
jQuery('.wpstream_on_boarding_wrapper').keydown(function(e) {
if ( e.keyCode === 27 ) { // ESC key
wpstream_onboarding_close_modal_logic(this);
}
});
}
function wpstream_onboarding_close_modal_logic(context) {
jQuery('.wpstream_onboard_bubble_finish').hide();
var parent_modal=jQuery(context).parent();
parent_modal.find('.wpstream_close_onboarding').hide();
parent_modal.find('#wpstream_onboard_bubble_tile').html('You did it!');
parent_modal.find('.wpstream_onboard_bubble_prev,.wpstream_onboard_bubble_next').hide();
parent_modal.find('#wpstream_onboard_bubble_content').html('You can run the wizard again at any time. In the left menu navigate to WpStream -> WpStream Quick Start