function vcita_ajax_toggle_contact()
{
$vcita_widget = (array) get_option(VCITA_WIDGET_KEY);
if (isset($vcita_widget['uid']) && !empty($vcita_widget['uid'])) {
if ($_POST['activate'] == "true") {
make_sure_page_published($vcita_widget);
} else {
vcita_trash_current_page($vcita_widget);
}
}
}
/**
* Take the received data and parse it
*
* Returns the newly updated widgets parameters.
*/
function vcita_parse_expert_data($raw_data)
{
$previous_id = "";
if (!empty($vcita_widget) && isset($vcita_widget['uid'])) {
$previous_id = $widget_params['uid'];
}
$vcita_widget = array('title' => $raw_data['title'], 'created' => '1', 'uid' => $raw_data['uid'], 'new_install' => 'false', 'email' => $raw_data['email'], 'first_name' => $raw_data['first_name'], 'last_name' => $raw_data['last_name'], 'email' => $raw_data['email'], 'version' => VCITA_WIDGET_VERSION, 'contact_page_active' => VCITA_WIDGET_CONTACT_FORM_WIDGET, 'calendar_page_active' => VCITA_WIDGET_CALENDAR_WIDGET, 'engage_active' => 'true', 'confirmation_token' => $raw_data['confirmation_token'], 'implementation_key' => $raw_data['implementation_key'], 'confirmed' => $raw_data['confirmed']);
delete_transient('embed_code');
update_option(VCITA_WIDGET_KEY, $vcita_widget);
make_sure_page_published($vcita_widget);
make_sure_calendar_page_published($vcita_widget);
update_option(VCITA_WIDGET_KEY, $vcita_widget);
}
/**
* Create the Main vCita Settings form content.
*
* The form is constructed from a list of input fields and a preview for the result
*/
function vcita_settings_menu()
{
vcita_add_stylesheet();
// Disconnect should change the widget values before the prepare settings method is called.
if (isset($_POST) && isset($_POST['Submit']) && $_POST['Submit'] == 'Disconnect') {
$vcita_widget = (array) get_option(VCITA_WIDGET_KEY);
vcita_trash_current_page($vcita_widget);
vcita_trash_current_calendar_page($vcita_widget);
$vcita_widget = create_initial_parameters();
$vcita_widget["dismiss"] = "true";
// Make sure the notification won't appear
update_option(VCITA_WIDGET_KEY, $vcita_widget);
}
extract(vcita_prepare_widget_settings("settings"));
// Check the dedicated page flag - If it is on, make sure a page is available, if not - Trash the page
if ($update_made) {
if ($_POST['Submit'] == "Disable Page") {
vcita_trash_current_page($vcita_widget);
vcita_trash_current_calendar_page($vcita_widget);
$vcita_widget['contact_page_active'] = 'false';
$vcita_widget['calendar_page_active'] = 'false';
update_option(VCITA_WIDGET_KEY, $vcita_widget);
// Make sure page is live if requested to or as default
} else {
if ($_POST['Submit'] == "Activate Page" || $vcita_widget['contact_page_active'] == 'true' || $vcita_widget['calendar_page_active'] == 'true') {
$vcita_widget = make_sure_page_published($vcita_widget);
$vcita_widget = make_sure_calendar_page_published($vcita_widget);
}
}
}
$vcita_dismissed = false;
if (isset($_GET) && isset($_GET['dismiss']) && $_GET['dismiss'] == "true") {
$vcita_widget["dismiss"] = true;
$vcita_dismissed = true;
update_option(VCITA_WIDGET_KEY, $vcita_widget);
}
?>
<script type='text/javascript'>
jQuery(function ($) {
$('.widgets-holder .type')
.hover(function(){
var currObject = $(this);
var info = $('#widget-info');
info
.removeClass(info.data('type'))
.data('curr_type', currObject.data('type'))
.addClass(currObject.data('type'));
window.setTimeout(function(){
info
.addClass('show');
}, 1);
}, function() {
$('#widget-info')
.attr('class', ' ');
});
$('#active-engage-switch')
.change(function(){
toggleSettingsAjax($(this), "vcita_ajax_toggle_ae");
});
$('#contact-form-switch')
.change(function(){
toggleSettingsAjax($(this), "vcita_ajax_toggle_contact");
});
$('#calendar-switch')
.change(function(){
toggleSettingsAjax($(this), "vcita_ajax_toggle_calendar");
});
var toggleSettingsAjax = function(currObject, action) {
$.post(ajaxurl, {action: action, activate: currObject.is(':checked')}, function(response) { });
};
$('.shortcode')
.click(function(){
showContent($('#shortcode-template').html());
});
$('#close-floating, #floating')
.click(function(){
hideContent();
});
$('#content-holder')
.click(function(e){
e.stopImmediatePropagation();
});
var showContent = function(contentToShow){
if (contentToShow) {
$('#content').html(contentToShow);
var contentHolder = $('#content-holder');
var marginTop = ($(window).height() - contentHolder.outerHeight(true)) / 2;
contentHolder.css({ 'margin-top' : marginTop });
$('#floating').addClass('visible');
$('#floating-holder').css({'opacity':1});
$('#content-holder').css({'display':'block'});
}
};
var hideContent = function(){
$('#content').html(" ");
$('#floating').removeClass('visible');
$('#floating-holder').css({'opacity':0});
$('#content-holder').css({'display':'none'});
};
$('#start-login')
.click(function(){
var callbackURL = "<?php
echo $url = get_admin_url('', '', 'admin') . 'admin.php?page=' . VCITA_WIDGET_UNIQUE_ID . '/vcita-callback.php';
?>
";
var emailInput = $('#vcita-email');
var email = $('#vcita-email').val();
if (email == emailInput.data('watermark')) {
email = "";
}
var new_location = "http://" + "<?php
echo VCITA_LOGIN_PATH . '?callback=';
?>
" + encodeURIComponent(callbackURL) + "&invite="+"<?php
echo VCITA_WIDGET_INVITE_CODE;
?>
"+"&lang="+"<?php
echo get_locale();
?>
"+"&email=" + email;
window.location = new_location;
});
$('#switch-email')
.click(function(){
var callbackURL = "<?php
echo $url = get_admin_url('', '', 'admin') . 'admin.php?page=' . VCITA_WIDGET_UNIQUE_ID . '/vcita-callback.php';
?>
";
var new_location = "http://" + "<?php
echo VCITA_CHANGE_EMAIL_PATH . '?callback=';
?>
" + encodeURIComponent(callbackURL) + "&invite="+"<?php
echo VCITA_WIDGET_INVITE_CODE;
?>
"+"&lang="+"<?php
echo get_locale();
?>
";
window.location = new_location;
});
$('#scheduling-settings')
.click(function(){
var callbackURL = "<?php
echo $url = get_admin_url('', '', 'admin') . 'admin.php?page=' . VCITA_WIDGET_UNIQUE_ID . '/vcita-callback.php';
?>
";
var new_location = "http://" + "<?php
echo VCITA_SCHEDULING_PATH . '?callback=';
?>
" + encodeURIComponent(callbackURL) + "&invite="+"<?php
echo VCITA_WIDGET_INVITE_CODE;
?>
"+"&lang="+"<?php
echo get_locale();
?>
";
window.open(new_location);
});
$('#test-drive')
.click(function(){
var callbackURL = "<?php
echo $url = get_admin_url('', '', 'admin') . 'admin.php?page=' . VCITA_WIDGET_UNIQUE_ID . '/vcita-callback.php';
?>
";
if ($(this).data().demo) {
var new_location = "http://" + "<?php
echo VCITA_SCHEDULING_TEST_DRIVE_DEMO_PATH . '?callback=';
?>
" + encodeURIComponent(callbackURL) + "&invite="+"<?php
echo VCITA_WIDGET_INVITE_CODE;
?>
"+"&lang="+"<?php
echo get_locale();
?>
";
}
else {
var new_location = "http://" + "<?php
echo VCITA_SCHEDULING_TEST_DRIVE_PATH . '?callback=';
?>
" + encodeURIComponent(callbackURL) + "&invite="+"<?php
echo VCITA_WIDGET_INVITE_CODE;
?>
"+"&lang="+"<?php
echo get_locale();
?>
";
}
window.open(new_location, '', 'height=740, width=1024');
});
$('#switch-account')
.click(function(){
var callbackURL = "<?php
echo $url = get_admin_url('', '', 'admin') . 'admin.php?page=' . VCITA_WIDGET_UNIQUE_ID . '/vcita-callback.php';
?>
";
var new_location = "http://" + "<?php
echo VCITA_LOGIN_PATH . '?callback=';
?>
" + encodeURIComponent(callbackURL) + "&invite="+"<?php
echo VCITA_WIDGET_INVITE_CODE;
?>
"+"&lang="+"<?php
echo get_locale();
?>
"+"&login=true";
window.location = new_location;
});
$('#vcita-email')
.keypress(function(e){
if (e.keyCode == 13) {
$('#start-login').click();
}
});
$('a.preview')
.bind('click', function(e){
var link = $(e.currentTarget);
var height = link.data().height ? link.data().height : 600;
var width = link.data().width ? link.data().width : 600;
var specs = 'directories=0, height=' + height + ', width=' + width + ', location=0, menubar=0, scrollbars=0, status=0, titlebar=0, toolbar=0';
window.open(link.attr('href'), '_blank', specs);
e.preventDefault();
});
function popupCenter(url, width, height, name) {
var left = (screen.width/2)-(width/2);
var top = (screen.height/2)-(height/2);
return window.open(url, name, "location=0,resizable=1,scrollbars=1,width="+width+",height="+height+",left="+left+",top="+top);
}
jQuery("a.show-in-popup").click(function(e ){
popupCenter(jQuery(this).attr('href'), 1100, 650, jQuery(this).data().popup_window);
e.stopPropagation();
e.preventDefault();
});
var handleWatermark = function(input){
if(input.val().trim() != "") {
input.removeClass('vcita-watermark');
} else {
input.val(input.data('watermark'));
input.addClass('vcita-watermark');
}
};
$('input.watermark')
.focus(function(){
var input = $(this);
if (input.data('watermark') == input.val()) {
input.val("");
input.removeClass('vcita-watermark');
}
})
.each(function(){
handleWatermark($(this));
})
.blur(function(){
handleWatermark($(this));
});
<?php
if (vcita_is_demo_user()) {
?>
$('.gray-button-style.edit, .widgets-holder .type')
.click(function(e){
showContent($('#must-logged-in').html());
e.preventDefault();
return false;
});
<?php
if (get_option(VCITA_WIDGET_KEY . 'init')) {
?>
$('.vcita-wrap').append($('#settings-iframe').html())
<?php
update_option(VCITA_WIDGET_KEY . 'init', false);
}
?>
<?php
}
?>
});
</script>
<div class="vcita-wrap" dir="ltr">
<div id="vcita-head">
Welcome to Online Scheduling!
<br>
<a href="http://www.vcita.com/education_center?item=3-1" class="watch-video show-in-popup" id="play-vcita-video2">Watch Video</a>
</div>
<?php
echo vcita_create_user_message($vcita_widget, $update_made);
?>
<?php
if ($vcita_dismissed) {
?>
<div class='updated below-h2' ><p>vCita Meeting Scheduler notification has been dismissed</p></div>
<?php
}
?>
<div class="section">
<?php
if ($first_time) {
?>
<h3>Settings</h3>
<div class="left appointments_holder">
<div class="title">Appointment requests will be sent to this email:</div>
<input id="vcita-email" type="text" value="" class="watermark" data-watermark="Enter Your Email"/>
<a href="javascript:void(0)" class="gray-button-style account" id="start-login"><span></span>OK</a>
</div>
<div class="left">
<div class="title">Scheduling settings:</div>
<a href="javascript:void(0);" id="test-drive" data-demo="true">See online scheduling demo</a>
</div>
<div class="clear"></div>
<?php
} else {
?>
<h3>Settings</h3>
<div class="left appointments_holder">
<div class="title">Appointment requests will be sent to this email:</div>
<label class="checked" for="user-email"></label>
<input id="vcita-email" type="text" disabled="disabled" value="<?php
echo $vcita_widget["email"];
?>
"/>
<a href="javascript:void(0)" class="gray-button-style account" id="switch-email" ><span></span>Profile Settings</a>
</div>
<div class="left">
<div class="title">Scheduling settings:</div>
<a class="gray-button-style scheduling" id="scheduling-settings" href="javascript:void(0);"><span></span>Go to settings</a>
<a href="javascript:void(0);" id="test-drive">Test drive your online scheduling</a>
</div>
<div class="clear"></div>
<?php
}
?>
</div>
<div class="section widgets-holder">
<h3>How would you like to add scheduling to your website?</h3>
<div class="widgets-management">
<div class="widgets-management-head">
<div class="left type">Type</div>
<div class="left edit">Edit</div>
<div class="left edit">Preview</div>
<div class="left installation">Installation</div>
<div class="clear"></div>
</div>
<div class="widget-object">
<a class="left type active-engage" data-type="show-activeengage" href="<?php
echo $url = get_admin_url('', '', 'admin') . 'admin.php?page=' . VCITA_WIDGET_UNIQUE_ID . '/vcita-active-engage-edit.php';
?>
">
<span></span>
<h4>Active Engage</h4>
</a>
<div class="left buttons">
<a class="gray-button-style edit" href="<?php
echo $url = get_admin_url('', '', 'admin') . 'admin.php?page=' . VCITA_WIDGET_UNIQUE_ID . '/vcita-active-engage-edit.php';
?>
"><span></span>Edit</a>
</div>
<div class="left buttons">
<a class="gray-button-style preview" href="http://<?php
echo VCITA_SERVER_BASE;
?>
/integrations/wordpress/active_engage_preview?uid=<?php
echo vcita_get_uid();
?>
&ver=2"><span></span>Preview</a>
</div>
<div class="left installation">
<div class="left">
<div class="text">
Enable on all pages:
</div>
<div class="onoffswitch">
<input type="checkbox" name="active-engage-switch" class="onoffswitch-checkbox" id="active-engage-switch" <?php
echo $vcita_widget['engage_active'] == 'true' ? "checked" : "";
?>
>
<label class="onoffswitch-label" for="active-engage-switch">
<div class="onoffswitch-inner"></div>
<div class="onoffswitch-switch"></div>
</label>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="widget-object">
<a class="left type calendar" data-type="show-calendar" href="<?php
echo $url = get_admin_url('', '', 'admin') . 'admin.php?page=' . VCITA_WIDGET_UNIQUE_ID . '/vcita-calendar-edit.php';
?>
">
<span></span>
<h4>Scheduling Calendar</h4>
</a>
<div class="left buttons">
<a class="gray-button-style edit" href="<?php
echo $url = get_admin_url('', '', 'admin') . 'admin.php?page=' . VCITA_WIDGET_UNIQUE_ID . '/vcita-calendar-edit.php';
?>
"><span></span>Edit</a>
</div>
<div class="left buttons">
<a class="gray-button-style preview" href="http://<?php
echo VCITA_SERVER_BASE;
?>
/widgets/scheduler?v=<?php
echo vcita_get_uid();
?>
&ver=2" data-width="700" data-height="500"><span></span>Preview</a>
</div>
<div class="left installation">
<div class="left">
<div class="text">
Add a Book Appointment page:
</div>
<div class="onoffswitch">
<input type="checkbox" name="calendar-switch" class="onoffswitch-checkbox" id="calendar-switch" <?php
echo is_calendar_page_available($vcita_widget) ? "checked" : "";
?>
>
<label class="onoffswitch-label" for="calendar-switch">
<div class="onoffswitch-inner"></div>
<div class="onoffswitch-switch"></div>
</label>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="widget-object" id="contact-form-widget" >
<a class="left type contact-form" data-type="show-contactform" href="<?php
echo $url = get_admin_url('', '', 'admin') . 'admin.php?page=' . VCITA_WIDGET_UNIQUE_ID . '/vcita-contact-form-edit.php';
?>
" >
<span></span>
<h4>Contact Form</h4>
</a>
<div class="left buttons">
<a class="gray-button-style edit" href="<?php
echo $url = get_admin_url('', '', 'admin') . 'admin.php?page=' . VCITA_WIDGET_UNIQUE_ID . '/vcita-contact-form-edit.php';
?>
" ><span></span>Edit</a>
</div>
<div class="left buttons">
<a class="gray-button-style preview" href="http://<?php
echo VCITA_SERVER_BASE;
?>
/contact_form?v=<?php
echo vcita_get_uid();
?>
&ver=2" data-width="600" data-height="550"><span></span>Preview</a>
</div>
<div class="left installation">
<div class="left">
<div class="text">
Add as a new contact page:
</div>
<div class="onoffswitch">
<input type="checkbox" name="contact-form-switch" class="onoffswitch-checkbox" id="contact-form-switch" <?php
echo is_page_available($vcita_widget) ? "checked" : "";
?>
>
<label class="onoffswitch-label" for="contact-form-switch">
<div class="onoffswitch-inner"></div>
<div class="onoffswitch-switch"></div>
</label>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="widget-object" id="sidebar-widget">
<a class="left type sidebar" data-type="show-sidebar" href="<?php
echo $url = get_admin_url('', '', 'admin') . 'admin.php?page=' . VCITA_WIDGET_UNIQUE_ID . '/vcita-sidebar-edit.php';
?>
">
<span></span>
<h4>Sidebar</h4>
</a>
<div class="left buttons">
<a class="gray-button-style edit" href="<?php
echo $url = get_admin_url('', '', 'admin') . 'admin.php?page=' . VCITA_WIDGET_UNIQUE_ID . '/vcita-sidebar-edit.php';
?>
"><span></span>Edit</a>
</div>
<div class="left buttons">
<a class="gray-button-style preview" href="http://<?php
echo VCITA_SERVER_BASE;
?>
/contact_widget?v=<?php
echo vcita_get_uid();
?>
&ver=2" data-width="200" data-height="500"><span></span>Preview</a>
</div>
<div class="left installation">
<div class="left long-text">
Add sidebar using the <a href="<?php
echo $url = get_admin_url('', '', 'admin') . 'widgets.php';
?>
">Widgets Menu</a> or <a class="shortcode">Grab Shortcode</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="widget-info" class="">
<div class="content active-engage">
<h3>Active Engage</h3>
Active Engage has proven to <b>double</b> the amount of contact requests from your website.<br> The 'contact' label will pop up when a client visits your website and offer to contact you or schedule time with you.
</div>
<div class="content sidebar">
<h3>Sidebar</h3>
Add a contact box to the sidebar of your website!
<br>
Present your profile details, and offer you website visitors to set an appointment with you or send you a message.
</div>
<div class="content contact-form">
<h3>Contact Form</h3>
Create a professional looking contact form customized to your preferences:
<br>
<br>
<ul>
<li>Choose your colors and fonts</li>
<li>Define custom fields</li>
<li>Write your own texts</li>
<li>Show your profile details and link to a public profile page</li>
<li>Offer appointments scheduling</li>
</ul>
All for FREE
</div>
<div class="content calendar">
<h3>Scheduling Calendar</h3>
Add a Scheduling Calendar to your website!
<br>
Present your profile details, and offer you website visitors to set an appointment with you or send you a message.
</div>
</div>
</div>
<div class="links-holder left">
<a id="switch-account" target="_blank" href="javascript:void(0);">Switch to a different vCita account</a>
</div>
<div class="shortcode-holder right">
To change widgets size: <a class="shortcode gray-button-style edit"><span></span>Grab Shortcodes</a>
</div>
<div class="clear"></div>
<div class="vcita-footer">
<a class="rate-us left" target="_blank" href="http://wordpress.org/support/view/plugin-reviews/meeting-scheduler-by-vcita"></a>
<a class="web-developers left" target="_blank" href="http://<?php
echo VCITA_SERVER_BASE;
?>
/partners/web-professionals?invite=<?php
echo VCITA_WIDGET_INVITE_CODE;
?>
"></a>
<div class="more-offers left">
<div class="green">vCita has a lot more to offer!</div>
Visit <a target="_blank" href="http://<?php
echo VCITA_SERVER_BASE;
?>
?invite=<?php
echo VCITA_WIDGET_INVITE_CODE;
?>
">vCita</a> or <a href="http://www.vcita.com/education_center" id="not-play-vcita-video" class="show-in-popup">watch a video</a>
<br>
Any suggestions or questions? visit our <a target="_blank" href="http://support.vcita.com/forums">forum</a>
</div>
<div class="clear"></div>
</div>
</div>
<div id="margin">
</div>
<div id="floating">
<div id="floating-holder">
<div id="content-holder">
<a id="close-floating"></a>
<div id="content">
</div>
</div>
</div>
</div>
<script type="text/html" id="shortcode-template">
<div class="short-code">
<div>Contact Form:</div>
<input readonly="" type="text" id="vcita_embed_widget_<?php
echo $form_uid;
?>
" onclick="this.select();" value="[<?php
echo VCITA_WIDGET_SHORTCODE;
?>
type=contact width=500 height=450]">
<div>Scheduling Calendar:</div>
<input readonly="" type="text" id="vcita_embed_widget_<?php
echo $form_uid;
?>
" onclick="this.select();" value="[<?php
echo VCITA_WIDGET_SHORTCODE;
?>
type=scheduler width=500 height=450]">
<div>Vertical Sidebar:</div>
<input readonly="" type="text" id="vcita_embed_widget_<?php
echo $form_uid;
?>
" onclick="this.select();" value="[<?php
echo VCITA_WIDGET_SHORTCODE;
?>
type=widget height=400 width=200]">
<div >Horizontal Widget:</div>
<input readonly="" type="text" id="vcita_embed_widget_<?php
echo $form_uid;
?>
" onclick="this.select();" value="[<?php
echo VCITA_WIDGET_SHORTCODE;
?>
type=widget height=200]">
<div >Buttons only:</div>
<input readonly="" type="text" id="vcita_embed_widget_<?php
echo $form_uid;
?>
" onclick="this.select();" value="[<?php
echo VCITA_WIDGET_SHORTCODE;
?>
type=widget height=100]">
Note: Changing the height and width will affect the widgets on your website but will not affect the preview.
</div>
</script>
<script type="text/html" id="must-logged-in">
<div class="need-to-fill-email">
In order to edit the widget, please fill in the email to which contact requests should be sent.
</div>
</script>
<script type="text/html" id="vcita-video">
<iframe allowfullscreen="true" type="text/html" frameborder="0" height="363" src="http://www.youtube.com/embed/rv-O7gxwLbk" width="600" />
</script>
<script type="text/html" id="vcita-video2">
<iframe allowfullscreen="true" type="text/html" frameborder="0" height="363" src="http://www.youtube.com/embed/zcPpfiwE41Q" width="600" />
</script>
<script type="text/html" id="settings-iframe">
<iframe src="http://<?php
echo VCITA_SERVER_BASE;
?>
/integrations/wordpress/settings" class="hidden" width="0" height="0"/>
</script>
<?php
}