init
This commit is contained in:
emmymayo
+46
@@ -0,0 +1,46 @@
|
||||
<?php
|
||||
/**
|
||||
* Podcast Title 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
|
||||
*/
|
||||
|
||||
$track_title = $template_props['attachment']['title'];
|
||||
$track_link = empty( $template_props['attachment']['link'] ) ? $template_props['attachment']['src'] : $template_props['attachment']['link'];
|
||||
$track_duration = ! empty( $template_props['attachment']['duration'] ) ? $template_props['attachment']['duration'] : '';
|
||||
|
||||
$class = 'jetpack-podcast-player__track ' . $template_props['secondary_colors']['class'];
|
||||
$style = $template_props['secondary_colors']['style'];
|
||||
if ( $template_props['is_active'] ) {
|
||||
$class = 'jetpack-podcast-player__track is-active ' . $template_props['primary_colors']['class'];
|
||||
$style = $template_props['primary_colors']['style'];
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
<li
|
||||
class="<?php echo esc_attr( trim( $class ) ); ?>"
|
||||
style="<?php echo esc_attr( $style ); ?>"
|
||||
>
|
||||
<a
|
||||
class="jetpack-podcast-player__track-link jetpack-podcast-player__link"
|
||||
href="<?php echo esc_url( $track_link ); ?>"
|
||||
role="button"
|
||||
<?php echo $template_props['is_active'] ? 'aria-current="track"' : ''; ?>
|
||||
>
|
||||
<span class="jetpack-podcast-player__track-status-icon"></span>
|
||||
<span class="jetpack-podcast-player__track-title"><?php echo esc_html( $track_title ); ?></span>
|
||||
<time class="jetpack-podcast-player__track-duration"><?php echo esc_html( $track_duration ); ?></time>
|
||||
</a>
|
||||
</li>
|
||||
+66
@@ -0,0 +1,66 @@
|
||||
<?php
|
||||
/**
|
||||
* Podcast Header Title 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 string $template_props
|
||||
*/
|
||||
|
||||
if ( ! isset( $template_props['title'] ) && empty( $template_props['track']['title'] ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
$track_link = empty( $template_props['track']['link'] ) ? $template_props['track']['src'] : $template_props['track']['link'];
|
||||
?>
|
||||
|
||||
<h2 id="<?php echo esc_attr( $template_props['player_id'] ); ?>__title" class="jetpack-podcast-player__title">
|
||||
<span
|
||||
class="jetpack-podcast-player__current-track-title <?php echo esc_attr( $template_props['primary_colors']['class'] ); ?>"
|
||||
<?php echo isset( $template_props['primary_colors']['style'] ) ? 'style="' . esc_attr( $template_props['primary_colors']['style'] ) . '"' : ''; ?>
|
||||
>
|
||||
<?php
|
||||
echo esc_html( $template_props['track']['title'] );
|
||||
if ( ! empty( $track_link ) ) :
|
||||
// Prevent whitespace between title and link to cause a jump when JS kicks in.
|
||||
// phpcs:disable Squiz.PHP.EmbeddedPhp.ContentAfterEnd
|
||||
?><a
|
||||
class="jetpack-podcast-player__track-title-link"
|
||||
href="<?php echo esc_url( $track_link ); ?>"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer nofollow"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<path d="M15.6 7.2H14v1.5h1.6c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.8 0 5.2-2.3 5.2-5.2 0-2.9-2.3-5.2-5.2-5.2zM4.7 12.4c0-2 1.7-3.7 3.7-3.7H10V7.2H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2H10v-1.5H8.4c-2 0-3.7-1.7-3.7-3.7zm4.6.9h5.3v-1.5H9.3v1.5z" />
|
||||
</svg>
|
||||
</a>
|
||||
<?php endif; // phpcs:enable ?>
|
||||
</span>
|
||||
|
||||
<?php
|
||||
// phpcs:disable VariableAnalysis.CodeAnalysis.VariableAnalysis.UndefinedVariable -- This file expects $template_props set outside the file.
|
||||
|
||||
if ( ! empty( $template_props['title'] ) ) :
|
||||
?>
|
||||
<span class="jetpack-podcast-player--visually-hidden"> - </span>
|
||||
|
||||
<?php
|
||||
render(
|
||||
'podcast-title',
|
||||
array(
|
||||
'title' => $template_props['title'],
|
||||
'link' => $template_props['link'],
|
||||
)
|
||||
);
|
||||
?>
|
||||
<?php endif; ?>
|
||||
</h2>
|
||||
+70
@@ -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>
|
||||
+39
@@ -0,0 +1,39 @@
|
||||
<?php
|
||||
/**
|
||||
* Podcast Title 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 string $template_props
|
||||
*/
|
||||
|
||||
if ( empty( $template_props['title'] ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
?>
|
||||
<span class="jetpack-podcast-player__podcast-title">
|
||||
<?php if ( ! empty( $template_props['link'] ) ) : ?>
|
||||
<a
|
||||
class="jetpack-podcast-player__link"
|
||||
href="<?php echo esc_url( $template_props['link'] ); ?>"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer nofollow"
|
||||
>
|
||||
<?php echo esc_html( $template_props['title'] ); ?>
|
||||
</a>
|
||||
<?php
|
||||
else :
|
||||
echo esc_html( $template_props['title'] );
|
||||
endif;
|
||||
?>
|
||||
</span>
|
||||
Reference in New Issue
Block a user