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

66 lines
2.4 KiB
Vue

<template>
<b-form-group>
<b-form-row>
<b-wrapped-form-group class="col-md-6" id="edit_form_path" :field="form.path">
<template #label="{lang}">
{{ $gettext('File Name') }}
</template>
<template #description="{lang}">
{{ $gettext('The relative path of the file in the station\'s media directory.') }}
</template>
</b-wrapped-form-group>
<b-wrapped-form-group class="col-md-6" id="edit_form_title" :field="form.title">
<template #label="{lang}">
{{ $gettext('Song Title') }}
</template>
</b-wrapped-form-group>
<b-wrapped-form-group class="col-md-6" id="edit_form_artist" :field="form.artist">
<template #label="{lang}">
{{ $gettext('Song Artist') }}
</template>
</b-wrapped-form-group>
<b-wrapped-form-group class="col-md-6" id="edit_form_genre" :field="form.genre">
<template #label="{lang}">
{{ $gettext('Song Genre') }}
</template>
</b-wrapped-form-group>
<b-wrapped-form-group class="col-md-6" id="edit_form_album" :field="form.album">
<template #label="{lang}">
{{ $gettext('Song Album') }}
</template>
</b-wrapped-form-group>
<b-wrapped-form-group class="col-md-6" id="edit_form_lyrics" :field="form.lyrics" input-type="textarea">
<template #label="{lang}">
{{ $gettext('Song Lyrics') }}
</template>
</b-wrapped-form-group>
<b-wrapped-form-group class="col-md-6" id="edit_form_isrc" :field="form.isrc">
<template #label="{lang}">
{{ $gettext('ISRC') }}
</template>
<template #description="{lang}">
{{ $gettext('International Standard Recording Code, used for licensing reports.') }}
</template>
</b-wrapped-form-group>
</b-form-row>
</b-form-group>
</template>
<script>
import BWrappedFormGroup from "~/components/Form/BWrappedFormGroup";
export default {
name: 'MediaFormBasicInfo',
components: {BWrappedFormGroup},
props: {
form: Object
}
};
</script>