initial

wp-content/plugins/jetpack/extensions/blocks/podcast-player/templates/podcast-header.php

@@ -0,0 +1,70 @@
+<?php
+/**
+ * Podcast Header template.
+ *
+ * @html-template Automattic\Jetpack\Extensions\Podcast_Player\render
+ * @package automattic/jetpack
+ */
+
+// phpcs:disable VariableAnalysis.CodeAnalysis.VariableAnalysis.UndefinedVariable -- HTML template, let Phan handle it.
+
+namespace Automattic\Jetpack\Extensions\Podcast_Player;
+
+/**
+ * Template variables.
+ *
+ * @var array  $template_props
+ */
+
+/**
+ * Block attributes.
+ */
+$attributes               = (array) $template_props['attributes']; // phpcs:ignore VariableAnalysis.CodeAnalysis.VariableAnalysis.UndefinedVariable
+$show_cover_art           = (bool) $attributes['showCoverArt'];
+$show_episode_title       = (bool) $attributes['showEpisodeTitle'];
+$show_episode_description = (bool) $attributes['showEpisodeDescription'];
+
+// Current track.
+$tracks = $template_props['tracks'];
+$track  = ( is_array( $tracks ) && ! empty( $tracks ) ) ? $tracks[0] : array();
+?>
+
+<div class="jetpack-podcast-player__header">
+	<div class="jetpack-podcast-player__current-track-info">
+		<?php if ( $show_cover_art && isset( $template_props['cover'] ) ) : ?>
+			<div class="jetpack-podcast-player__cover">
+				<img class="jetpack-podcast-player__cover-image" src="<?php echo esc_url( $template_props['cover'] ); ?>" alt="" />
+			</div>
+		<?php endif; ?>
+
+		<?php
+		if ( $show_episode_title ) {
+			render(
+				'podcast-header-title',
+				array(
+					'player_id'      => $template_props['player_id'],
+					'title'          => $template_props['title'],
+					'link'           => $template_props['link'],
+					'track'          => $track,
+					'primary_colors' => $template_props['primary_colors'],
+				)
+			);
+		}
+		?>
+	</div>
+
+	<?php
+	if ( $show_episode_description && ! empty( $track ) && isset( $track['description'] ) ) :
+		?>
+	<div
+		id="<?php echo esc_attr( $template_props['player_id'] ); ?>__track-description"
+		class="jetpack-podcast-player__track-description"
+	>
+		<?php echo esc_html( $track['description'] ); ?>
+	</div>
+	<?php endif; ?>
+
+	<div class="jetpack-podcast-player__audio-player">
+		<div class="jetpack-podcast-player--audio-player-loading"></div>
+	</div>
+</div>