2021-12-02 17:45:41 +01:00
|
|
|
<?= $this->extend('_layout') ?>
|
|
|
|
|
|
|
|
<?= $this->section('title') ?>
|
2021-12-24 18:55:56 +01:00
|
|
|
<?= lang('VideoClip.form.title') ?>
|
2021-12-02 17:45:41 +01:00
|
|
|
<?= $this->endSection() ?>
|
|
|
|
|
|
|
|
<?= $this->section('pageTitle') ?>
|
2021-12-24 18:55:56 +01:00
|
|
|
<?= lang('VideoClip.form.title') ?>
|
2021-12-02 17:45:41 +01:00
|
|
|
<?= $this->endSection() ?>
|
|
|
|
|
|
|
|
<?= $this->section('content') ?>
|
|
|
|
|
2021-12-30 18:09:24 +01:00
|
|
|
<form action="<?= route_to('video-clips-create', $podcast->id, $episode->id) ?>" method="POST" class="flex flex-col items-center gap-4 xl:items-start xl:flex-row">
|
2021-12-02 17:45:41 +01:00
|
|
|
|
2021-12-28 17:59:19 +01:00
|
|
|
<div class="flex-1 w-full">
|
2021-12-30 18:09:24 +01:00
|
|
|
<video-clip-previewer format="portrait">
|
|
|
|
<img slot="preview_image" src="<?= $episode->cover->thumbnail_url ?>" alt="<?= $episode->cover->description ?>" />
|
|
|
|
</video-clip-previewer>
|
2021-12-29 18:40:59 +01:00
|
|
|
<audio-clipper start-time="15" duration="10" min-duration="10" volume=".25" height="50">
|
2021-12-30 18:09:24 +01:00
|
|
|
<audio slot="audio" src="<?= $episode->audio->file_url ?>" class="w-full" preload="auto">
|
2021-12-28 17:59:19 +01:00
|
|
|
Your browser does not support the <code>audio</code> element.
|
|
|
|
</audio>
|
|
|
|
<input slot="start_time" type="number" name="start_time" placeholder="<?= lang('VideoClip.form.start_time') ?>" step="0.001" />
|
|
|
|
<input slot="duration" type="number" name="duration" placeholder="<?= lang('VideoClip.form.duration') ?>" step="0.001" />
|
|
|
|
</audio-clipper>
|
|
|
|
</div>
|
|
|
|
|
2021-12-30 18:09:24 +01:00
|
|
|
<Forms.Section title="<?= lang('VideoClip.form.params_section_title') ?>" >
|
|
|
|
|
2021-12-24 18:55:56 +01:00
|
|
|
<Forms.Field
|
|
|
|
name="label"
|
|
|
|
label="<?= lang('VideoClip.form.clip_title') ?>"
|
|
|
|
required="true"
|
|
|
|
/>
|
|
|
|
|
|
|
|
<fieldset class="flex gap-1">
|
|
|
|
<legend><?= lang('VideoClip.form.format.label') ?></legend>
|
|
|
|
<Forms.RadioButton
|
|
|
|
value="landscape"
|
|
|
|
name="format"
|
|
|
|
hint="<?= lang('VideoClip.form.format.landscape_hint') ?>"><?= lang('VideoClip.form.format.landscape') ?></Forms.RadioButton>
|
|
|
|
<Forms.RadioButton
|
|
|
|
value="portrait"
|
|
|
|
name="format"
|
|
|
|
hint="<?= lang('VideoClip.form.format.portrait_hint') ?>"><?= lang('VideoClip.form.format.portrait') ?></Forms.RadioButton>
|
|
|
|
<Forms.RadioButton
|
|
|
|
value="squared"
|
|
|
|
name="format"
|
|
|
|
hint="<?= lang('VideoClip.form.format.squared_hint') ?>"><?= lang('VideoClip.form.format.squared') ?></Forms.RadioButton>
|
2021-12-02 17:45:41 +01:00
|
|
|
</fieldset>
|
|
|
|
|
2021-12-24 18:55:56 +01:00
|
|
|
<fieldset>
|
|
|
|
<legend><?= lang('VideoClip.form.theme') ?></legend>
|
2021-12-07 17:58:12 +01:00
|
|
|
<div class="grid gap-4 grid-cols-colorButtons">
|
2021-12-08 18:05:34 +01:00
|
|
|
<?php foreach (config('MediaClipper')->themes as $themeName => $colors): ?>
|
2021-12-07 17:58:12 +01:00
|
|
|
<Forms.ColorRadioButton
|
2021-12-08 18:05:34 +01:00
|
|
|
class="mx-auto"
|
2021-12-07 17:58:12 +01:00
|
|
|
value="<?= $themeName ?>"
|
|
|
|
name="theme"
|
2021-12-08 18:05:34 +01:00
|
|
|
style="--color-accent-base: <?= $colors['preview']?>"><?= lang('Settings.theme.' . $themeName) ?></Forms.ColorRadioButton>
|
2021-12-07 17:58:12 +01:00
|
|
|
<?php endforeach; ?>
|
|
|
|
</div>
|
2021-12-24 18:55:56 +01:00
|
|
|
</fieldset>
|
2021-12-07 17:58:12 +01:00
|
|
|
|
2021-12-24 18:55:56 +01:00
|
|
|
<Button variant="primary" type="submit" iconRight="arrow-right" class="self-end"><?= lang('VideoClip.form.submit') ?></Button>
|
2021-12-02 17:45:41 +01:00
|
|
|
|
2021-12-30 18:09:24 +01:00
|
|
|
</Forms.Section>
|
2021-12-02 17:45:41 +01:00
|
|
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
<?= $this->endSection() ?>
|