/** * 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 avartansliderOutput($alias, $echo) { global $wpdb; //Get the slider information $slider = $wpdb->get_row('SELECT * FROM ' . $wpdb->prefix . 'avartan_sliders WHERE alias = \'' . $alias . '\''); //Display error message if slider is not found if (!$slider) { if ($echo) { _e('The slider has not been found', AVARTANSLIDER_TEXTDOMAIN); return; } else { return __('The slider has not been found', AVARTANSLIDER_TEXTDOMAIN); } } $slider_id = $slider->id; $slider_option = maybe_unserialize($slider->slider_option); $output = ''; //Set some settings for slider $output .= '<div style="display: none;" class="avartanslider-slider avartanslider-slider-' . (isset($slider_option->layout) ? $slider_option->layout : '') . ' avartanslider-slider-' . $alias . '" id="avartanslider-' . $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 . 'avartan_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' : avartansliderHex2Rgba($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 .= '$("#avartanslider-' . $slider_id . '").avartanSlider({' . "\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 avartansliderPrintElements($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="as-elements"> <div class="as-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)' : avartansliderHex2Rgba($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="as-element as-' . (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="as-ele-list">' . '<td title=' . __('Show/Hide Element', AVARTANSLIDER_TEXTDOMAIN) . '><span class="dashicons dashicons-visibility"></span></td>' . '<td class="as-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="as-delay-ele as-txt-delay-time" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="text" value="' . (isset($element->data_easeIn) ? trim($element->data_easeIn) : '300') . '" class="as-easein-ele as-txt-easein" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="text" value="' . (isset($element->data_easeOut) ? trim($element->data_easeOut) : '300') . '" class="as-easeout-ele as-txt-easeout" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="number" min="0" value="' . (isset($element->z_index) ? trim($element->z_index) : '1') . '" class="as-z-index-ele as-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="as-element as-text-element"'; } ?> > <?php echo isset($element->inner_html) ? stripslashes($element->inner_html) : ''; ?> </div> <?php break; case 'video': $aios_ele_time_output .= '<tr class="as-ele-list">' . '<td title=' . __('Show/Hide Element', AVARTANSLIDER_TEXTDOMAIN) . '><span class="dashicons dashicons-visibility"></span></td>' . '<td class="as-ele-title"><span class="dashicons dashicons-format-video"></span><span>'; $video_title = 'Video Element'; $video_icon = 'youtube_icon'; $video_preview_img_src = AVARTAN_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 = AVARTAN_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="as-delay-ele as-txt-delay-time" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="text" value="' . (isset($element->data_easeIn) ? trim($element->data_easeIn) : '300') . '" class="as-easein-ele as-txt-easein" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="text" value="' . (isset($element->data_easeOut) ? trim($element->data_easeOut) : '300') . '" class="as-easeout-ele as-txt-easeout" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="number" min="0" value="' . (isset($element->z_index) ? trim($element->z_index) : '1') . '" class="as-z-index-ele as-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="as-element as-video-element as-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="as-ele-list as-ele-image-list">' . '<td title=' . __('Show/Hide Element', AVARTANSLIDER_TEXTDOMAIN) . '><span class="dashicons dashicons-visibility"></span></td>' . '<td class="as-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="as-delay-ele as-txt-delay-time" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="text" value="' . (isset($element->data_easeIn) ? trim($element->data_easeIn) : '300') . '" class="as-easein-ele as-txt-easein" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="text" value="' . (isset($element->data_easeOut) ? trim($element->data_easeOut) : '300') . '" class="as-easeout-ele as-txt-easeout" onkeypress="return isNumberKey(event);" /></td>' . '<td><input type="number" min="0" value="' . (isset($element->z_index) ? trim($element->z_index) : '1') . '" class="as-z-index-ele as-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="as-element as-image-element"'; } ?> /> <?php break; } } if (isset($element->link) && $element->link != '') { echo '</a>' . "\n"; } } } ?> </div> <div class="as-elements-actions"> <div class="as-left"> <a class="as-add-text-element as-button as-is-warning"><?php _e('Add Text', AVARTANSLIDER_TEXTDOMAIN); ?> </a> <a class="as-add-image-element as-button as-is-warning"><?php _e('Add Image', AVARTANSLIDER_TEXTDOMAIN); ?> </a> <a class="as-add-video-element as-button as-is-warning"><?php _e('Add Video', AVARTANSLIDER_TEXTDOMAIN); ?> </a> </div> <div class="as-right"> <span title="<?php _e('Element Timing', AVARTANSLIDER_TEXTDOMAIN); ?> " class="as-ele-time-btn as-button as-is-secondary"><span class="dashicons dashicons-backup"></span></span> <a title="<?php _e('Live Preview', AVARTANSLIDER_TEXTDOMAIN); ?> " class="as-live-preview as-button as-is-success"><span class="dashicons dashicons-search"></span></a> <a title="<?php _e('Delete Element', AVARTANSLIDER_TEXTDOMAIN); ?> " class="as-delete-element as-button as-is-danger as-is-disabled"><span class="dashicons dashicons-dismiss"></span></a> <a title="<?php _e('Duplicate Element', AVARTANSLIDER_TEXTDOMAIN); ?> " class="as-duplicate-element as-button as-is-primary as-is-disabled"><span class="dashicons dashicons-images-alt"></span></a> <a title="<?php _e('Delete All Element', AVARTANSLIDER_TEXTDOMAIN); ?> " class="as-delete-all-element as-button as-is-danger <?php echo $slide && $slide->layers != '' ? '' : 'as-is-disabled'; ?> "><span class="dashicons dashicons-trash"></span></a> </div> <div style="clear: both;"></div> </div> <div class="as-ele-time" style="display: none;"> <span class="as-close-block">X</span> <h4 class="ad-s-setting-head"><?php _e('All Elements Timing', AVARTANSLIDER_TEXTDOMAIN); ?> </h4> <table cellspacing="0"> <thead class="as-ele-list-tilte"> <tr> <th title="<?php _e('Show/Hide Element', AVARTANSLIDER_TEXTDOMAIN); ?> "><center><span class="dashicons dashicons-visibility"></span></center></th> <th><center><?php _e('Element List', AVARTANSLIDER_TEXTDOMAIN); ?> </center></th> <th><center><?php _e('Delay Time', AVARTANSLIDER_TEXTDOMAIN); ?> <small>(<?php _e('ms', AVARTANSLIDER_TEXTDOMAIN); ?> )</small></center></th> <th><center><?php _e('Ease In', AVARTANSLIDER_TEXTDOMAIN); ?> <small>(<?php _e('ms', AVARTANSLIDER_TEXTDOMAIN); ?> )</small></center></th> <th><center><?php _e('Ease Out', AVARTANSLIDER_TEXTDOMAIN); ?> <small>(<?php _e('ms', AVARTANSLIDER_TEXTDOMAIN); ?> )</small></center></th> <th><center><?php _e('Z-index', AVARTANSLIDER_TEXTDOMAIN); ?> </center></th> </tr> </thead> <tbody> <?php if ($aios_ele_time_output != '') { echo $aios_ele_time_output; } else { ?> <tr class="as-no-record"> <td colspan="6" align="center"><?php _e('No element found.', AVARTANSLIDER_TEXTDOMAIN); ?> </td> </tr> <?php } ?> </tbody> </table> </div> <div class="as-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="as-element-settings as-text-element-settings" style="display: none;">'; avartansliderPrintTextElement($element); echo '</div>'; break; case 'image': echo '<div class="as-element-settings as-image-element-settings" style="display: none;">'; avartansliderPrintImageElement($element, $ele_key); echo '</div>'; break; case 'video': echo '<div class="as-element-settings as-video-element-settings" style="display: none;">'; avartansliderPrintVideoElement($element, $slide_index, $ele_key); echo '</div>'; break; } } } } echo '<div class="as-void-element-settings as-void-text-element-settings as-element-settings as-text-element-settings">'; avartansliderPrintTextElement(false); echo '</div>'; echo '<div class="as-void-element-settings as-void-image-element-settings as-element-settings as-image-element-settings">'; avartansliderPrintImageElement(false); echo '</div>'; echo '<div class="as-void-element-settings as-void-video-element-settings as-element-settings as-video-element-settings">'; avartansliderPrintVideoElement(false); echo '</div>'; ?> </div> </div> <?php }