first commit

wp-content/plugins/jet-elements/templates/jet-horizontal-timeline/global/card.php

@@ -0,0 +1,21 @@
+<?php
+/**
+ * Card item template
+ */
+$show_arrow = filter_var( $settings['show_card_arrows'], FILTER_VALIDATE_BOOLEAN );
+$title_tag  = ! empty( $settings['item_title_size'] ) ? $settings['item_title_size'] : 'h5';
+?>
+
+<div class="jet-hor-timeline-item__card">
+	<div class="jet-hor-timeline-item__card-inner">
+		<?php
+		$this->__render_image( $item_settings );
+		echo $this->__loop_item( array( 'item_title' ) , '<' . $title_tag .' class="jet-hor-timeline-item__card-title">%s</' . $title_tag . '>' );
+		echo $this->__loop_item( array( 'item_desc' ), '<div class="jet-hor-timeline-item__card-desc">%s</div>' );
+		$this->__render_button( $item_settings );
+		?>
+	</div>
+	<?php if ( $show_arrow ) { ?>
+		<div class="jet-hor-timeline-item__card-arrow"></div>
+	<?php } ?>
+</div>

wp-content/plugins/jet-elements/templates/jet-horizontal-timeline/global/index.php

@@ -0,0 +1,44 @@
+<?php
+/**
+ * Timeline main template
+ */
+
+$settings = $this->get_settings_for_display();
+
+$this->add_render_attribute( 'wrapper', 'class',
+	array(
+		'jet-hor-timeline',
+		'jet-hor-timeline--layout-' . esc_attr( $settings['vertical_layout'] ),
+		'jet-hor-timeline--align-' . esc_attr( $settings['horizontal_alignment'] ),
+		'jet-hor-timeline--' . esc_attr( $settings['navigation_type'] ),
+	)
+);
+
+$desktop_columns = ! empty( $settings['columns'] ) ? $settings['columns'] : 3;
+$tablet_columns = ! empty( $settings['columns_tablet'] ) ? $settings['columns_tablet'] : $desktop_columns;
+$mobile_columns = ! empty( $settings['columns_mobile'] ) ? $settings['columns_mobile'] : $tablet_columns;
+
+$data_columns = array(
+	'desktop' => $desktop_columns,
+	'tablet'  => $tablet_columns,
+	'mobile'  => $mobile_columns,
+);
+
+$this->add_render_attribute( 'wrapper', 'data-timeline-columns', esc_attr( json_encode( $data_columns ) ) );
+?>
+
+<div <?php $this->print_render_attribute_string( 'wrapper' ) ?>>
+	<div class="jet-hor-timeline-inner">
+		<div class="jet-hor-timeline-track">
+			<?php $this->__get_global_looped_template( 'list-top', 'cards_list' ); ?>
+			<?php $this->__get_global_looped_template( 'list-middle', 'cards_list' ); ?>
+			<?php $this->__get_global_looped_template( 'list-bottom', 'cards_list' ); ?>
+		</div>
+	</div>
+	<?php
+		if ( 'arrows-nav' === $settings['navigation_type'] ) {
+			echo jet_elements_tools()->get_carousel_arrow( array( $settings['arrow_type'], 'jet-prev-arrow jet-arrow-disabled' ) );
+			echo jet_elements_tools()->get_carousel_arrow( array( $settings['arrow_type'], 'jet-next-arrow' ) );
+		}
+	?>
+</div>

wp-content/plugins/jet-elements/templates/jet-horizontal-timeline/global/list-bottom-loop-end.php

@@ -0,0 +1,6 @@
+<?php
+/**
+ * Timeline list end template
+ */
+?>
+</div>

wp-content/plugins/jet-elements/templates/jet-horizontal-timeline/global/list-bottom-loop-item.php

@@ -0,0 +1,52 @@
+<?php
+/**
+ * Timeline list item template
+ */
+
+$settings      = $this->get_settings_for_display();
+$layout        = $settings['vertical_layout'];
+$item_settings = $this->__processed_item;
+
+$this->add_render_attribute(
+	'item_bottom_' . $item_settings['_id'],
+	array(
+		'class' => array(
+			'jet-hor-timeline-item',
+			'elementor-repeater-item-' . esc_attr( $item_settings['_id'] )
+		),
+		'data-item-id' => esc_attr( $item_settings['_id'] )
+	)
+);
+
+if ( filter_var( $item_settings['is_item_active'], FILTER_VALIDATE_BOOLEAN ) ) {
+	$this->add_render_attribute( 'item_bottom_' . $item_settings['_id'], 'class', 'is-active' );
+}
+?>
+
+<div <?php $this->print_render_attribute_string( 'item_bottom_' . $item_settings['_id'] ) ?>>
+	<?php
+	switch ( $layout ) {
+		case 'top':
+
+			include $this->__get_global_template( 'meta' );
+
+			break;
+
+		case 'chess':
+
+			if ( $this->__processed_index % 2 ) {
+				include $this->__get_global_template( 'card' );
+			} else {
+				include $this->__get_global_template( 'meta' );
+			}
+
+			break;
+
+		case 'bottom':
+
+			include $this->__get_global_template( 'card' );
+
+			break;
+	}
+	?>
+</div>

