chore: add some under-construction hints

src/Pages/FileManager.vue

 <template>
   <div>
-    <PageHeader :title="$t('filePlaylistManager.title')" />
+    <UnderConstruction class="tw-top-0 tw-right-0">
+      <template #title>
+        <p>Die komplette bisherige Medienseite wird aufgelöst.</p>
+        <p>
+          Stattdessen wird es möglich sein, eine Playlist direkt innerhalb der jeweiligen Sendung zu
+          bearbeiten bzw. neu anzulegen.
+        </p>
+      </template>
 
-    <template v-if="!loaded.shows">
-      <div class="tw-text-center">
-        {{ $t('loading') }}
-      </div>
-    </template>
+      <PageHeader :title="$t('filePlaylistManager.title')" />
 
-    <template v-else-if="selectedShow">
-      <jumbotron />
+      <template v-if="!loaded.shows">
+        <div class="tw-text-center">
+          {{ $t('loading') }}
+        </div>
+      </template>
 
-      <!-- All the UI for uploading and editing files is only shown if the user
+      <template v-else-if="selectedShow">
+        <jumbotron />
+
+        <!-- All the UI for uploading and editing files is only shown if the user
             choose to edit files in the jumbotron above -->
-      <div v-if="mode === 'files'">
-        <files />
-      </div>
+        <div v-if="mode === 'files'">
+          <files />
+        </div>
 
-      <!-- All the UI for creating and editing playlists is only shown if the user
+        <!-- All the UI for creating and editing playlists is only shown if the user
             choose to edit playlists in the jumbotron above -->
-      <div v-if="mode === 'playlists'">
-        <playlists />
-      </div>
-    </template>
+        <div v-if="mode === 'playlists'">
+          <playlists />
+        </div>
+      </template>
+    </UnderConstruction>
   </div>
 </template>
 
@@ -32,9 +42,11 @@ import jumbotron from '../components/filemanager/Jumbotron.vue'
 import files from '../components/filemanager/Files.vue'
 import playlists from '../components/filemanager/Playlists.vue'
 import PageHeader from '@/components/PageHeader.vue'
+import UnderConstruction from '@/components/UnderConstruction.vue'
 
 export default {
   components: {
+    UnderConstruction,
     PageHeader,
     jumbotron: jumbotron,
     files: files,

src/Pages/ShowBasicData.vue

@@ -2,7 +2,19 @@
   <div>
     <PageHeader :title="t('navigation.show.basicData')" :lead="show.name" />
 
-    <ShowJumbotron />
+    <UnderConstruction class="tw-top-2 tw-right-2 tw-text-xl">
+      <template #title>
+        <p>
+          Dieser Bereich wird demnächst zugunsten einzelner Eingabefelder (wie weiter unten zu
+          sehen) aufgelöst.
+        </p>
+        <p>
+          Der Button für die Deaktivierung der Sendereihe wandert in einen eigenen Bereich und
+          erhält eine Erklärung zu Bedeutung & Funktionsweise.
+        </p>
+      </template>
+      <ShowJumbotron />
+    </UnderConstruction>
 
     <div class="tw-grid tw-gap-x-6 tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3">
       <ShowMetaSimpleTypes />
@@ -26,6 +38,7 @@ import PageHeader from '@/components/PageHeader.vue'
 import { useAuthStore, useUserStore } from '@/stores/auth'
 import { useI18n } from '@/i18n'
 import { Show } from '@/types'
+import UnderConstruction from '@/components/UnderConstruction.vue'
 
 defineProps<{
   show: Show

src/Pages/ShowEpisodes.vue

@@ -2,7 +2,20 @@
   <div class="tw-max-w-5xl">
     <PageHeader :lead="show.name" :title="t('navigation.show.episodes')" />
 
-    <TimeSlotList :show="show" />
+    <UnderConstruction class="tw-right-0 tw-top-0">
+      <template #title>
+        <p>
+          Der Dialog zur Bearbeitung der Shownotes wird demnächst auf eine separate Seite
+          ausgelagert.
+        </p>
+        <p>
+          Auch die Zuweisung der jeweiligen Playlist wird auf diese Unterseite verschoben bzw.
+          ergänzt, so dass die Inhalte der Playlist sich direkt dort bearbeiten lassen und kein
+          Wechsel zur Medienseite mehr notwendig ist.
+        </p>
+      </template>
+      <TimeSlotList :show="show" />
+    </UnderConstruction>
     <ShowSchedules :show="show" />
   </div>
 </template>
@@ -13,6 +26,7 @@ import TimeSlotList from '@/components/shows/TimeSlotList.vue'
 import ShowSchedules from '@/components/shows/Schedules.vue'
 import PageHeader from '@/components/PageHeader.vue'
 import { useI18n } from '@/i18n'
+import UnderConstruction from '@/components/UnderConstruction.vue'
 
 defineProps<{
   show: Show

src/components/shows/MetaSimpleTypes.vue

@@ -72,17 +72,22 @@
     </template>
   </FormGroup>
 
-  <FormGroup
-    :label="t('showMeta.defaultPlaylist')"
-    :errors="defaultPlaylistIdErrors"
-    with-edit-button
-    :is-saving="isSaving === 'defaultPlaylist'"
-    @edit="openDefaultPlaylistSelectorModal"
+  <UnderConstruction
+    class="tw-text-sm tw-right-0 tw-bottom-0"
+    title="Der Dialog zur Auswahl einer Playlist wird überarbeitet. Er soll eine einfache Suche erlauben."
   >
-    <template v-if="playlist">{{ playlist.description }}</template>
-    <template v-else-if="isLoadingPlaylist">{{ t('loading') }}</template>
-    <template v-else>-</template>
-  </FormGroup>
+    <FormGroup
+      :label="t('showMeta.defaultPlaylist')"
+      :errors="defaultPlaylistIdErrors"
+      with-edit-button
+      :is-saving="isSaving === 'defaultPlaylist'"
+      @edit="openDefaultPlaylistSelectorModal"
+    >
+      <template v-if="playlist">{{ playlist.description }}</template>
+      <template v-else-if="isLoadingPlaylist">{{ t('loading') }}</template>
+      <template v-else>-</template>
+    </FormGroup>
+  </UnderConstruction>
 
   <template v-if="authStore.isSuperuser">
     <hr class="tw-col-span-full tw-order-last tw-w-full" />
@@ -123,6 +128,7 @@ import { APIError } from '@/store/api-helper'
 import { useAuthStore } from '@/stores/auth'
 import FormGroup from '@/components/generic/FormGroup.vue'
 import FallbackSelector from '@/components/shows/FallbackSelector.vue'
+import UnderConstruction from '@/components/UnderConstruction.vue'
 
 const { t } = useI18n()
 const store = useStore()