oont-contents/plugins/jetpack/extensions/blocks/podcast-player/templates/podcast-header.php
2025-02-08 15:10:23 +01:00

70 lines
2.1 KiB
PHP

<?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>