feat: use radio settings for tank line-in inputs

refs aura#242
refs #282
refs #283

src/components/playlist/AInputUrlDialog.vue

@@ -2,8 +2,9 @@
   <AEditDialog
     ref="dialog"
     :title="t('playlist.editor.addInputDialog.title')"
+    :can-save="canSave"
     :save-label="t('playlist.editor.addInputDialog.saveLabel')"
-    :save="() => emit('save', selectedInput)"
+    :save="() => emit('save', selectedInput as string)"
     class="tw-w-min"
   >
     <div class="tw-flex tw-flex-col tw-gap-2 tw-w-96">
@@ -33,7 +34,7 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
+import { computed, onMounted, ref, watchEffect } from 'vue'
 
 import { useI18n } from '@/i18n'
 import { usePlayoutStore } from '@/stores'
@@ -46,8 +47,15 @@ const emit = defineEmits<{
 const { t } = useI18n()
 const playout = usePlayoutStore()
 
-const selectedInput = ref(playout.inputs[0].uri)
+const selectedInput = ref<string>()
+const canSave = computed(() => playout.inputs.some((i) => i.uri === selectedInput.value))
 const dialog = ref()
 
 onMounted(() => dialog.value.open())
+
+watchEffect(() => {
+  if (!selectedInput.value && playout.inputs.length > 0) {
+    selectedInput.value = playout.inputs[0].uri
+  }
+})
 </script>

src/stores/index.ts

@@ -22,6 +22,7 @@ export { usePlayoutStore } from '@/stores/playout'
 export { useScheduleStore } from '@/stores/schedules'
 export { useShowStore } from '@/stores/shows'
 export { useTimeSlotStore } from '@/stores/timeslots'
+export { useRadioSettingsStore } from '@/stores/radio-settings'
 export { useRRuleStore } from '@/stores/rrules'
 
 export const useFundingCategoryStore = createUnpaginatedAPIStore<FundingCategory>(

src/stores/playout.ts

 import { defineStore } from 'pinia'
 import { computed, MaybeRefOrGetter, toValue } from 'vue'
+import { useCurrentRadioSettings } from '@/stores/radio-settings'
 
 type Input = {
   uri: string
@@ -13,14 +14,12 @@ export function useInput(uri: MaybeRefOrGetter<string>) {
 }
 
 export const usePlayoutStore = defineStore('playout', () => {
-  // These are hard-coded in engine-core as well
-  // See playout config: https://gitlab.servus.at/aura/engine-core/-/blob/40e7c86373a0029e4db9fd98295997017a92a9e3/config/sample.engine-core.ini#L73
-  // see playout source: https://gitlab.servus.at/aura/engine-core/-/blob/40e7c86373a0029e4db9fd98295997017a92a9e3/src/in_soundcard.liq#L83-105
-  const inputs: Input[] = [
-    { uri: 'line://0', label: 'Studio' },
-    { uri: 'line://1', label: 'Pre-Production' },
-    { uri: 'line://2', label: 'Line 2' },
-  ]
+  const radioSettings = useCurrentRadioSettings()
+
+  const inputs = computed<Input[]>(() => {
+    const inputs = Object.entries(radioSettings.value?.playout?.lineInChannels ?? {})
+    return inputs.map(([id, label]) => ({ uri: `line://${id}`, label }))
+  })
 
   return {
     inputs,

src/stores/radio-settings.ts

+import { createUnpaginatedAPIStore } from '@/stores/util'
+import { RadioSettings } from '@/types'
+import { createSteeringURL } from '@/api'
+import { steeringAuthInit } from '@/stores/auth'
+import { computed } from 'vue'
+
+export const useRadioSettingsStore = createUnpaginatedAPIStore<RadioSettings>(
+  'radio-settings',
+  createSteeringURL.prefix('settings'),
+  steeringAuthInit,
+  { syncOnAuth: true },
+)
+
+export function useCurrentRadioSettings() {
+  const radioStore = useRadioSettingsStore()
+  return computed<RadioSettings | null>(() => radioStore.items?.[0] ?? null)
+}

src/types.ts

@@ -57,6 +57,7 @@ export type Topic = Required<steeringComponents['schemas']['Topic']>
 export type License = Required<steeringComponents['schemas']['License']>
 export type LinkType = Required<steeringComponents['schemas']['LinkType']>
 export type Link = { typeId: LinkType['id'] | null; url: string }
+export type RadioSettings = Required<steeringComponents['schemas']['RadioSettings']>
 export type RRule = Required<
   Omit<steeringComponents['schemas']['RRule'], 'byWeekdays'> & {
     // this is an extension to ease testing