/**
* Generate slider
*
* @param string $alias slider alias
*
* @param boolean $echo identify the we have to return the output or display the output
*
* @return string if $echo is false then whole slider content will return
*/
public static function airsliderOutput($alias, $echo)
{
global $wpdb;
//Get the slider information
$slider = $wpdb->get_row('SELECT * FROM ' . $wpdb->prefix . 'air_sliders WHERE alias = \'' . $alias . '\'');
//Display error message if slider is not found
if (!$slider) {
if ($echo) {
_e('The slider has not been found', AIRSLIDER_TEXTDOMAIN);
return;
} else {
return __('The slider has not been found', AIRSLIDER_TEXTDOMAIN);
}
}
$slider_id = $slider->id;
$slider_option = maybe_unserialize($slider->slider_option);
$output = '';
//Set some settings for slider
$output .= '<div style="display: none;" class="airslider-slider airslider-slider-' . (isset($slider_option->layout) ? $slider_option->layout : '') . ' airslider-slider-' . $alias . '" id="airslider-' . $slider_id . '">' . "\n";
$output .= '<input type="hidden" name="sliderBgColor" id="sliderBgColor" value="' . (isset($slider_option->background_type_color) ? trim($slider_option->background_type_color) : '') . '" />' . "\n";
$output .= '<input type="hidden" name="sliderBgColorOpacity" id="sliderBgColorOpacity" value="' . (isset($slider_option->background_opacity) ? trim($slider_option->background_opacity) : '') . '" />' . "\n";
$output .= '<input type="hidden" name="loaderType" id="loaderType" value="' . (isset($slider_option->loader_type) ? trim($slider_option->loader_type) : '') . '" />' . "\n";
$output .= '<input type="hidden" name="loaderClass" id="loaderClass" value="' . (isset($slider_option->loaderClass) ? trim($slider_option->loaderClass) : '') . '" />' . "\n";
$output .= '<input type="hidden" name="controlClass" id="controlClass" value="' . (isset($slider_option->controlsClass) ? trim($slider_option->controlsClass) : '') . '" />' . "\n";
$output .= '<input type="hidden" name="navigationClass" id="navigationClass" value="' . (isset($slider_option->navigationClass) ? trim($slider_option->navigationClass) : '') . '" />' . "\n";
$output .= '<input type="hidden" name="navigationPosition" id="navigationPosition" value="' . (isset($slider_option->navigationPosition) ? trim($slider_option->navigationPosition) : '') . '" />' . "\n";
$output .= '<input type="hidden" name="shadowClass" id="shadowClass" value="' . (isset($slider_option->shadowClass) ? trim($slider_option->shadowClass) : '') . '" />' . "\n";
$output .= '<ul>' . "\n";
//Get slide information
$slides = $wpdb->get_results('SELECT * FROM ' . $wpdb->prefix . 'air_slides WHERE slider_parent = ' . $slider_id . ' ORDER BY position');
foreach ($slides as $slide) {
//Get slide setting and set the property
$params = maybe_unserialize($slide->params);
$background_type_image = !isset($params['background_type_image']) || isset($params['background_type_image']) && ($params['background_type_image'] == 'undefined' || $params['background_type_image'] == 'none') ? 'none;' : 'url(\'' . $params['background_type_image'] . '\');';
$background_color = !isset($params['background_type_color']) || isset($params['background_type_color']) && $params['background_type_color'] == 'transparent' ? 'transparent' : airsliderHex2Rgba($params['background_type_color'], trim($params['background_opacity']));
$output .= '<li' . "\n" . 'style="' . "\n" . 'background-color: ' . $background_color . ';' . "\n" . 'background-image: ' . $background_type_image . ';' . "\n" . 'background-position: ' . (isset($params['background_propriety_position_x']) ? $params['background_propriety_position_x'] : '0') . ' ' . (isset($params['background_propriety_position_y']) ? $params['background_propriety_position_y'] : '0') . ';' . "\n" . 'background-repeat: ' . (isset($params['background_repeat']) ? $params['background_repeat'] : 'no-repeat') . ';' . "\n" . 'background-size: ' . (isset($params['background_propriety_size']) ? $params['background_propriety_size'] : '0') . ';' . "\n" . (isset($params['custom_css']) ? stripslashes($params['custom_css']) : '') . "\n" . '"' . "\n" . 'data-in="' . (isset($params['data_in']) ? $params['data_in'] : '') . '"' . "\n" . 'data-ease-in="' . (isset($params['data_easeIn']) ? $params['data_easeIn'] : '') . '"' . "\n" . 'data-out="' . (isset($params['data_out']) ? $params['data_out'] : '') . '"' . "\n" . 'data-ease-out="' . (isset($params['data_easeOut']) ? $params['data_easeOut'] : '') . '"' . "\n" . 'data-time="' . (isset($params['data_time']) ? $params['data_time'] : '') . '"' . "\n" . '>' . "\n";
$slide_parent = $slide->position;
//Get Elements of particular slide
if ($slide->layers != '') {
$elements = maybe_unserialize($slide->layers);
if (count($elements) > 0) {
foreach ($elements as $element) {
if (isset($element->link) && trim($element->link) != '') {
$target = isset($element->link_new_tab) && trim($element->link_new_tab) == 1 ? 'target="_blank"' : '';
//Set link
$output .= '<a' . "\n" . 'id="' . (isset($element->link_id) ? trim($element->link_id) : '') . '" ' . "\n" . 'class="' . (isset($element->link_class) ? trim($element->link_class) : '') . '" ' . "\n" . 'title="' . (isset($element->link_title) ? trim($element->link_title) : '') . '" ' . "\n" . 'rel="' . (isset($element->link_rel) ? trim($element->link_rel) : '') . '" ' . "\n" . 'data-delay="' . (isset($element->data_delay) ? trim($element->data_delay) : '0') . '"' . "\n" . 'data-ease-in="' . (isset($element->data_easeIn) ? trim($element->data_easeIn) : '300') . '"' . "\n" . 'data-ease-out="' . (isset($element->data_easeOut) ? trim($element->data_easeOut) : '300') . '"' . "\n" . 'data-in="' . (isset($element->data_in) ? trim($element->data_in) : 'fade') . '"' . "\n" . 'data-out="' . (isset($element->data_out) ? trim($element->data_out) : 'fade') . '"' . "\n" . 'data-ignore-ease-out="' . (isset($element->data_ignoreEaseOut) ? trim($element->data_ignoreEaseOut) : '') . '"' . "\n" . 'data-top="' . (isset($element->data_top) ? trim($element->data_top) : '0') . '"' . "\n" . 'data-left="' . (isset($element->data_left) ? trim($element->data_left) : '0') . '"' . "\n" . 'data-time="' . (isset($element->data_time) ? trim($element->data_time) : 'all') . '"' . "\n" . 'href="' . (isset($element->link) ? stripslashes(trim($element->link)) : '') . '"' . "\n" . $target . "\n" . 'style="' . 'z-index: ' . (isset($element->z_index) ? trim($element->z_index) : '1') . ';' . "\n" . '">' . "\n";
}
//Based on type slide element will display
if (isset($element->type)) {
switch (trim($element->type)) {
case 'text':
$output .= '<div' . "\n" . 'id="' . (isset($element->attr_id) ? trim($element->attr_id) : '') . '" ' . "\n" . 'class="' . (isset($element->attr_class) ? trim($element->attr_class) : '') . '" ' . "\n" . 'title="' . (isset($element->attr_title) ? trim($element->attr_title) : '') . '" ' . "\n" . 'rel="' . (isset($element->attr_rel) ? trim($element->attr_rel) : '') . '" ' . "\n" . 'style="';
if (isset($element->link) && trim($element->link) == '') {
$output .= 'z-index: ' . (isset($element->z_index) ? trim($element->z_index) : '1') . ';' . "\n";
}
if (isset($element->custom_css)) {
$output .= stripslashes(trim($element->custom_css)) . "\n";
}
$output .= '"' . "\n";
if (isset($element->link) && trim($element->link) == '') {
$output .= 'data-delay="' . (isset($element->data_delay) ? trim($element->data_delay) : '0') . '"' . "\n" . 'data-ease-in="' . (isset($element->data_easeIn) ? trim($element->data_easeIn) : '300') . '"' . "\n" . 'data-ease-out="' . (isset($element->data_easeOut) ? trim($element->data_easeOut) : '300') . '"' . "\n" . 'data-in="' . (isset($element->data_in) ? trim($element->data_in) : 'fade') . '"' . "\n" . 'data-out="' . (isset($element->data_out) ? trim($element->data_out) : 'fade') . '"' . "\n" . 'data-ignore-ease-out="' . (isset($element->data_ignoreEaseOut) ? trim($element->data_ignoreEaseOut) : '') . '"' . "\n" . 'data-top="' . (isset($element->data_top) ? trim($element->data_top) : '0') . '"' . "\n" . 'data-left="' . (isset($element->data_left) ? trim($element->data_left) : '0') . '"' . "\n" . 'data-time="' . (isset($element->data_time) ? trim($element->data_time) : 'all') . '"' . "\n";
}
$output .= '>' . "\n" . (isset($element->inner_html) ? stripslashes(trim($element->inner_html)) : '') . "\n" . '</div>' . "\n";
break;
case 'image':
$output .= '<img' . "\n" . 'id="' . (isset($element->attr_id) ? trim($element->attr_id) : '') . '" ' . "\n" . 'class="' . (isset($element->attr_class) ? trim($element->attr_class) : '') . '" ' . "\n" . 'title="' . (isset($element->attr_title) ? trim($element->attr_title) : '') . '" ' . "\n" . 'rel="' . (isset($element->attr_rel) ? trim($element->attr_rel) : '') . '" ' . "\n" . 'data-scale="';
if (isset($element->image_scale) && trim($element->image_scale) == 'Y') {
$output .= 'true';
} else {
$output .= 'false';
}
$output .= '"' . "\n" . 'src="' . (isset($element->image_src) ? trim($element->image_src) : '') . '"' . "\n" . 'alt="' . (isset($element->image_alt) ? trim($element->image_alt) : '') . '"' . "\n" . 'style="' . "\n";
if (isset($element->link) && trim($element->link) == '') {
$output .= 'z-index: ' . (isset($element->z_index) ? trim($element->z_index) : '1') . ';' . "\n";
}
if (isset($element->custom_css)) {
$output .= stripslashes(trim($element->custom_css)) . "\n";
}
$output .= '"' . "\n";
if (isset($element->link) && trim($element->link) == '') {
$output .= 'data-delay="' . (isset($element->data_delay) ? trim($element->data_delay) : '0') . '"' . "\n" . 'data-ease-in="' . (isset($element->data_easeIn) ? trim($element->data_easeIn) : '300') . '"' . "\n" . 'data-ease-out="' . (isset($element->data_easeOut) ? trim($element->data_easeOut) : '300') . '"' . "\n" . 'data-in="' . (isset($element->data_in) ? trim($element->data_in) : 'fade') . '"' . "\n" . 'data-out="' . (isset($element->data_out) ? trim($element->data_out) : 'fade') . '"' . "\n" . 'data-ignore-ease-out="' . (isset($element->data_ignoreEaseOut) ? trim($element->data_ignoreEaseOut) : '') . '"' . "\n" . 'data-top="' . (isset($element->data_top) ? trim($element->data_top) : '0') . '"' . "\n" . 'data-left="' . (isset($element->data_left) ? trim($element->data_left) : '0') . '"' . "\n" . 'data-time="' . (isset($element->data_time) ? trim($element->data_time) : 'all') . '"' . "\n";
}
$output .= '/>' . "\n";
break;
case 'video':
$video_preview_img = '';
$output .= '<div class="as-iframe-wrapper ' . (isset($element->attr_class) ? trim($element->attr_class) : '') . '" ' . "\n" . 'id="' . (isset($element->attr_id) ? trim($element->attr_id) : '') . '" ' . "\n" . 'title="' . (isset($element->attr_title) ? trim($element->attr_title) : '') . '" ' . "\n" . 'rel="' . (isset($element->attr_rel) ? trim($element->attr_rel) : '') . '" ';
$output .= 'data-video-type="' . (isset($element->video_type) ? trim($element->video_type) : 'Y') . '" ';
$output .= ' data-video-id="';
if (isset($element->video_id) && trim($element->video_id) != '') {
$output .= trim($element->video_id);
} else {
$output .= '';
}
$output .= '" data-video-full-width="';
if (isset($element->video_full_width) && trim($element->video_full_width) != '' && trim($element->video_full_width) != 'N') {
$output .= 'true';
} else {
$output .= 'false';
}
$output .= '" data-is-preview="' . (isset($element->video_is_preview_set) ? trim($element->video_is_preview_set) : '') . '"';
if (isset($element->video_type) && trim($element->video_type) == 'H') {
$output .= ' data-preview-img="' . (isset($element->video_html5_poster_url) ? trim($element->video_html5_poster_url) : '') . '"';
$video_preview_img = isset($element->video_html5_poster_url) ? $element->video_html5_poster_url : '';
$output .= ' data-preview-title="Html5 Video"';
} else {
$output .= ' data-preview-img="' . (isset($element->video_preview_img_src) ? trim($element->video_preview_img_src) : '') . '"';
$video_preview_img = isset($element->video_preview_img_src) ? $element->video_preview_img_src : '';
$output .= ' data-preview-title="' . (isset($element->video_preview_img_alt) ? trim($element->video_preview_img_alt) : '') . '"';
}
$output .= ' style="';
if (isset($element->link) && trim($element->link) == '') {
$output .= 'z-index: ' . (isset($element->z_index) ? trim($element->z_index) : '1') . ';' . "\n";
}
if (isset($element->custom_css)) {
$output .= stripslashes(trim($element->custom_css)) . "\n";
}
$output .= '"' . "\n";
if (trim($element->link) == '') {
$output .= 'data-delay="' . (isset($element->data_delay) ? trim($element->data_delay) : '0') . '"' . "\n" . 'data-ease-in="' . (isset($element->data_easeIn) ? trim($element->data_easeIn) : '300') . '"' . "\n" . 'data-ease-out="' . (isset($element->data_easeOut) ? trim($element->data_easeOut) : '300') . '"' . "\n" . 'data-in="' . (isset($element->data_in) ? trim($element->data_in) : 'fade') . '"' . "\n" . 'data-out="' . (isset($element->data_out) ? trim($element->data_out) : 'fade') . '"' . "\n" . 'data-ignore-ease-out="' . (isset($element->data_ignoreEaseOut) ? trim($element->data_ignoreEaseOut) : '') . '"' . "\n" . 'data-top="' . (isset($element->data_top) ? trim($element->data_top) : '0') . '"' . "\n" . 'data-left="' . (isset($element->data_left) ? trim($element->data_left) : '0') . '"' . "\n" . 'data-time="' . (isset($element->data_time) ? trim($element->data_time) : 'all') . '"' . "\n";
}
$output .= '>';
$fullscreen = '';
if (isset($element->video_full_width) && trim($element->video_full_width) == 'Y') {
$fullscreen = 'fullscreenvideo';
}
if (isset($element->video_type) && trim($element->video_type) == 'Y') {
$output .= '<iframe src="https://www.youtube.com/embed/' . (isset($element->video_link) ? trim($element->video_link) : '') . '?hd=1&wmode=opaque&controls=1&showinfo=0;rel=0;" ' . ' class="as-youtube-iframe ' . $fullscreen . '" width="' . (isset($element->video_width) ? trim($element->video_width) : '320') . '" height="' . (isset($element->video_height) ? trim($element->video_height) : '240') . '" frameborder="0" ' . 'webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
} else {
if (isset($element->video_type) && trim($element->video_type) == 'V') {
$output .= '<iframe src="https://player.vimeo.com/video/' . (isset($element->video_link) ? trim($element->video_link) : '') . '?title=0&byline=0&portrait=0" ' . 'class="as-vimeo-iframe ' . $fullscreen . '" width="' . (isset($element->video_width) ? trim($element->video_width) : '320') . '" height="' . (isset($element->video_height) ? trim($element->video_height) : '240') . '" frameborder="0" ' . 'webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
} else {
if (isset($element->video_type) && trim($element->video_type) == 'H') {
$videoloop = isset($element->video_loop) && trim($element->video_loop) == 'Y' ? ' loop' : '';
$output .= '<video class="as-html5-video video-js vjs-default-skin ' . $fullscreen . '" ' . $videoloop . ' width="' . (isset($element->video_width) ? trim($element->video_width) : '320') . '" height="' . (isset($element->video_height) ? trim($element->video_height) : '240') . '" controls';
if (isset($element->video_html5_poster_url) && trim($element->video_html5_poster_url) != '') {
$output .= ' poster="' . trim($element->video_html5_poster_url) . '"';
}
$output .= ' preload="none" data-setup="{}"> ';
if (isset($element->video_html5_mp4_video_link) && trim($element->video_html5_mp4_video_link) != '') {
$output .= '<source src="' . trim($element->video_html5_mp4_video_link) . '" type="video/mp4" /> ';
}
if (isset($element->video_html5_webm_video_link) && trim($element->video_html5_webm_video_link) != '') {
$output .= '<source src="' . trim($element->video_html5_webm_video_link) . '" type="video/webm" /> ';
}
if (isset($element->video_html5_ogv_video_link) && trim($element->video_html5_ogv_video_link) != '') {
$output .= '<source src="' . trim($element->video_html5_ogv_video_link) . '" type="video/ogg" /> ';
}
$output .= ' <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>';
$output .= '</video>';
}
}
}
//if preview image is set
if (isset($element->video_is_preview_set) && trim($element->video_is_preview_set) == 'true' && isset($element->video_type) && trim($element->video_type) != 'H') {
$output .= '<div class="as-video-preivew-img" style="background-image:url(\'' . trim($video_preview_img) . '\');background-size: cover;background-position: center center;cursor: pointer;height: 100%;width:100%;left:0;top:0;position:absolute;"></div>';
}
$output .= '</div>';
break;
}
}
if (isset($element->link) && trim($element->link) != '') {
$output .= '</a>' . "\n";
}
}
}
}
$output .= '</li>' . "\n";
}
$output .= '</ul>' . "\n";
$output .= '</div>' . "\n";
$output .= '<script type="text/javascript">' . "\n";
$output .= '(function($) {' . "\n";
$output .= '$(document).ready(function() {' . "\n";
$output .= '$("#airslider-' . $slider_id . '").airSlider({' . "\n";
$output .= 'layout: \'' . (isset($slider_option->layout) ? $slider_option->layout : 'fixed') . '\',' . "\n";
$output .= 'responsive: ' . (isset($slider_option->responsive) ? $slider_option->responsive : 'true') . ',' . "\n";
$output .= 'startWidth: ' . (isset($slider_option->startWidth) ? $slider_option->startWidth : '1170') . ',' . "\n";
$output .= 'startHeight: ' . (isset($slider_option->startHeight) ? $slider_option->startHeight : '500') . ',' . "\n";
$output .= 'automaticSlide: ' . (isset($slider_option->automaticSlide) ? $slider_option->automaticSlide : 'true') . ',' . "\n";
$output .= 'showControls: ' . (isset($slider_option->showControls) ? $slider_option->showControls : 'false') . ',' . "\n";
$output .= 'showNavigation: ' . (isset($slider_option->showNavigation) ? $slider_option->showNavigation : 'false') . ',' . "\n";
$output .= 'enableSwipe: ' . (isset($slider_option->enableSwipe) ? $slider_option->enableSwipe : 'true') . ',' . "\n";
$output .= 'showShadowBar: ' . (isset($slider_option->showShadowBar) ? $slider_option->showShadowBar : 'false') . ',' . "\n";
$output .= 'pauseOnHover: ' . (isset($slider_option->pauseOnHover) ? $slider_option->pauseOnHover : 'true') . ',' . "\n";
$output .= 'beforeStart : function() {},
beforeSetResponsive : function() {},
beforeSlideStart : function() {},
beforePause : function() {},
beforeResume : function() {},' . "\n";
$output .= '});' . "\n";
$output .= '});' . "\n";
$output .= '})(jQuery);' . "\n";
$output .= '</script>' . "\n";
if ($echo) {
echo $output;
} else {
return $output;
}
}
function airsliderPrintElements($edit, $slider, $slide)
{
//Get slider option
$slider_option = maybe_unserialize($slider->slider_option);
//Get all Slides settings by params and elements by layers
$params = $elements = array();
$slide_index = 0;
if ($slide) {
$params = maybe_unserialize($slide->params);
$slide_index = $slide->position + 1;
$elements = maybe_unserialize($slide->layers);
}
$aios_ele_time_output = '';
?>
<div class="air-elements">
<div
class="air-slide-editing-area"
<?php
if ($edit && $slide) {
?>
<?php
if (isset($params['background_type_image']) && $params['background_type_image'] != 'none') {
echo 'data-background-image-src="' . $params['background_type_image'] . '"';
}
?>
style="
width: <?php
echo isset($slider_option->startWidth) ? $slider_option->startWidth : '1170';
?>
px;
height: <?php
echo isset($slider_option->startHeight) ? $slider_option->startHeight : '500';
?>
px;
background-image: url('<?php
echo isset($params['background_type_image']) ? $params['background_type_image'] : '';
?>
');
background-color: <?php
echo isset($params['background_type_color']) && isset($params['background_opacity']) && $params['background_type_color'] == 'transparent' ? 'rgb(255, 255, 255)' : airsliderHex2Rgba($params['background_type_color'], trim($params['background_opacity']));
?>
;
background-position: <?php
if (isset($params['background_propriety_position_x']) && isset($params['background_propriety_position_y'])) {
echo $params['background_propriety_position_x'] . " " . $params['background_propriety_position_y'];
} else {
echo '0 0';
}
?>
;
background-repeat: <?php
echo isset($params['background_repeat']) ? $params['background_repeat'] : 'no-repeat';
?>
;
background-size: <?php
echo isset($params['background_propriety_size']) ? $params['background_propriety_size'] : 'auto';
?>
;
<?php
echo isset($params['custom_css']) ? stripslashes($params['custom_css']) : '';
?>
"
<?php
}
?>
>
<?php
if ($edit && $elements != NULL) {
$ele_cnt = 0;
foreach ($elements as $ele_key => $element) {
if (isset($element->link) && $element->link != '') {
$target = isset($element->link_new_tab) && $element->link_new_tab == 1 ? 'target="_blank"' : '';
$link_output = '<a' . "\n" . 'class="air-element air-' . (isset($element->type) ? $element->type : 'text') . '-element"' . "\n" . 'href="' . (isset($element->link) ? stripslashes($element->link) : '') . '"' . "\n" . $target . "\n" . 'style="' . 'z-index: ' . (isset($element->z_index) ? $element->z_index . ';' : '1') . "\n" . 'top: ' . (isset($element->data_top) ? $element->data_top . 'px;' : '0') . "\n" . 'left: ' . (isset($element->data_left) ? $element->data_left . 'px;' : '0') . "\n" . '">' . "\n";
echo $link_output;
}
if (isset($element->type) && $element->type != '') {
switch ($element->type) {
case 'text':
$aios_ele_time_output .= '<tr class="air-ele-list">' . '<td title="Show/Hide Element"><span class="dashicons dashicons-visibility"></span></td>' . '<td class="air-ele-title"><span class="dashicons dashicons-editor-textcolor"></span><span>' . (isset($element->inner_html) ? stripslashes($element->inner_html) : '') . '</span></td>' . '<td><input type="text" value="' . (isset($element->data_delay) ? trim($element->data_delay) : '0') . '" class="air-delay-ele air-txt-delay-time" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="text" value="' . (isset($element->data_easeIn) ? trim($element->data_easeIn) : '300') . '" class="air-easein-ele air-txt-easein" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="text" value="' . (isset($element->data_easeOut) ? trim($element->data_easeOut) : '300') . '" class="air-easeout-ele air-txt-easeout" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="number" min="0" value="' . (isset($element->z_index) ? trim($element->z_index) : '1') . '" class="air-z-index-ele air-txt-z-index" onkeypress="return isNumberKey(event);" /></td>' . '</tr>';
?>
<div
style="
<?php
if (isset($element->link) && $element->link == '') {
if (isset($element->z_index)) {
echo 'z-index: ' . $element->z_index . ';';
}
if (isset($element->data_left)) {
echo 'left: ' . $element->data_left . 'px;';
}
if (isset($element->data_top)) {
echo 'top: ' . $element->data_top . 'px;';
}
}
if (isset($element->custom_css)) {
echo stripslashes($element->custom_css);
}
?>
"
<?php
if (isset($element->link) && $element->link == '') {
echo 'class="air-element air-text-element"';
}
?>
>
<?php
echo isset($element->inner_html) ? stripslashes($element->inner_html) : '';
?>
</div>
<?php
break;
case 'video':
$aios_ele_time_output .= '<tr class="air-ele-list">' . '<td title="Show/Hide Element"><span class="dashicons dashicons-visibility"></span></td>' . '<td class="air-ele-title"><span class="dashicons dashicons-format-video"></span><span>';
$video_title = 'Video Element';
$video_icon = 'youtube_icon';
$video_preview_img_src = AIR_PLUGIN_URL . '/images/video_sample.jpg';
if (isset($element->video_type) && $element->video_type == 'H') {
$video_title = 'Html5 Video';
$video_icon = 'html5_icon';
if (isset($element->video_html5_poster_url) && trim($element->video_html5_poster_url) != '') {
$video_preview_img_src = trim($element->video_html5_poster_url);
} else {
$video_preview_img_src = AIR_PLUGIN_URL . '/images/html5-video.png';
}
} else {
if (isset($element->video_type) && $element->video_type == 'Y') {
$video_icon = 'youtube_icon';
} else {
if (isset($element->video_type) && $element->video_type == 'V') {
$video_icon = 'vimeo_icon';
}
}
if (isset($element->video_preview_img_src) && trim($element->video_preview_img_src) != '') {
$video_preview_img_src = trim($element->video_preview_img_src);
}
if (isset($element->video_preview_img_alt) && trim($element->video_preview_img_alt) != '') {
$video_title = trim($element->video_preview_img_alt);
}
}
$aios_ele_time_output .= $video_title;
$aios_ele_time_output .= '</span></td>' . '<td><input type="text" value="' . (isset($element->data_delay) ? trim($element->data_delay) : '0') . '" class="air-delay-ele air-txt-delay-time" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="text" value="' . (isset($element->data_easeIn) ? trim($element->data_easeIn) : '300') . '" class="air-easein-ele air-txt-easein" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="text" value="' . (isset($element->data_easeOut) ? trim($element->data_easeOut) : '300') . '" class="air-easeout-ele air-txt-easeout" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="number" min="0" value="' . (isset($element->z_index) ? trim($element->z_index) : '1') . '" class="air-z-index-ele air-txt-z-index" onkeypress="return isNumberKey(event);" /></td>' . '</tr>';
?>
<div id="video_block_<?php
echo $ele_key;
?>
"
<?php
if (isset($element->link) && $element->link == '') {
echo 'class="air-element air-video-element air-iframe-element"';
}
?>
style="<?php
if (isset($element->link) && $element->link == '') {
if (isset($element->z_index)) {
echo 'z-index: ' . $element->z_index . ';';
}
if (isset($element->data_left)) {
echo 'left: ' . $element->data_left . 'px;';
}
if (isset($element->data_top)) {
echo 'top: ' . $element->data_top . 'px;';
}
}
if (isset($element->custom_css)) {
echo stripslashes($element->custom_css);
}
?>
">
<label class="video_block_title"><?php
echo $video_title;
?>
</label>
<img src="<?php
echo $video_preview_img_src;
?>
" width="<?php
echo isset($element->video_width) ? $element->video_width : '320px';
?>
" height="<?php
echo isset($element->video_height) ? $element->video_height : '240px';
?>
"/>
<div class="video_block_icon <?php
echo $video_icon;
?>
"></div>
</div>
<?php
break;
case 'image':
$ele_cnt++;
$aios_ele_time_output .= '<tr class="air-ele-list air-ele-image-list">' . '<td title="Show/Hide Element"><span class="dashicons dashicons-visibility"></span></td>' . '<td class="air-ele-title"><span class="dashicons dashicons-format-image"></span><span>Image Element ' . $ele_cnt . '</span></td>' . '<td><input type="text" value="' . (isset($element->data_delay) ? trim($element->data_delay) : '0') . '" class="air-delay-ele air-txt-delay-time" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="text" value="' . (isset($element->data_easeIn) ? trim($element->data_easeIn) : '300') . '" class="air-easein-ele air-txt-easein" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="text" value="' . (isset($element->data_easeOut) ? trim($element->data_easeOut) : '300') . '" class="air-easeout-ele air-txt-easeout" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="number" min="0" value="' . (isset($element->z_index) ? trim($element->z_index) : '1') . '" class="air-z-index-ele air-txt-z-index" onkeypress="return isNumberKey(event);" /></td>' . '</tr>';
?>
<img
width="<?php
echo isset($element->image_width) ? $element->image_width : '0';
?>
"
height="<?php
echo isset($element->image_height) ? $element->image_height : '0';
?>
"
src="<?php
echo isset($element->image_src) ? $element->image_src : '';
?>
"
alt="<?php
echo isset($element->image_alt) ? $element->image_alt : '';
?>
"
style="
<?php
if (isset($element->link) && $element->link == '') {
if (isset($element->z_index)) {
echo 'z-index: ' . $element->z_index . ';';
}
if (isset($element->data_left)) {
echo 'left: ' . $element->data_left . 'px;';
}
if (isset($element->data_top)) {
echo 'top: ' . $element->data_top . 'px;';
}
}
if (isset($element->custom_css)) {
echo stripslashes($element->custom_css);
}
?>
"
<?php
if (isset($element->link) && $element->link == '') {
echo 'class="air-element air-image-element"';
}
?>
/>
<?php
break;
}
}
if (isset($element->link) && $element->link != '') {
echo '</a>' . "\n";
}
}
}
?>
</div>
<div class="air-elements-actions">
<div class="air-left">
<a class="air-add-text-element air-button air-is-warning"><?php
_e('Add Text', AIRSLIDER_TEXTDOMAIN);
?>
</a>
<a class="air-add-image-element air-button air-is-warning"><?php
_e('Add Image', AIRSLIDER_TEXTDOMAIN);
?>
</a>
<a class="air-add-video-element air-button air-is-warning"><?php
_e('Add Video', AIRSLIDER_TEXTDOMAIN);
?>
</a>
</div>
<div class="air-right">
<span title="Element Timing" class="air-ele-time-btn air-button air-is-secondary"><span class="dashicons dashicons-backup"></span></span>
<a title="Live Preview" class="air-live-preview air-button air-is-success"><span class="dashicons dashicons-search"></span></a>
<a title="Delete Element" class="air-delete-element air-button air-is-danger air-is-disabled"><span class="dashicons dashicons-dismiss"></span></a>
<a title="Duplicate Element" class="air-duplicate-element air-button air-is-primary air-is-disabled"><span class="dashicons dashicons-images-alt"></span></a>
<a title="Delete All Element" class="air-delete-all-element air-button air-is-danger <?php
echo $slide && $slide->layers != '' ? '' : 'air-is-disabled';
?>
"><span class="dashicons dashicons-trash"></span></a>
</div>
<div style="clear: both;"></div>
</div>
<div class="air-ele-time" style="display: none;">
<span class="air-close-block">X</span>
<h4 class="ad-s-setting-head"><?php
_e('All Elements Timing', AIRSLIDER_TEXTDOMAIN);
?>
</h4>
<table cellspacing="0">
<thead class="air-ele-list-tilte">
<tr>
<th title="Show/Hide Element"><center><span class="dashicons dashicons-visibility"></span></center></th>
<th><center><?php
_e('Element List', AIRSLIDER_TEXTDOMAIN);
?>
</center></th>
<th><center><?php
_e('Delay Time', AIRSLIDER_TEXTDOMAIN);
?>
<small>(<?php
_e('ms', AIRSLIDER_TEXTDOMAIN);
?>
)</small></center></th>
<th><center><?php
_e('Ease In', AIRSLIDER_TEXTDOMAIN);
?>
<small>(<?php
_e('ms', AIRSLIDER_TEXTDOMAIN);
?>
)</small></center></th>
<th><center><?php
_e('Ease Out', AIRSLIDER_TEXTDOMAIN);
?>
<small>(<?php
_e('ms', AIRSLIDER_TEXTDOMAIN);
?>
)</small></center></th>
<th><center><?php
_e('Z-index', AIRSLIDER_TEXTDOMAIN);
?>
</center></th>
</tr>
</thead>
<tbody>
<?php
if ($aios_ele_time_output != '') {
echo $aios_ele_time_output;
} else {
?>
<tr class="air-no-record">
<td colspan="6" align="center"><?php
_e('No element found.', AIRSLIDER_TEXTDOMAIN);
?>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
<div class="air-elements-list">
<?php
if ($edit && $elements != NULL) {
foreach ($elements as $ele_key => $element) {
if (isset($element->type)) {
switch ($element->type) {
case 'text':
echo '<div class="air-element-settings air-text-element-settings" style="display: none;">';
airsliderPrintTextElement($element);
echo '</div>';
break;
case 'image':
echo '<div class="air-element-settings air-image-element-settings" style="display: none;">';
airsliderPrintImageElement($element, $ele_key);
echo '</div>';
break;
case 'video':
echo '<div class="air-element-settings air-video-element-settings" style="display: none;">';
airsliderPrintVideoElement($element, $slide_index, $ele_key);
echo '</div>';
break;
}
}
}
}
echo '<div class="air-void-element-settings air-void-text-element-settings air-element-settings air-text-element-settings">';
airsliderPrintTextElement(false);
echo '</div>';
echo '<div class="air-void-element-settings air-void-image-element-settings air-element-settings air-image-element-settings">';
airsliderPrintImageElement(false);
echo '</div>';
echo '<div class="air-void-element-settings air-void-video-element-settings air-element-settings air-video-element-settings">';
airsliderPrintVideoElement(false);
echo '</div>';
?>
</div>
</div>
<?php
}
