2021-08-23 13:05:16 +02:00
|
|
|
<?= $this->extend('Modules\Admin\Views\_layout') ?>
|
2021-02-27 22:21:26 +01:00
|
|
|
|
|
|
|
<?= $this->section('title') ?>
|
|
|
|
<?= lang('Episode.embeddable_player.title') ?>
|
|
|
|
<?= $this->endSection() ?>
|
|
|
|
|
|
|
|
<?= $this->section('pageTitle') ?>
|
|
|
|
<?= lang('Episode.embeddable_player.title') ?>
|
|
|
|
<?= $this->endSection() ?>
|
|
|
|
|
|
|
|
<?= $this->section('content') ?>
|
|
|
|
|
2021-08-19 16:00:14 +02:00
|
|
|
<p><?= lang('Episode.embeddable_player.label') ?></p>
|
2021-02-27 22:21:26 +01:00
|
|
|
|
2021-04-02 19:20:02 +02:00
|
|
|
<div class="flex w-full mt-6 mb-6">
|
|
|
|
<?php foreach ($themes as $themeKey => $theme): ?>
|
|
|
|
<button style="<?= $theme[
|
|
|
|
'style'
|
|
|
|
] ?>" class="w-12 h-12 mr-1 border-2 border-gray-400 rounded-lg hover:border-white" title="<?= lang(
|
|
|
|
"Episode.embeddable_player.{$themeKey}",
|
2021-05-12 16:00:25 +02:00
|
|
|
) ?>" data-type="theme-picker" data-url="<?= $episode->getEmbeddablePlayerUrl(
|
2021-04-02 19:20:02 +02:00
|
|
|
$themeKey,
|
2021-02-27 22:21:26 +01:00
|
|
|
) ?>"></button>
|
2021-04-02 19:20:02 +02:00
|
|
|
<?php endforeach; ?>
|
|
|
|
</div>
|
2021-02-27 22:21:26 +01:00
|
|
|
|
2021-08-09 12:28:16 +02:00
|
|
|
<iframe name="embeddable_player" id="embeddable_player" class="w-full max-w-xl h-36" frameborder="0" scrolling="no" style="width: 100%; overflow: hidden;" src="<?= $episode->embeddable_player_url ?>"></iframe>
|
2021-02-27 22:21:26 +01:00
|
|
|
|
2021-04-02 19:20:02 +02:00
|
|
|
<div class="flex items-center w-full mt-8">
|
|
|
|
<?= form_textarea(
|
|
|
|
[
|
|
|
|
'id' => 'iframe',
|
|
|
|
'name' => 'iframe',
|
|
|
|
'class' => 'form-textarea w-full h-20 mr-2',
|
|
|
|
],
|
2021-05-12 16:00:25 +02:00
|
|
|
"<iframe width=\"100%\" height=\"280\" frameborder=\"0\" scrolling=\"no\" style=\"width: 100%; height: 280px; overflow: hidden;\" src=\"{$episode->embeddable_player_url}\"></iframe>",
|
2021-04-02 19:20:02 +02:00
|
|
|
) ?>
|
|
|
|
<?= icon_button(
|
|
|
|
'file-copy',
|
|
|
|
lang('Episode.embeddable_player.clipboard_iframe'),
|
2021-05-06 16:00:48 +02:00
|
|
|
'',
|
2021-04-02 19:20:02 +02:00
|
|
|
['variant' => 'default'],
|
|
|
|
['data-type' => 'clipboard-copy', 'data-clipboard-target' => 'iframe'],
|
|
|
|
) ?>
|
|
|
|
</div>
|
2021-02-27 22:21:26 +01:00
|
|
|
|
2021-04-02 19:20:02 +02:00
|
|
|
<div class="flex items-center w-full mt-4">
|
|
|
|
<?= form_textarea(
|
|
|
|
[
|
|
|
|
'id' => 'url',
|
|
|
|
'name' => 'url',
|
|
|
|
'class' => 'form-textarea w-full h-10 mr-2',
|
|
|
|
],
|
2021-05-12 16:00:25 +02:00
|
|
|
$episode->embeddable_player_url,
|
2021-04-02 19:20:02 +02:00
|
|
|
) ?>
|
|
|
|
<?= icon_button(
|
|
|
|
'file-copy',
|
|
|
|
lang('Episode.embeddable_player.clipboard_url'),
|
2021-05-06 16:00:48 +02:00
|
|
|
'',
|
2021-04-02 19:20:02 +02:00
|
|
|
['variant' => 'default'],
|
|
|
|
['data-type' => 'clipboard-copy', 'data-clipboard-target' => 'url'],
|
|
|
|
) ?>
|
|
|
|
</div>
|
2021-02-27 22:21:26 +01:00
|
|
|
|
|
|
|
<?= $this->endSection() ?>
|