first

wp-content/plugins/visual-portfolio/templates/popup/image-popup-data.php

@@ -0,0 +1,49 @@
+<?php
+/**
+ * Render data for Image popup.
+ *
+ * @var $title_source
+ * @var $description_source
+ * @var $image_data
+ * @var $args
+ * @var $opts
+ *
+ * @package visual-portfolio
+ */
+
+// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+?>
+<template class="vp-portfolio__item-popup"
+	style="display: none;"
+	data-vp-popup-img="<?php echo esc_url( $image_data['url'] ); ?>"
+	data-vp-popup-img-srcset="<?php echo esc_attr( $image_data['srcset'] ); ?>"
+	data-vp-popup-img-size="<?php echo esc_attr( $image_data['width'] . 'x' . $image_data['height'] ); ?>"
+	data-vp-popup-md-img="<?php echo esc_url( $image_data['md_url'] ); ?>"
+	data-vp-popup-md-img-size="<?php echo esc_attr( $image_data['md_width'] . 'x' . $image_data['md_height'] ); ?>"
+	data-vp-popup-sm-img="<?php echo esc_url( $image_data['sm_url'] ); ?>"
+	data-vp-popup-sm-img-size="<?php echo esc_attr( $image_data['sm_width'] . 'x' . $image_data['sm_height'] ); ?>"
+>
+	<?php
+	if ( isset( $image_data[ $title_source ] ) && $image_data[ $title_source ] ) {
+		?>
+		<h3 class="vp-portfolio__item-popup-title"><?php echo wp_kses_post( $image_data[ $title_source ] ); ?></h3>
+		<?php
+	}
+	if ( isset( $image_data[ $description_source ] ) && $image_data[ $description_source ] ) {
+		$content = $image_data[ $description_source ];
+
+		if ( 'item_author' === $description_source && $image_data['item_author_url'] ) {
+			$content = '<a href="' . esc_url( $image_data['item_author_url'] ) . '">' . $content . '</a>';
+		}
+
+		?>
+		<div class="vp-portfolio__item-popup-description"><?php echo wp_kses_post( $content ); ?></div>
+		<?php
+	}
+	?>
+</template>