';
if ( 'compact' !== $layout ) {
$output .= $this->ctl_get_date( $post_id, $attributes['date-format'] );
}
if ( $icons_disabled ) {
$output .= '
';
} else {
$output .= '' . $this->ctl_get_icon( $post_id );
}
if ( 'compact' === $layout || 'horizontal' === $layout || 'clean' !== $attributes['skin'] ) {
$output .= '
';
}
$output .= '
';
$output .= $this->ctl_get_title( $post_id );
// Grabing story content based upon content type.
if ( 'horizontal' !== $layout ) {
$output .= $this->ctl_get_featured_image( $post_id );
}
if ( 'compact' === $layout ) {
$output .= $this->ctl_get_date( $post_id, $attributes['date-format'] );
}
if ( 'horizontal' !== $layout ) {
$output .= $this->ctl_get_content();
}
$output .= '
';
if ( 'horizontal' === $layout ) {
$output .= $this->ctl_minimal_content();
}
$output .= '
';
$output .= $re_more ? $this->get_story_link( $post_id ) : '';
$output .= esc_html( get_the_title( $post_id ) );
$output .= $re_more ? '' : '';
if ( ( isset( $this->settings['display_readmore'] ) && 'yes' === $this->settings['display_readmore'] ) && 'horizontal' === $layout ) {
$output .= $re_more ? $this->get_story_link( $post_id ) : '';
$output .= '
' . __( 'Read More', 'cool-timeline' ) . '
';
$output .= $re_more ? '' : '';
}
$output .= '
';
$output .= '
';
$output .= $re_more ? $this->get_story_link( $post_id ) : '';
$output .= esc_html( $posted_date ); // Escape date output
$output .= $re_more ? '' : '';
$output .= '
';
$output .= '
' . wp_kses( $content, $allowed_tags ) . '
';
}
return $output;
}
/**
* Get Story Featured Image
*
* @param int $post_id Current Post ID.
*/
public function ctl_get_featured_image( $post_id ) {
$attributes = $this->attributes;
global $post;
$post_id = ! empty( $post_id ) ? absint( $post_id ) : ( isset( $post->ID ) ? absint( $post->ID ) : 0 );
if ( ! $post_id ) {
return;
}
if ( ! get_the_post_thumbnail_url( $post_id ) ) {
return;
}
// Get story media and image container size.
$ctl_story_media = get_post_meta( $post_id, 'story_media', true );
$img_cont_size = isset( $ctl_story_media['img_cont_size'] ) ? $ctl_story_media['img_cont_size'] : '';
$img_html = '';
// Get alternative text for the image.
$img_alt = get_post_meta( get_post_thumbnail_id( $post_id ), '_wp_attachment_image_alt', true );
$alt_text = $img_alt ? $img_alt : get_the_title( $post_id );
// Generate image link based on stories images link setting.
$story_img_link = '';
$img_f_url = wp_get_attachment_url( get_post_thumbnail_id( $post_id ) );
$story_img_link = '';
$image_size = '';
$image_wrapper_cls = '';
if ( 'small' === $img_cont_size ) {
$image_size = 'medium';
$image_wrapper_cls = 'small';
} else {
$image_size = 'large';
$image_wrapper_cls = 'full';
}
if ( 'horizontal' === $attributes['layout'] ) {
$img_html .= '';
} else {
// Generate image HTML based on image container size.
if ( get_the_post_thumbnail_url( $post_id ) ) {
$img_html .= '';
$img_html .= $story_img_link;
$img_html .= get_the_post_thumbnail(
$post_id,
apply_filters( 'cool_timeline_story_img_size', $image_size ),
array(
'class' => 'story-img',
'alt' => esc_html( $alt_text ),
)
);
$img_html .= '';
$img_html .= '
';
}
}
return $img_html;
}
/**
* Get Story Icon
*
* @param int $post_id Current Post ID.
* @param string $default_icon default icon.
*/
public function ctl_get_icon( $post_id ) {
$output = '';
$icon = '';
$extra_class = '';
if ( get_post_type( $post_id ) === 'cool_timeline' ) {
// Story Icon.
$story_icon = get_post_meta( $post_id, 'story_icon', true );
$ctl_fontawesome_icon = isset( $story_icon['fa_field_icon'] ) ? $story_icon['fa_field_icon'] : '';
$extra_class = '';
if ( '' !== $ctl_fontawesome_icon ) {
if ( strpos( $ctl_fontawesome_icon, 'fab' ) === false ) {
$extra_class = 'fa';
}
$icon = '';
} else {
$icon = '';
}
}
$output .= '' . $icon . '
';
return $output;
}
/**
* Get Story Year and create highlighted Year section in timeline
*
* @param int $post_id Current Post ID.
* @return string Output HTML.
*/
public function ctl_get_year_label( $post_id ) {
$attributes = $this->attributes;
$output = '';
$wrp_cls = 'vertical';
$design = 'light';
// Get story date.
$ctl_story_type = get_post_meta( $post_id, 'story_type', true );
$ctl_story_date = ( is_array( $ctl_story_type ) && isset( $ctl_story_type['ctl_story_date'] ) )
? sanitize_text_field( $ctl_story_type['ctl_story_date'] )
: '';
$pattern = "/\b\d{4}\b/"; // Regular expression pattern to match a four-digit number.
preg_match( $pattern, $ctl_story_date, $matches );
// Get Year value.
if ( isset( $matches[0] ) ) {
$story_year = $matches[0];
// Display the year label if it is different from the previous year.
if ( $story_year !== $this->active_year ) {
$story_year_label = sprintf( '%s
', esc_html( $story_year ) );
$this->active_year = $story_year;
if ( 'compact' === $attributes['layout'] ) {
$output .= '';
} else {
$output .= sprintf(
'%s
',
esc_attr( $design ),
esc_attr( $wrp_cls ),
esc_attr( $design ),
esc_attr( $story_year ),
esc_attr( $story_year ),
// phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound
apply_filters( 'ctl_story_year', $story_year_label )
);
}
}
}
return $output;
}
/**
* Minimal Popup Content
*/
public function ctl_minimal_content() {
$post_id = get_the_ID();
$output = '';
$attributes = $this->attributes;
$output .= '';
return $output;
}
}
}