wp-content/plugins/jet-elements/templates/jet-horizontal-timeline/global/list-bottom-loop-start.php

@@ -0,0 +1,6 @@
+<?php
+/**
+ * Timeline list start template
+ */
+?>
+<div class="jet-hor-timeline-list jet-hor-timeline-list--bottom">

wp-content/plugins/jet-elements/templates/jet-horizontal-timeline/global/list-middle-loop-end.php

@@ -0,0 +1,6 @@
+<?php
+/**
+ * Timeline list end template
+ */
+?>
+</div>

wp-content/plugins/jet-elements/templates/jet-horizontal-timeline/global/list-middle-loop-item.php

@@ -0,0 +1,26 @@
+<?php
+/**
+ * Timeline list item template
+ */
+$settings      = $this->get_settings_for_display();
+$item_settings = $this->__processed_item;
+
+$this->add_render_attribute(
+	'item_middle_' . $item_settings['_id'],
+	array(
+		'class' => array(
+			'jet-hor-timeline-item',
+			'elementor-repeater-item-' . esc_attr( $item_settings['_id'] )
+		),
+		'data-item-id' => esc_attr( $item_settings['_id'] )
+	)
+);
+
+if ( filter_var( $item_settings['is_item_active'], FILTER_VALIDATE_BOOLEAN ) ) {
+	$this->add_render_attribute( 'item_middle_' . $item_settings['_id'], 'class', 'is-active' );
+}
+?>
+
+<div <?php $this->print_render_attribute_string( 'item_middle_' . $item_settings['_id'] ) ?>>
+	<?php include $this->__get_global_template( 'point' ); ?>
+</div>

wp-content/plugins/jet-elements/templates/jet-horizontal-timeline/global/list-middle-loop-start.php

@@ -0,0 +1,9 @@
+<?php
+/**
+ * Timeline list start template
+ */
+
+$settings = $this->get_settings_for_display();
+?>
+<div class="jet-hor-timeline-list jet-hor-timeline-list--middle">
+	<div class="jet-hor-timeline__line"></div>

wp-content/plugins/jet-elements/templates/jet-horizontal-timeline/global/list-top-loop-end.php

@@ -0,0 +1,6 @@
+<?php
+/**
+ * Timeline list end template
+ */
+?>
+</div>

wp-content/plugins/jet-elements/templates/jet-horizontal-timeline/global/list-top-loop-item.php

@@ -0,0 +1,51 @@
+<?php
+/**
+ * Timeline list item template
+ */
+$settings      = $this->get_settings_for_display();
+$layout        = $settings['vertical_layout'];
+$item_settings = $this->__processed_item;
+
+$this->add_render_attribute(
+	'item_top_' . $item_settings['_id'],
+	array(
+		'class' => array(
+			'jet-hor-timeline-item',
+			'elementor-repeater-item-' . esc_attr( $item_settings['_id'] )
+		),
+		'data-item-id' => esc_attr( $item_settings['_id'] )
+	)
+);
+
+if ( filter_var( $item_settings['is_item_active'], FILTER_VALIDATE_BOOLEAN ) ) {
+	$this->add_render_attribute( 'item_top_' . $item_settings['_id'], 'class', 'is-active' );
+}
+?>
+
+<div <?php $this->print_render_attribute_string( 'item_top_' . $item_settings['_id'] ) ?>>
+	<?php
+	switch ( $layout ) {
+		case 'top':
+
+			include $this->__get_global_template( 'card' );
+
+			break;
+
+		case 'chess':
+
+			if ( $this->__processed_index % 2 ) {
+				include $this->__get_global_template( 'meta' );
+			} else {
+				include $this->__get_global_template( 'card' );
+			}
+
+			break;
+
+		case 'bottom':
+
+			include $this->__get_global_template( 'meta' );
+
+			break;
+	}
+	?>
+</div>

wp-content/plugins/jet-elements/templates/jet-horizontal-timeline/global/list-top-loop-start.php

@@ -0,0 +1,6 @@
+<?php
+/**
+ * Timeline list start template
+ */
+?>
+<div class="jet-hor-timeline-list jet-hor-timeline-list--top">

wp-content/plugins/jet-elements/templates/jet-horizontal-timeline/global/meta.php

@@ -0,0 +1,6 @@
+<?php
+/**
+ * Meta item template
+ */
+
+echo $this->__loop_item( array( 'item_meta' ), '<div class="jet-hor-timeline-item__meta">%s</div>' );

wp-content/plugins/jet-elements/templates/jet-horizontal-timeline/global/point.php

@@ -0,0 +1,6 @@
+<?php
+/**
+ * Point item template
+ */
+
+$this->__render_point_content( $item_settings );