Your IP : 216.73.216.248
css/content_style.css 0000644 00000015165 15235154122 0010750 0 ustar 00 .yt_contentstyle_content{
margin-top: 10px;
text-align: left;
}
.yt-masonry-item-text{
margin: 10px;
}
.yt-timeline {
list-style: none;
position: relative;
max-width: 1170px;
padding: 50px 0;
margin: 0 auto;
overflow: hidden;
}
.yt-timeline:after {
content: '';
position: absolute;
top: 0;
left: 50%;
height: 100%;
width: 4px;
background: rgba(200, 200, 200, 0.5);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.yt-timeline .yt-timeline-row {
padding-left: 50%;
position: relative;
z-index: 10;
}
.yt-timeline .yt-timeline-row .yt-timeline-time {
position: absolute;
right: 50%;
top: 45px;
text-align: right;
margin-right: 40px;
font-size: 12px;
line-height: 1.3;
font-weight: 600;
}
.yt-timeline .yt-timeline-row .yt-timeline-time small {
display: block;
color: rgb(104, 104, 104);
text-transform: uppercase;
opacity: 0.75;
font-size: 11px;
font-weight: 400;
}
.yt-timeline .yt-timeline-row .yt-timeline-icon {
position: absolute;
left: 50%;
text-align: center;
color: white;
font-size: 14px;
z-index: 100;
border-radius: 50%;
box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.yt-timeline .yt-timeline-row .yt-timeline-icon.has-ta-icon {
top: 30px;
width: 48px;
height: 48px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.yt-timeline .yt-timeline-item-text {
margin-top: 5px;
}
.yt-timeline .yt-timeline-row .yt-timeline-icon > div {
border-radius: 50%;
line-height: 48px;
font-size: 16px;
display: block;
height: 100%;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.yt-timeline .yt-timeline-row .yt-timeline-content {
position: relative;
margin-left: 60px;
background: white;
border-radius: 3px;
padding: 1.5em;
box-shadow: 0 3px 0 rgba(200, 200, 200, 0.5);
border:#ccc 1px solid;
}
.yt-timeline .yt-timeline-row .yt-timeline-content:before {
content: '';
position: absolute;
top: 36px;
right: 100%;
height: 0;
width: 0;
border: 14px solid transparent;
border-right: 8px solid white;
}
.yt-timeline .yt-timeline-row .yt-timeline-content:after {
content: '';
position: absolute;
top: 35px;
right: 100%;
height: 0;
width: 0;
border: 15px solid transparent;
border-right: 8px solid white;
}
.yt-timeline .yt-timeline-row .yt-timeline-content h2 {
font-size: 22px;
margin-bottom: 12px;
margin-top: 0;
line-height: 1.2;
}
h3.yt-timeline-item-title {
font-size: 20px;
margin-bottom: 15px;
}
h3.yt-timeline-item-title a {
text-decoration: none;
}
.yt-timeline .yt-timeline-row .yt-timeline-content p {
margin-bottom: 15px;
}
.yt-timeline .yt-timeline-row .yt-timeline-content img {
margin-bottom: 15px;
}
.yt-timeline .yt-timeline-row .yt-timeline-content .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
margin-bottom: 15px;
overflow: hidden;
}
.yt-timeline .yt-timeline-row .yt-timeline-content .video-container iframe,
.yt-timeline .yt-timeline-row .yt-timeline-content .video-container object,
.yt-timeline .yt-timeline-row .yt-timeline-content .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.yt-timeline .yt-timeline-row:nth-child(odd) {
padding-left: 0;
padding-right: 50%; }
.yt-timeline .yt-timeline-row:nth-child(odd) .yt-timeline-time {
right: auto;
left: 50%;
text-align: left;
margin-right: 0;
margin-left: 40px; }
.yt-timeline .yt-timeline-row:nth-child(odd) .yt-timeline-content {
margin-right: 60px;
margin-left: 0; }
.yt-timeline .yt-timeline-row:nth-child(odd) .yt-timeline-content:before {
right: auto;
left: 100%;
border-left: 29px solid #fff;
border-right: none;
z-index:11;
}
.yt-timeline .yt-timeline-row:nth-child(odd) .yt-timeline-content:after {
right: auto;
left: 100%;
border-left: 30px solid #ccc;
border-right: none;
z-index:10;
}
.yt-timeline .yt-timeline-row:nth-child(even) .yt-timeline-content:before {
left: auto;
right: 100%;
border-right: 29px solid #fff;
border-left: none;
z-index:11;
}
.yt-timeline .yt-timeline-row:nth-child(even) .yt-timeline-content:after {
left: auto;
right: 100%;
border-right: 30px solid #ccc;
border-left: none;
z-index:10;
}
.yt-timeline.animated .yt-timeline-row .yt-timeline-content {
opacity: 0;
left: 20px;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s; }
.yt-timeline.animated .yt-timeline-row:nth-child(odd) .yt-timeline-content {
left: -20px; }
.yt-timeline.animated .yt-timeline-row.active .yt-timeline-content {
opacity: 1;
left: 0; }
.yt-timeline.animated .yt-timeline-row.active:nth-child(odd) .yt-timeline-content {
left: 0; }
/* temp */
.bg-primary {
background-color: #E3E3E3;
}
.yt-timeline .yt-timeline-row.yt-timeline-has-year.active {
margin-top: 120px;
}
.yt-timeline .yt-timeline-year span {
position: absolute;
top: -90px;
left: 50%;
margin-left: -60px;
font-size: 26px;
font-weight: bold;
background: #FFF;
line-height: 26px;
padding: 10px 5px;
box-shadow: 0 3px 0 0px rgba(200, 200, 200, 0.5);
border-radius: 2px;
z-index: 11;
width: 120px;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.yt-timeline .yt-timeline-year span:after {
}
div.yt-timeline-before-text, .yt-timeline-after-text {text-align: center;border-radius: 2px;}
div.yt-timeline-before-text span, .yt-timeline-after-text span {
background: #fff;
display: inline-block;
font-size: 18px;
line-height: 20px;
padding: 10px 20px;
border-radius: 2px;
box-shadow: 0 3px 0 0px rgba(200, 200, 200, 0.5);
}
/* Only phones */
@media (max-width: 768px) {
.yt-timeline .yt-timeline-row {
padding: 30px 0;
}
.yt-timeline .yt-timeline-row:nth-child(odd) {
padding-right: 0;
}
.yt-timeline .yt-timeline-row:nth-child(odd) .yt-timeline-content {
margin-right: 0;
}
.yt-timeline .yt-timeline-row .yt-timeline-content {
margin-left: 0px;
}
.yt-timeline .yt-timeline-row .yt-timeline-content:after {
display: none;
}
.yt-timeline .yt-timeline-row .yt-timeline-icon.has-ta-icon {
top: 10px;
}
.yt-timeline .yt-timeline-row .yt-timeline-icon {
top: 20px;
}
.yt-timeline-time {
display: none;
}
.yt-timeline .yt-timeline-row .yt-timeline-content .yt-timeline-content-body {
padding: 25px 15px;
}
}
.yt_content_style_masonry{ border:#ccc 1px solid;}
.yt_content_style_masonry h1{margin:20px; margin-bottom:0px;}
css/index.html 0000644 00000000032 15235154122 0007324 0 ustar 00 <html><body></body></html> js/content_style.js 0000644 00000001254 15235154122 0010412 0 ustar 00 jQuery(document).ready(function($) {
var timelineAnimate;
timelineAnimate = function(elem) {
return jQuery(".yt-timeline.animated .yt-timeline-row").each(function(i) {
var bottom_of_object, bottom_of_window;
bottom_of_object = jQuery(this).position().top + jQuery(this).outerHeight();
bottom_of_window = jQuery(window).scrollTop() + jQuery(window).height();
if (bottom_of_window > bottom_of_object) {
return jQuery(this).addClass("active");
}
});
};
timelineAnimate();
return jQuery(window).scroll(function() {
return timelineAnimate();
});
}); js/index.html 0000644 00000000032 15235154122 0007150 0 ustar 00 <html><body></body></html> config.php 0000644 00000036744 15235154122 0006540 0 ustar 00 <?php
/*
* @package YouTech Shortcodes
* @author YouTech Company http://smartaddons.com/
* @copyright Copyright (C) 2015 YouTech Company
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
*/
defined('_JEXEC') or die;
class YT_Shortcode_content_style_config {
static function get_config() {
// content style
return array(
'type_change' => array('type' => 'select',
'default' => 'single_column',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_TYPE'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_TYPE_DESC'),
'values' => array(
'single_column'=>'Single Column',
'multiple_column' => 'Multiple Column',
'masonry' =>'Masonry',
'slider' => 'Slider',
'timeline' => 'Timeline'
),
'child' => array(
'introtext' => array(
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_INTRO_TEXT'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_INTRO_TEXT_DESC'),
'default' => ''
),
'intro_text_limit' => array(
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_INTRO_TEXT_LIMIT'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_INTRO_TEXT_LIMIT_DESC'),
'default' => ''
),
),
),
'source' => array(
'type' => 'article_source',
'default' => 'none',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_SOURCE'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_SOURCE_DESC'),
'child' => array(
'limit' => array(
'type' => 'slider',
'min' => -1,
'max' => 100,
'step' => 1,
'default' => 20,
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ITEM_LIMIT'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_TIMELINE_LIMIT_DESC')
),
'description_max_vm' => array(
'group' => 'vm-category',
'default' => '100',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DESCRIPTION_VM_MAX'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DESCRIPTION_VM_MAX_DESC')
)
),
),
'yt_title' => array(
'type' => 'bool',
'default' => 'yes',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_TITLE'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_TITLE_DESC'),
'child' => array(
'link_title' => array(
'type' => 'bool',
'default' => 'yes',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_LINK_TITLE'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_LINK_TITLE_DESC')
),
'date' => array(
'type' => 'bool',
'default' => 'yes',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DATE'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DATE_DESC')
),
)
),
'order' => array(
'type' => 'select',
'values' => array(
'' => 'Default',
'title' => 'Title',
'created' => 'Created Date',
'hits' => 'Hits',
'ordering' => 'Ordering'
),
'default' => 'created',
'group' => 'timeline',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ORDER'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ORDER_DESCR'),
'child' => array(
'order_by' => array(
'type' => 'select',
'values' => array(
'asc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ASC'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DESC')
),
'default' => 'desc',
'group' => 'timeline',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ORDER_TYPE'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ORDER_TYPE_DESC')
)
)
),
'image' => array(
'type' => 'bool',
'default' => 'yes',
'group' => 'timeline',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_IMAGE'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_TIMELINE_IMAGE_DESC'),
'child' => array(
'highlight_year' => array(
'type' => 'bool',
'default' => 'no',
'group' => 'timeline',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_HIGHTLIGHT_YEAR'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_HIGHTLIGHT_YEAR_DESC')
),
'read_more' => array(
'type' => 'bool',
'default' => 'no',
'group' => 'timeline',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_READMORE'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_READMORE_DESC')
)
)
),
'intro_text' => array(
'type' => 'bool',
'default' => 'no',
'group' => 'timeline',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_INTRO_TEXT'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_INTRO_TEXT_DESC'),
'child' => array(
'time' => array(
'type' => 'bool',
'default' => 'yes',
'group' => 'timeline',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_TIME'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_TIME_DESC')
)
)
),
'before_text' => array(
'default' => '',
'group' => 'timeline',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_BEFORE_TEXT'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_BEFORE_TEXT_DESC'),
'child' => array(
'after_text' => array(
'default' => '',
'group' => 'timeline',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_AFTER_TEXT'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_AFTER_TEXT_DESC')
)
)
),
'grid' => array('type' => 'bool',
'default' => 'no',
'group' => 'multiple_column',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_COLUMNS_GRID'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_COLUMNS_GRID_DESC'),
'child' => array(
'column' => array('type' => 'slider',
'default' => 4,
'min' => 2,
'max' => 4,
'step' => 1,
'group' => 'multiple_column',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_COLUMNS_COL'),
'desc' => JText::_("PLG_SYSTEM_YOUTECH_SHORTCODES_COLUMNS_COL_DESC"),
),
),
),
'gutter' =>array(
'default' => '15',
'group' => 'masonry',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_GUTTER'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_GUTTER_DESC'),
'child' => array(
'width' => array(
'default' => '40%',
'group' => 'masonry',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_WIDTH'),
'desc' => JText::_("PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_WIDTH_DESC"),
),
),
),
'masonry_sticky_size' => array('type' => 'slider',
'default' => 4,
'min' => 1,
'max' => 12,
'step' => 1,
'group' => 'masonry',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_MASONRY_STICKY_SIZE'),
'desc' => JText::_("PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_MASONRY_STICKY_SIZE_DESC"),
'child' => array(
'masonry_sticky_medium_size' => array('type' => 'slider',
'default' => 4,
'min' => 1,
'max' => 12,
'step' => 1,
'group' => 'masonry',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_MASONRY_STICKY_MEDIUM_SIZE'),
'desc' => JText::_("PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_MASONRY_STICKY_MEDIUM_SIZE_DESC"),
),
),
),
'masonry_sticky_small_size' => array('type' => 'slider',
'default' => 6,
'min' => 1,
'max' => 12,
'step' => 1,
'group' => 'masonry',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_MASONRY_STICKY_SMALL_SIZE'),
'desc' => JText::_("PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_MASONRY_STICKY_SMALL_SIZE_DESC"),
'child' => array(
'masonry_sticky_extra_small_size' => array('type' => 'slider',
'default' => 12,
'min' => 1,
'max' => 12,
'step' => 1,
'group' => 'masonry',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_MASONRY_STICKY_EXTRA_SMALL_SIZE'),
'desc' => JText::_("PLG_SYSTEM_YOUTECH_SHORTCODES_CONTENT_STYLE_MASONRY_STICKY_EXTRA_SMALL_SIZE_DESC"),
),
),
),
'transitionin' => array(
'type' => 'select',
'values' => array_combine( YT_Data::animations_in(), YT_Data::animations_in() ),
'default' => 'fadeIn',
'group' => 'slider',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_TRANSITION_IN'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_TRANSITION_IN_DESC'),
'child' => array(
'transitionout' => array(
'type' => 'select',
'values' => array_combine( YT_Data::animations_out(), YT_Data::animations_out() ),
'default' => 'fadeOut',
'group' => 'slider',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_TRANSITION_OUT'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_TRANSITION_OUT_DESC')
)
)
),
'arrows' => array(
'type' => 'bool',
'default' => 'yes',
'group' => 'slider',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ARROWS'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ARROWS_DESC'),
'child' => array(
'arrow_position' => array(
'type' => 'select',
'values' => array(
'arrow-default' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DEFAULT'),
'arrow-top-left' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_TOP_LEFT'),
'arrow-top-right' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_TOP_RIGHT'),
'arrow-bottom-left' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_BOTTOM_LEFT'),
'arrow-bottom-right' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_BOTTOM_RIGHT')
),
'default' => 'arrow-default',
'group' => 'slider',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ARROW_POSITION'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ARROW_POSITION_DESC')
)
)
),
'pagination' => array(
'type' => 'bool',
'default' => 'no',
'group' => 'slider',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_PAGINATION'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_PAGINATION_DESC'),
'child' => array(
'autoplay' => array(
'type' => 'bool',
'default' => 'yes',
'group' => 'slider',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_AUTOPLAY'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_AUTOPLAY_DESC')
),
'autoheight' => array(
'type' => 'bool',
'default' => 'no',
'group' => 'slider',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_AUTOHEIGHT'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_AUTOHEIGHT_DESC')
),
'hoverpause' => array(
'type' => 'bool',
'default' => 'yes',
'group' => 'slider',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_HOVERPAUSE'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_HOVERPAUSE_DESC'),
),
)
),
);
}
}
?> shortcode.php 0000644 00000036144 15235154122 0007257 0 ustar 00 <?php
/*
* @package YouTech Shortcodes
* @author YouTech Company http://smartaddons.com/
* @copyright Copyright (C) 2015 YouTech Company
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
*/
defined('_JEXEC') or die;
function Content_styleYTShortcode($atts = null, $content = null) {
$atts = ytshortcode_atts(array(
'article_id' => '0',
'type_change' => 'single_column',
'source' => '',
'limit' => 20,
'image' => 'yes',
'yt_title' => 'yes',
'link_title' => 'yes',
'intro_text' => 'yes',
'intro_text_limit' => '',
'date' => 'yes',
'time' => 'yes',
'read_more' => 'no',
'order' => 'created',
'order_by' => 'desc',
'highlight_year' => 'yes',
'icon_bg' => '',
'before_text' => '',
'after_text' => '',
'class' => '',
'gutter' => '',
'sticky_mode' => '',
'masonry_sticky_size' => '',
'masonry_size' => '',
'masonry_sticky_medium_size' => '',
'masonry_medium_size' => '',
'masonry_sticky_small_size' => '',
'masonry_small_size' => '',
'masonry_sticky_extra_small_size' => '',
'masonry_extra_small_size' => '',
'masonry_sticky_width' => '',
'masonry_width' => '',
'grid' => 'no',
'offset' => '',
'column' => '',
'style_slider' => '',
'transitionin' => 'bounceIn',
'transitionout' => 'bounceOut',
'arrows' => 'yes',
'arrow_position' => 'arrow-default',
'pagination' => 'no',
'autoplay' => 'yes' ,
'autoheight' => 'yes',
'hoverpause' => 'yes',
'description_max_vm' => '100'
), $atts, 'yt_content_style');
$blogid = 'cpt_list_' . rand();
$css = '';
$slides = (array) get_slides($atts);
$return = '';
$option = JRequest::getVar('option');
$view = JRequest::getVar('view');
// Make sure it is a single article
$id = 0;
switch ($atts['type_change']) {
case 'masonry':
$masonry = '';
$masonry .= ' [yt_masonry id="' . $blogid . '" gutter="' . $atts['gutter'] . '"] ';
$limit = 1;
foreach ($slides as $slide) {
if($slide['id'] == $atts['article_id']) continue;
if ($atts['intro_text_limit']) {
$slide['introtext'] = yt_char_limit($slide['introtext'], $atts['intro_text_limit']);
}
$title = $slide['title'];
$masonry .= ' [yt_masonry_item ' .
'size="' . $atts['masonry_sticky_size'] . '" ' .
'medium_size="' . $atts['masonry_sticky_medium_size'] . '" ' .
'small_size="' . $atts['masonry_sticky_small_size'] . '" ' .
'extra_small_size="' . $atts['masonry_sticky_extra_small_size'] . '" ' .
'width="' . $atts['masonry_sticky_width'] . '"]';
$masonry .='<div class="yt_content_style_masonry">';
if ($slide['image'] and $atts['image'] === 'yes') {
$masonry .= '<div class=""><img src="'. yt_image_media($slide['image']).'" alt="" /></div>';
}
if ($atts['yt_title'] === 'yes' and isset($slide['title'])) {
$masonry .= '<h1>';
if ($atts['link_title'] === 'yes') { $masonry .= '<a href="'. $slide['link'].'">'; }
$masonry .= $title;
if ($atts['link_title'] === 'yes') { $masonry .= '</a>'; }
$masonry .= '</h1>';
}
if ($atts['intro_text'] === 'yes' and isset($slide['introtext'])) {
$masonry .= '<div class="yt-masonry-item-text">'.$slide['introtext'].'</div>';
}
$masonry .= '<div style="margin:15px;"> <i class="fa fa-calendar"></i> '.JHTML::_('date', $slide['created'], JText::_('DATE_FORMAT_LC3')).' // <i class="fa fa-book"></i> '.$slide['category'].','.$slide['category_alias'].' // <i class="fa fa-user"></i> by '.$slide['author_name'].'. </div>';
$masonry .='</div>';
$masonry .=' [/yt_masonry_item] ';
if ($limit++ == $atts['limit']) break;
}
$masonry .= ' [/yt_masonry] ';
$return .= parse_shortcode(str_replace(array("<br/>", "<br>", "<br />"), " ", $masonry));
break;
case 'timeline':
if ($atts['before_text']) {
$return .= '<div class="yt-timeline-before-text"><span>'.$atts['before_text'].'</span></div>';
}
$date = date('Y');
$return .= '<div class="yt-timeline animated">';
if (count($slides)) {
$limit = 1;
foreach ($slides as $slide) {
if($slide['id'] == $atts['article_id']) continue;
if ($atts['intro_text_limit']) {
$slide['introtext'] = yt_char_limit($slide['introtext'], $atts['intro_text_limit']);
}
$title = $slide['title'];
$icon = $title ? explode('|| fa-', $title) : array();
if (count($icon) == 2){
$title = trim($icon[0]);
$icon = '<i class="fa fa-'.trim($icon[1]).'"></i>';
} else {
$title = $slide['title'];
$icon = '<i class="fa fa-circle"></i>';
}
$has_icon = '';
if (isset($icon[1])) {
$has_icon = 'has-ta-icon';
}
$icon_bg = ($atts['icon_bg']) ? 'style="background-color:'.$atts['icon_bg'].';"' : '';
if ($date != JHTML::_('date', $slide['created'], "Y") && $atts['highlight_year'] == 'yes') {
$return .= '<div class="yt-timeline-row yt-timeline-has-year">'."\n";
$date = JHTML::_('date', $slide['created'], "Y");
$return .= '<div class="yt-timeline-year"><span>'."\n";
$return .= $date . "\n";
$return .= '</span></div>'."\n";
} else {
$return .= '<div class="yt-timeline-row">'."\n";
}
$return .= '<div class="yt-timeline-icon '.$has_icon.'"><div class="bg-primary" '.$icon_bg.'>'.$icon.'</div></div>';
$return .= '<div class="yt-timeline-time">';
if ($atts['date'] == 'yes') {
$return .= '<small>'.JHTML::_('date', $slide['created'], JText::_('DATE_FORMAT_LC3')).'</small>';
}
if ($atts['time'] == 'yes') {
$return .= JHTML::_('date', $slide['created'], "g:i A");
}
$return .= '</div>';
$return .= '<div class="yt-timeline-content">'."\n";
$return .= '<div class="yt-timeline-content-body">'."\n";
if ($atts['yt_title'] === 'yes' and isset($slide['title'])) {
$return .= '<h3 class="yt-timeline-item-title">';
if ($atts['link_title'] === 'yes') { $return .= '<a href="'. yt_image_media($slide['link']).'">'; }
$return .= $title;
if ($atts['link_title'] === 'yes') { $return .= '</a>'; }
$return .= '</h3>';
}
if ($slide['image'] and $atts['image'] === 'yes') {
$return .= '<div class="yt-timeline-item-image"><img src="'. yt_image_media($slide['image']).'" alt="" /></div>';
}
if ($atts['intro_text'] === 'yes' and isset($slide['introtext'])) {
$return .= '<div class="yt-timeline-item-text">'.parse_shortcode(str_replace(array("<br/>", "<br>", "<br />"), " ", $slide['introtext'])).'</div>';
}
if ($atts['read_more'] === 'yes') {
$return .= '<a class="yt-timeline-readmore readon" href="'. yt_image_media($slide['link']).'">Read More...</a>';
}
$return .= '</div>'."\n";
$return .= '</div>'."\n";
$return .= '</div>'."\n";
if ($limit++ == $atts['limit']) break;
}
$return .= '</div>';
if ($atts['after_text']) {
$return .= '<div class="yt-timeline-after-text"><span>'.$atts['after_text'].'</span></div><br/>';
}
JHtml::_('jquery.framework');
JHtml::script(JUri::base()."plugins/system/ytshortcodes/shortcodes/content_style/js/content_style.js");
}
else {
$return .= yt_alert_box('Timeline not work, Please select the correct source and settings.', 'warning');
}
break;
case 'multiple_column':
$multiple_column='';
$limit = 1;
$i = 0;
//$multiple_column .= ' [yt_columns grid="'.$atts['grid'].'"] ';
foreach ($slides as $slide) {
if($i % $atts['column'] == 0)
{
$multiple_column .= ' [yt_columns grid="'.$atts['grid'].'"] ';
}
if($slide['id'] == $atts['article_id']) continue;
if ($atts['intro_text_limit']) {
$slide['introtext'] = yt_char_limit($slide['introtext'], $atts['intro_text_limit']);
}
$title = $slide['title'];
$multiple_column .= ' [yt_columns_item offset="'.$atts['offset'].'" col="'.floor(12/$atts['column']).'"] ';
if($slide['image'])
{
$multiple_column .= '<img src="'. yt_image_media($slide['image']).'" alt="" style="margin-bottom:15px;"/>';
}else
{
$multiple_column .= '<img src="'. yt_image_media(JURI::base().'plugins/system/ytshortcodes/assets/images/URL_IMAGES.png').'" alt="" />';
}
if ($atts['yt_title'] === 'yes' and isset($slide['title'])) {
$multiple_column .= '<h1>';
if ($atts['link_title'] === 'yes') { $multiple_column .= '<a href="'. yt_image_media($slide['link']).'">'; }
$multiple_column .= $title;
if ($atts['link_title'] === 'yes') { $multiple_column .= '</a>'; }
$multiple_column .= '</h1>';
}
if ($atts['date'] == 'yes' && isset($slide['category_alias']) && isset($slide['author_name']) && isset($slide['created'])) {
$multiple_column .= '<i class="fa fa-calendar"></i> '.JHTML::_('date', $slide['created'], JText::_('DATE_FORMAT_LC3')).' // <i class="fa fa-book"></i> '.$slide['category'].','.$slide['category_alias'].' // <i class="fa fa-user"></i> by '.$slide['author_name'].'.';
}
if(isset($slide['introtext']))
{
$multiple_column .= '<div class="yt_contentstyle_content">'.$slide['introtext'].'</div>';
}
$multiple_column .= ' [/yt_columns_item] ';
$i++;
if($i % $atts['column'] == 0 )
{
$multiple_column .= ' [/yt_columns] ';
}
if ($limit++ == $atts['limit']) break;
}
$return = parse_shortcode(str_replace(array("<br/>", "<br>", "<br />"), " ", $multiple_column));
break;
case 'slider':
$slider='';
$limit = 1;
$slider .= ' [yt_content_slider style="'.$atts['style_slider'].'" transitionin="'.$atts['transitionin'].'" transitionout="'.$atts['transitionout'].'" arrows="'.$atts['arrows'].'" arrow_position="'.$atts['arrow_position'].'" pagination="'.$atts['pagination'].'" autoplay="'.$atts['autoplay'].'" autoheight="'.$atts['autoheight'].'" hoverpause="'.$atts['hoverpause'].'"] ';
foreach ($slides as $slide) {
if($slide['id'] == $atts['article_id']) continue;
$title = $slide['title'];
$slider .= ' [yt_content_slider_item ';
if($slide['image'])
{
$slider .= 'src="'. $slide['image'].'" caption="no" link=""';
}else
{
$slider .= 'src="plugins/system/ytshortcodes/assets/images/URL_IMAGES.png'.'" caption="no" link="'.$slide['link'].'"';
}
$slider .= '] [/yt_content_slider_item] ';
if ($limit++ == $atts['limit']) break;
}
$slider .= ' [/yt_content_slider] ';
$return = parse_shortcode(str_replace(array("<br/>", "<br>", "<br />"), " ", $slider));
break;
default:
$single_column = '';
$limit = 1;
foreach ($slides as $slide) {
if($slide['id'] == $atts['article_id']) continue;
if ($atts['intro_text_limit']) {
$slide['introtext'] = yt_char_limit($slide['introtext'], $atts['intro_text_limit']);
}
$title = $slide['title'];
$single_column .= ' [yt_columns grid="'.$atts['grid'].'"] ';
$single_column .= ' [yt_columns_item offset="'.$atts['offset'].'" col="12"] ';
if($slide['image'])
{
$single_column .= '<div class="col-sm-6" style="width:50%; margin:0;"><img src="'. yt_image_media($slide['image']).'" alt="" /></div><div class="col-sm-6" style="width:50%; margin:0;">';
}else{
$single_column .= '<div class="col-sm-12">';
}
if ($atts['yt_title'] === 'yes' and isset($slide['title'])) {
$single_column .= '<h1 class="yt-timeline-item-title">';
if ($atts['link_title'] === 'yes') { $single_column .= '<a href="'. yt_image_media($slide['link']).'">'; }
$single_column .= $title;
if ($atts['link_title'] === 'yes') { $single_column .= '</a>'; }
$single_column .= '</h1>';
}
if ($atts['date'] == 'yes') {
$single_column .= '<i class="fa fa-calendar"></i> '.JHTML::_('date', $slide['created'], JText::_('DATE_FORMAT_LC3')).' // <i class="fa fa-book"></i> '.$slide['category'].','.$slide['category_alias'].' // <i class="fa fa-user"></i> by '.$slide['author_name'].'.';
}
if(isset($slide['introtext']))
{
$single_column .= '<div class="yt_contentstyle_content">'.$slide['introtext'].'</div>';
}
$single_column .= '</div> [/yt_columns_item] ';
$single_column .= ' [/yt_columns] ';
if ($limit++ == $atts['limit']) break;
}
$return = parse_shortcode(str_replace(array("<br/>", "<br>", "<br />"), " ", $single_column));
break;
}
JHtml::stylesheet(JUri::base()."plugins/system/ytshortcodes/shortcodes/content_style/css/content_style.css");
return $return;
}
?>