attributes = $attributes; $this->wp_query = $wp_query; $this->settings = $settings; $this->timeline_id = uniqid(); $this->content_instance = new CTL_Loop_Helpers( $this->attributes, $this->settings ); } /** * Render the layout based on the shortcode attributes. * * @return string The rendered layout HTML. */ public function render_layout() { ob_start(); $layout = $this->attributes['layout']; $response = $this->ctl_render_loop( $this->wp_query ); if ( 'horizontal' === $layout ) { $this->render_horizontal_layout( $response ); } else { $this->render_vertical_layout( $response ); } return ob_get_clean(); } /** * Build safe HTML data-* attributes from prebuilt strings. * * @param array $data_attribute Array like: array( 'data-foo="bar"', 'data-items="3"' ). * @return string Space-separated safe attributes for inclusion in an HTML tag. */ private function ctl_build_data_attribute_string( $data_attribute ) { if ( empty( $data_attribute ) || ! is_array( $data_attribute ) ) { return ''; } $parts = array(); foreach ( $data_attribute as $attr ) { if ( ! is_string( $attr ) ) { continue; } // Accept only: data-="" to avoid arbitrary attribute injection. if ( preg_match( '/^(data-[a-z0-9_-]+)\s*=\s*"([^"]*)"$/i', trim( $attr ), $m ) ) { $parts[] = sprintf( '%s="%s"', esc_attr( $m[1] ), esc_attr( $m[2] ) ); } } return implode( ' ', $parts ); } /** * Renders the story timeline. * * @param WP_Query $query WP_Query object. * * @return string The rendered stories HTML. */ private function ctl_render_loop( $query ) { $output = ''; $index = 1; // The Loop. if ( $query->have_posts() ) { while ( $query->have_posts() ) { $query->the_post(); global $post; $output .= $this->content_instance->ctl_render( $index, $post ); $index++; } } else { $output .= '

'; $output .= __( 'Sorry,You have not added any story yet', 'cool-timeline' ); $output .= '

'; } wp_reset_postdata(); return array( 'HTML' => $output, ); } /** * Render horizontal timeline layout. * * @param string $response The content HTML. */ private function render_horizontal_layout( $response ) { $attributes = $this->attributes; $wrapper_cls = implode( ' ', $attributes['config']['wrapper_cls'] ); $fontawesome_icons = isset( $attributes['icons'] ) && 'yes' === strtolower( $attributes['icons'] ); $swiper_left_arrow = $fontawesome_icons ? '' : CTL_Helpers::ctl_static_svg_icons( 'chevron_left' ); $swiper_right_arrow = $fontawesome_icons ? '' : CTL_Helpers::ctl_static_svg_icons( 'chevron_right' ); $allowed_nav_icon_tags = array( 'svg' => array( 'xmlns' => true, 'height' => true, 'viewbox' => true, ), 'path' => array( 'd' => true, ), 'i' => array( 'class' => true, ), ); ?>
ctl_build_data_attribute_string( $attributes['config']['data_attribute'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>>
attributes; $wrapper_cls = implode( ' ', $attributes['config']['wrapper_cls'] ); $fontawesome_icons = isset( $attributes['icons'] ) && 'yes' === strtolower( $attributes['icons'] ); ?>
settings ); if ( ! empty( $timeline_content ) ) { echo wp_kses_post( $timeline_content ); // Escape output to allow safe HTML } ?>
ctl_build_data_attribute_string( $attributes['config']['data_attribute'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>>
wp_query->max_num_pages > 1 ) { $paged = max( 1, get_query_var( 'paged' ), get_query_var( 'page' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped echo CTL_Helpers::ctl_pagination( $this->wp_query, $paged, $fontawesome_icons ); } ?>