921 lines
60 KiB
PHP
921 lines
60 KiB
PHP
|
<?php
|
||
|
|
/** no direct access **/
|
||
|
|
defined('MECEXEC') or die();
|
||
|
|
|
||
|
|
// MEC Skins
|
||
|
|
$skins = $this->main->get_skins();
|
||
|
|
|
||
|
|
// MEC Events
|
||
|
|
$events = $this->main->get_events();
|
||
|
|
|
||
|
|
// MEC Settings
|
||
|
|
$settings = $this->main->get_settings();
|
||
|
|
$wizard_page = isset($_REQUEST['page']) ? sanitize_text_field($_REQUEST['page']) : '';
|
||
|
|
$main_page = isset($_REQUEST['post_type']) ? sanitize_text_field($_REQUEST['post_type']) : '';
|
||
|
|
|
||
|
|
if(!isset($post_type)) $post_type = NULL;
|
||
|
|
?>
|
||
|
|
<div id="mec_popup_shortcode" class="lity-hide">
|
||
|
|
<div class="mec-steps-container">
|
||
|
|
<img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/mec-logo-icon.svg'; ?>" style="width: 50px" />
|
||
|
|
<ul>
|
||
|
|
<li class="mec-step mec-step-1"><span>1</span></li>
|
||
|
|
<li class="mec-step mec-step-2"><span>2</span></li>
|
||
|
|
<li class="mec-step mec-step-3"><span>3</span></li>
|
||
|
|
<li class="mec-step mec-step-4"><span>4</span></li>
|
||
|
|
<li class="mec-step mec-step-5"><span>5</span></li>
|
||
|
|
<li class="mec-step mec-step-6"><span>6</span></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="mec-steps-panel">
|
||
|
|
<div id="mec_popup_shortcode_form">
|
||
|
|
<div class="mec-steps-content-container">
|
||
|
|
<div class="mec-steps-header">
|
||
|
|
<div class="mec-steps-header-userinfo">
|
||
|
|
<?php $user = wp_get_current_user(); ?>
|
||
|
|
<?php if(get_option('show_avatars')): ?>
|
||
|
|
<span class="mec-steps-header-img"><img src="<?php echo esc_url(get_avatar_url($user->ID)); ?>" /></span>
|
||
|
|
<?php endif; ?>
|
||
|
|
<span class="mec-steps-header-name"><?php echo esc_html($user->display_name); ?></span>
|
||
|
|
<span class="mec-steps-header-add-text"><?php esc_html_e('Adding a Shortcode...', 'modern-events-calendar-lite') ?></span>
|
||
|
|
</div>
|
||
|
|
<div class="mec-steps-header-settings">
|
||
|
|
<a href="<?php echo admin_url( 'admin.php?page=MEC-settings' ); ?>"><i class="mec-sl-settings"></i><?php esc_html_e('Settings', 'modern-events-calendar-lite'); ?></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mec-steps-content mec-steps-content-1">
|
||
|
|
<?php wp_nonce_field('mec_shortcode_popup', '_mecnonce'); ?>
|
||
|
|
<input type="text" name="shortcode[name]" placeholder="<?php esc_attr_e('Shortcode Name', 'modern-events-calendar-lite'); ?>" id="mec_shortcode_name">
|
||
|
|
<p class="popup-sh-name-required"><?php esc_html_e('Shortcode name is required', 'modern-events-calendar-lite'); ?></p>
|
||
|
|
</div>
|
||
|
|
<div class="mec-steps-content mec-steps-content-2">
|
||
|
|
<ul>
|
||
|
|
<?php foreach($skins as $skin=>$name): ?>
|
||
|
|
<li>
|
||
|
|
<label>
|
||
|
|
<div class="mec-step-popup-skin-img">
|
||
|
|
<img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins'; ?>/<?php echo str_replace('_view', '', $skin); ?>.svg" />
|
||
|
|
</div>
|
||
|
|
<div class="mec-step-popup-skin-text">
|
||
|
|
<?php echo esc_html($name); ?>
|
||
|
|
<input type="radio" class="mec-skins" name="shortcode[skin]" value="<?php echo esc_attr($skin); ?>">
|
||
|
|
</div>
|
||
|
|
</label>
|
||
|
|
</li>
|
||
|
|
<?php endforeach; ?>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="mec-steps-content mec-steps-content-3">
|
||
|
|
<div class="mec-styles-wrapper">
|
||
|
|
<div class="mec-skin-styles mec-styles-list">
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/list-classic.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="classic">
|
||
|
|
<div><?php esc_html_e('Classic', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/list-minimal.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="minimal">
|
||
|
|
<div><?php esc_html_e('Minimal', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/list-modern.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="modern">
|
||
|
|
<div><?php esc_html_e('Modern', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/list-standard.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="standard">
|
||
|
|
<div><?php esc_html_e('Standard', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/list-toggle.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="accordion">
|
||
|
|
<div><?php esc_html_e('Toggle', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/list-fluent.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent">
|
||
|
|
<div><?php esc_html_e('Fluent', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-grid">
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/grid-classic.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="classic">
|
||
|
|
<div><?php esc_html_e('Classic', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/grid-clean.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="clean">
|
||
|
|
<div><?php esc_html_e('Clean', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/grid-minimal.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="minimal">
|
||
|
|
<div><?php esc_html_e('Minimal', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/grid-modern.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="modern">
|
||
|
|
<div><?php esc_html_e('Modern', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/grid-simple.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="simple">
|
||
|
|
<div><?php esc_html_e('Simple', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/grid-colorful.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="colorful">
|
||
|
|
<div><?php esc_html_e('Colorful', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/grid-novel.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="novel">
|
||
|
|
<div><?php esc_html_e('Novel', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/grid-fluent.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent">
|
||
|
|
<div><?php esc_html_e('Fluent', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-agenda">
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/agenda-clean.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="clean">
|
||
|
|
<div><?php esc_html_e('Clean', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/agenda-fluent.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent">
|
||
|
|
<div><?php esc_html_e('Fluent', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-full_calendar">
|
||
|
|
<h3><?php esc_html_e('Monthly Style', 'modern-events-calendar-lite'); ?></h3>
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/monthly-clean.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="clean">
|
||
|
|
<div><?php esc_html_e('Clean', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/monthly-novel.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="novel">
|
||
|
|
<div><?php esc_html_e('Novel', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/monthly-simple.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="simple">
|
||
|
|
<div><?php esc_html_e('Simple', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/monthly-fluent.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent">
|
||
|
|
<div><?php esc_html_e('Fluent', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-yearly_view">
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/yearly-modern.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="modern">
|
||
|
|
<div><?php esc_html_e('Modern', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/yearly-fluent.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent">
|
||
|
|
<div><?php esc_html_e('Fluent', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-monthly_view">
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/monthly-classic.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="classic">
|
||
|
|
<div><?php esc_html_e('Classic', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/monthly-clean.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="clean">
|
||
|
|
<div><?php esc_html_e('Clean', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/monthly-modern.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="modern">
|
||
|
|
<div><?php esc_html_e('Modern', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/monthly-novel.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="novel">
|
||
|
|
<div><?php esc_html_e('Novel', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/monthly-simple.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="simple">
|
||
|
|
<div><?php esc_html_e('Simple', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/monthly-fluent.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent">
|
||
|
|
<div><?php esc_html_e('Fluent', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-map">
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-daily_view">
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/daily-classic.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="classic">
|
||
|
|
<div><?php esc_html_e('Classic', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/daily-fluent.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent">
|
||
|
|
<div><?php esc_html_e('Fluent', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-weekly_view">
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/weekly-classic.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="classic">
|
||
|
|
<div><?php esc_html_e('Classic', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/weekly-fluent.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent">
|
||
|
|
<div><?php esc_html_e('Fluent', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-timetable">
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/timetable-modern.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="modern">
|
||
|
|
<div><?php esc_html_e('Modern', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/timetable-clean.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="clean">
|
||
|
|
<div><?php esc_html_e('Clean', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/timetable-fluent.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent">
|
||
|
|
<div><?php esc_html_e('Fluent', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-masonry">
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/masonry-classic.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="classic">
|
||
|
|
<div><?php esc_html_e('Classic', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/masonry-fluent.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent">
|
||
|
|
<div><?php esc_html_e('Fluent', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-cover">
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/cover-classic.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="classic">
|
||
|
|
<div><?php esc_html_e('Classic', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/cover-clean.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="clean">
|
||
|
|
<div><?php esc_html_e('Clean', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/cover-modern.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="modern">
|
||
|
|
<div><?php esc_html_e('Modern', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/cover-fluent-type1.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent-type1">
|
||
|
|
<div><?php esc_html_e('Fluent Type 1', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/cover-fluent-type2.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent-type2">
|
||
|
|
<div><?php esc_html_e('Fluent Type 2', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/cover-fluent-type3.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent-type3">
|
||
|
|
<div><?php esc_html_e('Fluent Type 3', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/cover-fluent-type4.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent-type4">
|
||
|
|
<div><?php esc_html_e('Fluent Type 4', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-countdown">
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/countdown-type1.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="style1">
|
||
|
|
<div><?php esc_html_e('Style 1', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/countdown-type2.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="style2">
|
||
|
|
<div><?php esc_html_e('Style 2', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/countdown-type3.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="style3">
|
||
|
|
<div><?php esc_html_e('Style 3', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/countdown-fluent.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent">
|
||
|
|
<div><?php esc_html_e('Fluent', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-available_spot">
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/available-spot-classic.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="classic">
|
||
|
|
<div><?php esc_html_e('Classic', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/available-spot-fluent-type1.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent-type1">
|
||
|
|
<div><?php esc_html_e('Fluent Type 1', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/available-spot-fluent-type2.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent-type2">
|
||
|
|
<div><?php esc_html_e('Fluent Type 2', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-carousel">
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/carousel-type1.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="type1">
|
||
|
|
<div><?php esc_html_e('Type 1', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/carousel-type2.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="type2">
|
||
|
|
<div><?php esc_html_e('Type 2', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/carousel-type3.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="type3">
|
||
|
|
<div><?php esc_html_e('Type 3', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/carousel-type4.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="type4">
|
||
|
|
<div><?php esc_html_e('Type 4', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/carousel-fluent.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent">
|
||
|
|
<div><?php esc_html_e('Fluent', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-slider">
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/slider-type1.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="t1">
|
||
|
|
<div><?php esc_html_e('Type 1', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/slider-type2.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="t2">
|
||
|
|
<div><?php esc_html_e('Type 2', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/slider-type3.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="t3">
|
||
|
|
<div><?php esc_html_e('Type 3', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/slider-type4.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="t4">
|
||
|
|
<div><?php esc_html_e('Type 4', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/slider-type5.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="t5">
|
||
|
|
<div><?php esc_html_e('Type 5', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/slider-fluent.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent">
|
||
|
|
<div><?php esc_html_e('Fluent', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-timeline">
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-tile">
|
||
|
|
<?php if ( is_plugin_active( 'mec-fluent-layouts/mec-fluent-layouts.php' ) ) { ?>
|
||
|
|
<label class="active">
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/tile-classic.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="classic">
|
||
|
|
<div><?php esc_html_e('Classic', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span class="wn-hover-img-sh"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/skins/popup/tile-fluent.jpg'; ?>" /></span>
|
||
|
|
<input type="radio" name="shortcode[style]" class="mec-styles" value="fluent">
|
||
|
|
<div><?php esc_html_e('Fluent', 'modern-events-calendar-lite'); ?></div>
|
||
|
|
</label>
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-custom">
|
||
|
|
<?php
|
||
|
|
$args = array(
|
||
|
|
'post_type' => 'mec_designer',
|
||
|
|
'post_status' => 'publish',
|
||
|
|
'order' => 'DESC',
|
||
|
|
'posts_per_page' => -1,
|
||
|
|
);
|
||
|
|
$styles = new WP_Query($args);
|
||
|
|
?>
|
||
|
|
<h3 for="mec_shortcode_custom_style"><?php esc_html_e('Select Style', 'modern-events-calendar-lite'); ?></h3>
|
||
|
|
<select class="mec-col-4 wn-mec-select" name="shortcode[custom_style]" id="mec_skin_custom_style">
|
||
|
|
<?php foreach($styles->get_posts() as $post): ?>
|
||
|
|
<option value="<?php echo esc_attr($post->ID) ?>" <?php isset($sk_options_custom['style']) ? selected($sk_options_custom['style'], $post->ID, true) : ''; ?> ><?php echo esc_html($post->post_title); ?></option>';
|
||
|
|
<?php endforeach; ?>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="mec-skin-styles mec-styles-general_calandar">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mec-steps-content mec-steps-content-4">
|
||
|
|
<div class="mec-multiple-skin-options">
|
||
|
|
<h3><?php esc_html_e('Single Event Display Method', 'modern-events-calendar-lite'); ?></h3>
|
||
|
|
<div>
|
||
|
|
<label>
|
||
|
|
<input type="radio" name="shortcode[sed]" value="0" checked>
|
||
|
|
<?php esc_html_e('Current Window', 'modern-events-calendar-lite'); ?>
|
||
|
|
</label>
|
||
|
|
<label class="active">
|
||
|
|
<input type="radio" name="shortcode[sed]" value="new" checked>
|
||
|
|
<?php esc_html_e('New Window', 'modern-events-calendar-lite'); ?>
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<input type="radio" name="shortcode[sed]" value="m1">
|
||
|
|
<?php esc_html_e('Modal Popup', 'modern-events-calendar-lite'); ?>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mec-single-skin-options">
|
||
|
|
<h3 for="mec_shortcode_event_id"><?php esc_html_e('Select Event', 'modern-events-calendar-lite'); ?></h3>
|
||
|
|
<select name="shortcode[event]" id="mec_shortcode_event_id" class="mec_shortcode_event_id wn-mec-select-popup">
|
||
|
|
<?php foreach($events as $event): ?>
|
||
|
|
<option value="<?php echo esc_attr($event->ID); ?>" <?php if(isset($sk_options_cover['event_id']) and $sk_options_cover['event_id'] == $event->ID) echo 'selected="selected"'; ?>><?php echo esc_html($event->post_title); ?></option>
|
||
|
|
<?php endforeach; ?>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="wns-be-group-tab mec-steps-content mec-steps-content-5">
|
||
|
|
<div class="mec-switcher" id="mec_show_past_events_wrapper">
|
||
|
|
<div>
|
||
|
|
<label for="mec_show_past_events"><?php esc_html_e('Include Expired Events', 'modern-events-calendar-lite'); ?></label>
|
||
|
|
<p class="description"><?php esc_html_e('You have ability to include past/expired events if you like so it will show upcoming and expired events based on start date that you selected.', 'modern-events-calendar-lite'); ?></p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<input type="hidden" name="shortcode[show_past_events]" value="0" />
|
||
|
|
<input type="checkbox" name="shortcode[show_past_events]" class="mec-checkbox-toggle" id="mec_show_past_events" value="1" checked>
|
||
|
|
<label for="mec_show_past_events"></label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mec-switcher" id="mec_show_only_past_events_wrapper">
|
||
|
|
<div>
|
||
|
|
<label for="mec_show_only_past_events"><?php esc_html_e('Show Only Expired Events', 'modern-events-calendar-lite'); ?></label>
|
||
|
|
<p class="description" style="color: red;"><?php echo sprintf(esc_html__('It shows %s expired/past events.', 'modern-events-calendar-lite'), '<strong>'.esc_html__('only', 'modern-events-calendar-lite').'</strong>'); ?></p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<input type="hidden" name="shortcode[show_only_past_events]" value="0" />
|
||
|
|
<input type="checkbox" name="shortcode[show_only_past_events]" class="mec-checkbox-toggle" id="mec_show_only_past_events" value="1">
|
||
|
|
<label for="mec_show_only_past_events"></label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mec-switcher" id="mec_show_only_ongoing_events_wrapper">
|
||
|
|
<div>
|
||
|
|
<label for="mec_show_only_ongoing_events"><?php esc_html_e('Show Only Ongoing Events', 'modern-events-calendar-lite'); ?></label>
|
||
|
|
<p class="description"><?php esc_html_e('It shows only ongoing events on List and Grid skins.', 'modern-events-calendar-lite'); ?></p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<input type="hidden" name="shortcode[show_only_ongoing_events]" value="0" />
|
||
|
|
<input type="checkbox" name="shortcode[show_only_ongoing_events]" class="mec-checkbox-toggle" id="mec_show_only_ongoing_events" value="1">
|
||
|
|
<label for="mec_show_only_ongoing_events"></label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mec-steps-content mec-steps-content-6">
|
||
|
|
<div class="mec-steps-6-loading"><div class="mec-loader"></div></div>
|
||
|
|
<div class="mec-steps-6-results">
|
||
|
|
<div class="mec-popup-shortcode">
|
||
|
|
<h3><?php esc_html_e('Your Shortcode', 'modern-events-calendar-lite'); ?></h3>
|
||
|
|
<div class="mec-popup-shortcode-code">
|
||
|
|
<code></code>
|
||
|
|
<button type="button" class="mec-button-copy"><?php esc_html_e('Copy', 'modern-events-calendar-lite'); ?></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p class="description"><?php esc_html_e('Put this shortcode into your desired page.', 'modern-events-calendar-lite'); ?></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mec-next-previous-buttons">
|
||
|
|
<button class="mec-button-prev"><?php esc_html_e('Prev', 'modern-events-calendar-lite'); ?><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/popup/popup-prev-icon.svg'; ?>" /></button>
|
||
|
|
<button class="mec-button-next"><?php esc_html_e('Next', 'modern-events-calendar-lite'); ?><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/popup/popup-next-icon.svg'; ?>" /></button>
|
||
|
|
<button class="mec-button-new"><img src="<?php echo plugin_dir_url(__FILE__ ) . '../../../assets/img/popup/popup-new-shortcode-plus.svg'; ?>" /><?php esc_html_e('New Shortcode', 'modern-events-calendar-lite'); ?></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<?php if(!isset($settings['sh_as_popup']) || (isset($settings['sh_as_popup']) && $settings['sh_as_popup'] == '1') or $wizard_page == "MEC-wizard" ) : ?>
|
||
|
|
|
||
|
|
<?php if(is_plugin_active('mec-fluent-layouts/mec-fluent-layouts.php')) { $fluent = 'fluent-view-activated'; } else { $fluent = 'deactivate'; } ?>
|
||
|
|
|
||
|
|
<?php
|
||
|
|
$this->getFactory()->params('footer', function() use($main_page, $wizard_page, $post_type, $fluent)
|
||
|
|
{
|
||
|
|
?>
|
||
|
|
<script>
|
||
|
|
jQuery(document).ready(function()
|
||
|
|
{
|
||
|
|
var redirect = true;
|
||
|
|
var current_step;
|
||
|
|
var current_skin;
|
||
|
|
var current_style;
|
||
|
|
|
||
|
|
var $shortcode_wrap = jQuery("#mec_popup_shortcode");
|
||
|
|
var $sh_prev = $shortcode_wrap.find('.mec-button-prev');
|
||
|
|
var $sh_next = $shortcode_wrap.find('.mec-button-next');
|
||
|
|
var $sh_new = $shortcode_wrap.find('.mec-button-new');
|
||
|
|
var $sh_copy = $shortcode_wrap.find('.mec-button-copy');
|
||
|
|
var $sh_steps = $shortcode_wrap.find('.mec-step');
|
||
|
|
var $sh_steps_content = $shortcode_wrap.find('.mec-steps-content');
|
||
|
|
var $sh_skins = $shortcode_wrap.find('.mec-skins');
|
||
|
|
var $sh_name = $shortcode_wrap.find('#mec_shortcode_name');
|
||
|
|
var $sh_main_container = $shortcode_wrap.find('.mec-steps-panel');
|
||
|
|
|
||
|
|
if(jQuery('.mec_shortcode_event_id').length > 0) jQuery('.mec_shortcode_event_id').niceSelect();
|
||
|
|
jQuery(".mec-steps-content.mec-steps-content-2 ul").niceScroll({
|
||
|
|
autohidemode: false,
|
||
|
|
cursorcolor:"#C7EBFB",
|
||
|
|
cursorwidth: "4px",
|
||
|
|
cursorborder: "none",
|
||
|
|
railpadding: { top: 17, right: 0, left: 0, bottom: 0 },
|
||
|
|
scrollbarid: 'mec-select-skin-popup-scrollbar'
|
||
|
|
});
|
||
|
|
jQuery(".mec-steps-content.mec-steps-content-3 .mec-skin-styles").niceScroll({
|
||
|
|
autohidemode: false,
|
||
|
|
cursorcolor:"#C7EBFB",
|
||
|
|
cursorwidth: "4px",
|
||
|
|
cursorborder: "none",
|
||
|
|
railpadding: { top: 17, right: 0, left: 0, bottom: 0 },
|
||
|
|
scrollbarid: 'mec-select-type-popup-scrollbar'
|
||
|
|
});
|
||
|
|
|
||
|
|
// Add Shortcode Button
|
||
|
|
jQuery('.mec-wizard-open-popup.add-shortcode,.wrap .page-title-action').on('click', function(e)
|
||
|
|
{
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
if(jQuery(".mec-wizard-open-popup.add-shortcode").length > 0 )
|
||
|
|
{
|
||
|
|
jQuery(".mec-wizard-open-popup.add-shortcode").addClass("active")
|
||
|
|
jQuery(".mec-wizard-open-popup.add-event").removeClass("active")
|
||
|
|
jQuery(".mec-wizard-open-popup.mec-settings").removeClass("active")
|
||
|
|
jQuery(".mec-wizard-starter-video a").removeClass("active")
|
||
|
|
}
|
||
|
|
|
||
|
|
// Open Lightbox
|
||
|
|
lity('#mec_popup_shortcode');
|
||
|
|
|
||
|
|
// Do Step
|
||
|
|
mec_shortcode_step(1, 'next');
|
||
|
|
});
|
||
|
|
|
||
|
|
// Lightbox Open
|
||
|
|
jQuery(document).on('lity:open', function(event, instance)
|
||
|
|
{
|
||
|
|
<?php if ($main_page == "mec_calendars") { ?>
|
||
|
|
jQuery('.lity').removeClass('mec-add-event-popup');
|
||
|
|
jQuery('.lity').addClass('mec-add-shortcode-popup');
|
||
|
|
<?php } ?>
|
||
|
|
|
||
|
|
if ( jQuery(".mec-wizard-open-popup.add-shortcode").hasClass("active") ) {
|
||
|
|
jQuery('.lity').addClass('mec-add-shortcode-popup');
|
||
|
|
}
|
||
|
|
|
||
|
|
jQuery('body').css('overflow', 'hidden');
|
||
|
|
jQuery('.lity-wrap').removeAttr('data-lity-close');
|
||
|
|
});
|
||
|
|
|
||
|
|
// Lightbox Close
|
||
|
|
jQuery(document).on('lity:close', function(event, instance)
|
||
|
|
{
|
||
|
|
<?php if ( $wizard_page != "MEC-wizard" ) { ?>
|
||
|
|
if(redirect) window.location.href = "<?php echo admin_url('post-new.php?post_type='.$post_type); ?>";
|
||
|
|
<?php } ?>
|
||
|
|
jQuery("#mec-select-type-popup-scrollbar .nicescroll-cursors").css('z-index', '-1');
|
||
|
|
jQuery(".mec-steps-content.mec-steps-content-3 .mec-skin-styles").getNiceScroll().hide();
|
||
|
|
jQuery("#mec-select-skin-popup-scrollbar .nicescroll-cursors").css('z-index', '-1');
|
||
|
|
jQuery(".mec-steps-content.mec-steps-content-2 ul").getNiceScroll().hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
// Previous
|
||
|
|
$sh_prev.on('click', function()
|
||
|
|
{
|
||
|
|
var new_step = parseInt(current_step)-1;
|
||
|
|
if(new_step <= 0) new_step = 1;
|
||
|
|
|
||
|
|
mec_shortcode_step(new_step, 'prev');
|
||
|
|
});
|
||
|
|
|
||
|
|
// Next
|
||
|
|
$sh_next.on('click', function()
|
||
|
|
{
|
||
|
|
var new_step = parseInt(current_step)+1;
|
||
|
|
if(new_step > 7) new_step = 7;
|
||
|
|
|
||
|
|
mec_shortcode_step(new_step, 'next');
|
||
|
|
});
|
||
|
|
|
||
|
|
// New
|
||
|
|
$sh_new.on('click', function()
|
||
|
|
{
|
||
|
|
$sh_name.val('');
|
||
|
|
mec_shortcode_step(1, 'next');
|
||
|
|
});
|
||
|
|
|
||
|
|
// Copy
|
||
|
|
$sh_copy.on('click', function()
|
||
|
|
{
|
||
|
|
var $temp = jQuery("<input>");
|
||
|
|
jQuery("body").append($temp);
|
||
|
|
|
||
|
|
$temp.val(jQuery('.mec-popup-shortcode code').text()).select();
|
||
|
|
|
||
|
|
document.execCommand("copy");
|
||
|
|
$temp.remove();
|
||
|
|
});
|
||
|
|
|
||
|
|
// Skin Changed
|
||
|
|
$sh_skins.on('change', function(e)
|
||
|
|
{
|
||
|
|
e.preventDefault();
|
||
|
|
var skin = jQuery(this).val();
|
||
|
|
|
||
|
|
jQuery('.mec-skin-styles').hide();
|
||
|
|
jQuery('.mec-styles-'+skin).show();
|
||
|
|
|
||
|
|
if(skin === 'list' || skin === 'grid') jQuery('#mec_show_only_ongoing_events_wrapper').show();
|
||
|
|
else jQuery('#mec_show_only_ongoing_events_wrapper').hide();
|
||
|
|
|
||
|
|
if(skin === 'map') jQuery('#mec_show_only_past_events_wrapper').hide();
|
||
|
|
else jQuery('#mec_show_only_past_events_wrapper').show();
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
// on Submit of Shortcode Name
|
||
|
|
$sh_name.keyup(function(e)
|
||
|
|
{
|
||
|
|
if(e.keyCode === 13)
|
||
|
|
{
|
||
|
|
mec_shortcode_step(2, 'next');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// Step 2 - Select skin
|
||
|
|
jQuery('.mec-steps-content.mec-steps-content-2 ul li:first-of-type').addClass('active');
|
||
|
|
jQuery('.mec-steps-content.mec-steps-content-2 ul li').on('click', function (e) {
|
||
|
|
e.preventDefault();
|
||
|
|
jQuery('.mec-steps-content.mec-steps-content-2 ul li .mec-skins').prop('checked', false);
|
||
|
|
jQuery('.mec-steps-content.mec-steps-content-2 ul li').removeClass('active');
|
||
|
|
jQuery(this).addClass('active');
|
||
|
|
jQuery(this).find('.mec-skins').prop('checked', true).trigger('change');
|
||
|
|
});
|
||
|
|
|
||
|
|
// Step 3 - Select skin type
|
||
|
|
jQuery('.mec-skin-styles label').on('click', function (e) {
|
||
|
|
e.preventDefault();
|
||
|
|
jQuery('.mec-skin-styles label input').prop('checked', false);
|
||
|
|
jQuery('.mec-skin-styles label').removeClass('active');
|
||
|
|
jQuery(this).addClass('active');
|
||
|
|
jQuery(this).find('input').prop('checked', true).trigger('change');
|
||
|
|
});
|
||
|
|
|
||
|
|
// Step 4 - change target link
|
||
|
|
jQuery('.mec-steps-content.mec-steps-content-4 label:first-of-type').addClass('active');
|
||
|
|
jQuery('.mec-steps-content.mec-steps-content-4 label input').on('change', function () {
|
||
|
|
jQuery('.mec-steps-content.mec-steps-content-4 label').removeClass('active');
|
||
|
|
jQuery(this).parent().addClass('active');
|
||
|
|
});
|
||
|
|
|
||
|
|
// Do Step
|
||
|
|
function mec_shortcode_step(step, type)
|
||
|
|
{
|
||
|
|
current_skin = jQuery('.mec-skins:checked').val();
|
||
|
|
|
||
|
|
if ( '<?php echo esc_js($fluent); ?>' == 'fluent-view-activated' ) {
|
||
|
|
if(step === 3 && (
|
||
|
|
current_skin === 'map' ||
|
||
|
|
current_skin === 'timeline' ||
|
||
|
|
current_skin === 'general_calendar'
|
||
|
|
))
|
||
|
|
{
|
||
|
|
if(type === 'next') step = 4;
|
||
|
|
else step = 2;
|
||
|
|
}
|
||
|
|
} else { // Skip Style Step
|
||
|
|
if(step === 3 && (
|
||
|
|
current_skin === 'map' ||
|
||
|
|
current_skin === 'daily_view' ||
|
||
|
|
current_skin === 'weekly_view' ||
|
||
|
|
current_skin === 'masonry' ||
|
||
|
|
current_skin === 'available_spot' ||
|
||
|
|
current_skin === 'timeline' ||
|
||
|
|
current_skin === 'general_calendar' ||
|
||
|
|
current_skin === 'tile'
|
||
|
|
))
|
||
|
|
{
|
||
|
|
if(type === 'next') step = 4;
|
||
|
|
else step = 2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Skip Single Event Display Step
|
||
|
|
if(step === 4 && (
|
||
|
|
current_skin === 'map' ||
|
||
|
|
current_skin === 'carousel' ||
|
||
|
|
current_skin === 'slider'
|
||
|
|
))
|
||
|
|
{
|
||
|
|
if(type === 'next') step = 5;
|
||
|
|
else
|
||
|
|
{
|
||
|
|
if(current_skin === 'map') step = 2;
|
||
|
|
else step = 3;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Skip Dates Step
|
||
|
|
if(step === 5 && (
|
||
|
|
current_skin === 'available_spot' ||
|
||
|
|
current_skin === 'countdown' ||
|
||
|
|
current_skin === 'cover'
|
||
|
|
))
|
||
|
|
{
|
||
|
|
if(type === 'next') step = 6;
|
||
|
|
else step = 4;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Validation
|
||
|
|
if(step === 2)
|
||
|
|
{
|
||
|
|
var name = $sh_name.val();
|
||
|
|
if(name === '')
|
||
|
|
{
|
||
|
|
$sh_name.addClass('mec-required').focus();
|
||
|
|
jQuery('.popup-sh-name-required').show();
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
if(!current_skin) jQuery('.mec-skins:first').attr('checked', true).trigger('change');
|
||
|
|
}
|
||
|
|
else if(step === 3)
|
||
|
|
{
|
||
|
|
current_style = jQuery('.mec-styles-'+current_skin+' .mec-styles:checked').val();
|
||
|
|
if(!current_style) jQuery('.mec-styles-'+current_skin+' .mec-styles:first').attr('checked', true);
|
||
|
|
}
|
||
|
|
|
||
|
|
current_step = step;
|
||
|
|
|
||
|
|
// Buttons
|
||
|
|
$sh_prev.show();
|
||
|
|
$sh_next.show();
|
||
|
|
|
||
|
|
if(step === 1)
|
||
|
|
{
|
||
|
|
$sh_prev.hide();
|
||
|
|
$sh_new.hide();
|
||
|
|
}
|
||
|
|
else if(step === 6)
|
||
|
|
{
|
||
|
|
$sh_prev.hide();
|
||
|
|
$sh_next.hide();
|
||
|
|
}
|
||
|
|
|
||
|
|
// Disable Redirection
|
||
|
|
redirect = (step !== 6);
|
||
|
|
|
||
|
|
// Steps Bar
|
||
|
|
$sh_steps.removeClass('mec-step-passed');
|
||
|
|
for(var i = 1; i <= step; i++) jQuery('.mec-step-'+i).addClass('mec-step-passed');
|
||
|
|
|
||
|
|
// Content
|
||
|
|
$sh_steps_content.hide();
|
||
|
|
$sh_steps_content.removeClass('mec-steps-content-active');
|
||
|
|
jQuery('.mec-steps-content-'+step).addClass('mec-steps-content-active').show();
|
||
|
|
jQuery('.mec-steps-content-container').removeClass('mec-steps-content-1 mec-steps-content-2 mec-steps-content-3 mec-steps-content-4 mec-steps-content-5 mec-steps-content-6').addClass('mec-steps-content-'+step);
|
||
|
|
|
||
|
|
// Save Shortcode
|
||
|
|
if(step === 6) return mec_shortcode_save();
|
||
|
|
|
||
|
|
if(step === 4 && (
|
||
|
|
current_skin === 'cover' ||
|
||
|
|
current_skin === 'countdown' ||
|
||
|
|
current_skin === 'available_spot'
|
||
|
|
))
|
||
|
|
{
|
||
|
|
jQuery('.mec-steps-content-4 .mec-single-skin-options').show();
|
||
|
|
jQuery('.mec-steps-content-4 .mec-multiple-skin-options').hide();
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
jQuery('.mec-steps-content-4 .mec-single-skin-options').hide();
|
||
|
|
jQuery('.mec-steps-content-4 .mec-multiple-skin-options').show();
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( step === 2 ) {
|
||
|
|
jQuery(".mec-steps-content-container.mec-steps-content-2 .mec-steps-content.mec-steps-content-2 ul").getNiceScroll().resize();
|
||
|
|
jQuery("#mec-select-skin-popup-scrollbar .nicescroll-cursors").css('z-index', '9999');
|
||
|
|
jQuery(".mec-steps-content.mec-steps-content-3 .mec-skin-styles").getNiceScroll().hide();
|
||
|
|
jQuery("#mec-select-type-popup-scrollbar .nicescroll-cursors").css('z-index', '9');
|
||
|
|
} else if ( step === 3 ){
|
||
|
|
jQuery(".mec-steps-content-container.mec-steps-content-3 .mec-steps-content.mec-steps-content-3 .mec-skin-styles").getNiceScroll().resize();
|
||
|
|
jQuery("#mec-select-type-popup-scrollbar .nicescroll-cursors").css('z-index', '9999');
|
||
|
|
jQuery(".mec-steps-content.mec-steps-content-2 ul").getNiceScroll().hide();
|
||
|
|
jQuery("#mec-select-skin-popup-scrollbar .nicescroll-cursors").css('z-index', '9');
|
||
|
|
} else {
|
||
|
|
jQuery(".nicescroll-cursors").css('z-index', '9');
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function mec_shortcode_save()
|
||
|
|
{
|
||
|
|
// Show Loading
|
||
|
|
jQuery(".mec-steps-6-loading").show();
|
||
|
|
jQuery(".mec-steps-6-results").hide();
|
||
|
|
|
||
|
|
var form = jQuery("#mec_popup_shortcode_form :input").serialize();
|
||
|
|
jQuery.ajax(
|
||
|
|
{
|
||
|
|
type: "POST",
|
||
|
|
url: ajaxurl,
|
||
|
|
data: "action=mec_popup_shortcode&"+form,
|
||
|
|
dataType: "json",
|
||
|
|
success: function(data)
|
||
|
|
{
|
||
|
|
if(data.success)
|
||
|
|
{
|
||
|
|
jQuery(".mec-popup-shortcode code").html('[MEC id="'+data.id+'"]');
|
||
|
|
|
||
|
|
jQuery(".mec-steps-6-loading").hide();
|
||
|
|
|
||
|
|
jQuery(".mec-steps-6-results").show();
|
||
|
|
$sh_new.show();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
error: function(jqXHR, textStatus, errorThrown)
|
||
|
|
{
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<?php
|
||
|
|
}); ?>
|
||
|
|
<?php endif; ?>
|