52 lines
1.4 KiB
Vue
52 lines
1.4 KiB
Vue
<template>
|
|
<setup-step :step="2"></setup-step>
|
|
|
|
<b-card no-body>
|
|
<div class="card-header bg-primary-dark">
|
|
<h3 class="card-title">
|
|
{{ $gettext('Create a New Radio Station') }}
|
|
</h3>
|
|
</div>
|
|
|
|
<info-card>
|
|
{{
|
|
$gettext('Continue the setup process by creating your first radio station below. You can edit any of these details later.')
|
|
}}
|
|
</info-card>
|
|
|
|
<admin-stations-form v-bind="$props" ref="$adminForm" :is-edit-mode="false" :create-url="createUrl"
|
|
@submitted="onSubmitted">
|
|
<template #submitButtonText>
|
|
{{ $gettext('Create and Continue') }}
|
|
</template>
|
|
</admin-stations-form>
|
|
</b-card>
|
|
</template>
|
|
|
|
<script setup>
|
|
import AdminStationsForm from "~/components/Admin/Stations/StationForm";
|
|
import SetupStep from "./SetupStep";
|
|
import InfoCard from "~/components/Common/InfoCard";
|
|
import {onMounted, ref} from "vue";
|
|
import stationFormProps from "~/components/Admin/Stations/stationFormProps";
|
|
|
|
const props = defineProps({
|
|
...stationFormProps,
|
|
createUrl: String,
|
|
continueUrl: {
|
|
type: String,
|
|
required: true
|
|
}
|
|
});
|
|
|
|
const $adminForm = ref(); // Template Ref
|
|
|
|
onMounted(() => {
|
|
$adminForm.value.reset();
|
|
});
|
|
|
|
const onSubmitted = () => {
|
|
window.location.href = props.continueUrl;
|
|
}
|
|
</script>
|