AzuraCast/frontend/vue/components/Stations/Media/Form/AdvancedSettings.vue

95 lines
4.1 KiB
Vue

<template>
<b-form-group>
<div class="form-row">
<b-form-group class="col-md-6" label-for="edit_form_song_length">
<template #label>
{{ $gettext('Song Length') }}
</template>
<b-form-input id="edit_form_song_length" readonly :value="songLength"></b-form-input>
</b-form-group>
<b-wrapped-form-group class="col-md-6" id="edit_form_amplify" :field="form.amplify"
input-type="number" :input-attrs="{ step: '0.1' }">
<template #label>
{{ $gettext('Amplify: Amplification (dB)') }}
</template>
<template #description>
{{
$gettext('The volume in decibels to amplify the track with. Leave blank to use the system default.')
}}
</template>
</b-wrapped-form-group>
<b-wrapped-form-group class="col-md-6" id="edit_form_fade_overlap" :field="form.fade_overlap"
input-type="number" :input-attrs="{ step: '0.1' }">
<template #label>
{{ $gettext('Custom Fading: Overlap Time (seconds)') }}
</template>
<template #description>
{{
$gettext('The time that this song should overlap its surrounding songs when fading. Leave blank to use the system default.')
}}
</template>
</b-wrapped-form-group>
<b-wrapped-form-group class="col-md-6" id="edit_form_fade_in" :field="form.fade_in"
input-type="number" :input-attrs="{ step: '0.1' }">
<template #label>
{{ $gettext('Custom Fading: Fade-In Time (seconds)') }}
</template>
<template #description>
{{
$gettext('The time period that the song should fade in. Leave blank to use the system default.')
}}
</template>
</b-wrapped-form-group>
<b-wrapped-form-group class="col-md-6" id="edit_form_fade_out" :field="form.fade_out"
input-type="number" :input-attrs="{ step: '0.1' }">
<template #label>
{{ $gettext('Custom Fading: Fade-Out Time (seconds)') }}
</template>
<template #description>
{{
$gettext('The time period that the song should fade out. Leave blank to use the system default.')
}}
</template>
</b-wrapped-form-group>
<b-wrapped-form-group class="col-md-6" id="edit_form_cue_in" :field="form.cue_in"
input-type="number" :input-attrs="{ step: '0.1' }">
<template #label>
{{ $gettext('Custom Cues: Cue-In Point (seconds)') }}
</template>
<template #description>
{{ $gettext('Seconds from the start of the song that the AutoDJ should start playing.') }}
</template>
</b-wrapped-form-group>
<b-wrapped-form-group class="col-md-6" id="edit_form_cue_out" :field="form.cue_out"
input-type="number" :input-attrs="{ step: '0.1' }">
<template #label>
{{ $gettext('Custom Cues: Cue-Out Point (seconds)') }}
</template>
<template #description>
{{ $gettext('Seconds from the start of the song that the AutoDJ should stop playing.') }}
</template>
</b-wrapped-form-group>
</div>
</b-form-group>
</template>
<script>
import BWrappedFormGroup from "~/components/Form/BWrappedFormGroup";
export default {
name: 'MediaFormAdvancedSettings',
components: {BWrappedFormGroup},
props: {
form: Object,
songLength: String
},
};
</script>