@saooti/octopus-sdk 36.0.9 → 36.0.11

package/src/components/pages/Lives.vue

@@ -1,33 +1,22 @@
 <template>
   <div class="page-box">
-    <div class="d-flex flex-column align-items-center mb-3">
-      <h1>{{ $t('In live') }}</h1>
-      <template v-if="!isPodcastmaker">
-        <router-link
-          v-if="liveRight && filterOrgaId"
-          to="/main/priv/edit/live"
-        >
-          <button class="btn btn-primary">
-            {{ $t('Launch a new live') }}
-          </button>
-        </router-link>
-        <template v-else>
-          <div class="align-self-start fw-bold mb-2">
-            {{ $t('Please chose a productor') }}
-          </div>
-          <OrganisationChooser
-            :defaultanswer="$t('Please chose a productor')"
-            @selected="onOrganisationSelected"
-          />
-        </template>
-      </template>
-    </div>
-    <LiveList
-      v-if="filterOrgaId || organisationId"
-      :conference-watched="conferenceWatched"
-      :organisation-id="organisationId"
-      @initConferenceIds="initConferenceIds"
-    />
+    <template v-if="!filterOrgaId && !organisationId && !isPodcastmaker">
+      <div class="align-self-start fw-bold mb-2">
+        {{ $t('Please chose a productor') }}
+      </div>
+      <OrganisationChooser
+        :defaultanswer="$t('Please chose a productor')"
+        @selected="onOrganisationSelected"
+      />
+    </template>
+    <template v-if="filterOrgaId || organisationId">
+     <!--  <LiveList
+        :organisation-id="organisationId"
+      /> -->
+      <RadioList
+        :organisation-id="organisationId"
+      />
+    </template>
   </div>
 </template>
 
@@ -35,35 +24,26 @@
 import { state } from '../../stores/ParamSdkStore';
 import { Organisation } from '@/stores/class/general/organisation';
 import { defineComponent, defineAsyncComponent } from 'vue';
-import { Conference } from '@/stores/class/conference/conference';
-import { useAuthStore } from '@/stores/AuthStore';
 import { useFilterStore } from '@/stores/FilterStore';
 import { mapState } from 'pinia';
 const LiveList = defineAsyncComponent(() => import('../display/live/LiveList.vue'));
+const RadioList = defineAsyncComponent(() => import('../display/live/RadioList.vue'));
 const OrganisationChooser = defineAsyncComponent(() => import('../display/organisation/OrganisationChooser.vue'));
 export default defineComponent({
   components: {
     LiveList,
+    RadioList,
     OrganisationChooser,
   },
   props: {
-    conferenceWatched: { default: () => [], type: Array as ()=>Array<{conferenceId:number,interval:ReturnType<typeof setTimeout>|undefined, status:string}>},
     organisationId: { default: undefined, type: String },
     productor:{default:undefined, type: String}
   },
-  emits: ['update:organisationId', 'initConferenceIds'],
-  data() {
-    return {
-      live: true as boolean,
-    };
-  },
-  
+  emits: ['update:organisationId'],
+
   computed: {
     ...mapState(useFilterStore, ['filterOrgaId']),
-    ...mapState(useAuthStore, ['authOrganisation']),
-    liveRight(): boolean {
-      return (state.generalParameters.isRoleLive as boolean)&& this.live;
-    },
+
     isPodcastmaker(): boolean {
       return (state.generalParameters.podcastmaker as boolean);
     },
@@ -74,14 +54,8 @@ export default defineComponent({
     } else if (this.filterOrgaId) {
       this.$emit('update:organisationId',this.filterOrgaId);
     }
-    if (!this.authOrganisation.attributes?.['live.active']) {
-      this.live = false;
-    }
   },
   methods: {
-    initConferenceIds(listIds: Array<Conference>): void {
-      this.$emit('initConferenceIds', listIds);
-    },
     onOrganisationSelected(organisation: Organisation|undefined): void {
       this.$emit('update:organisationId', organisation?.id);
     },

package/src/components/pages/Playlist.vue

@@ -5,7 +5,7 @@
     >
       <div class="page-element-title-container">
         <div class="page-element-title">
-          <h1>{{ $t('Playlist') }}</h1>
+          <h1>{{ pageTitle }}</h1>
         </div>
         <div
           class="page-element-bg"
@@ -101,6 +101,12 @@ export default defineComponent({
         isSharePlayer: (state.podcastPage.SharePlayer as boolean),
       };
     },
+    pageTitle(): string{
+      return this.playlistRadio ? this.$t('Mix of episodes'):this.$t('Playlist');
+    },
+    playlistRadio(): boolean{
+      return "AMBIANCE"===this.playlist?.ambiance || "PROGRAMMED"===this.playlist?.ambiance
+    },
     name(): string {
       return this.playlist?.title ??'';
     },
@@ -141,7 +147,8 @@ export default defineComponent({
         this.loaded = false;
         this.error = false;
         this.playlist = await octopusApi.fetchData<Playlist>(0, 'playlist/'+this.playlistId);
-        if("PUBLIC"!==this.playlist.organisation?.privacy && this.filterOrgaId!==this.playlist.organisation?.id){
+        if((!this.editRight && this.playlistRadio) ||
+          ("PUBLIC"!==this.playlist.organisation?.privacy && this.filterOrgaId!==this.playlist.organisation?.id)){
           this.initError();
           return;
         }

package/src/components/pages/Radio.vue

@@ -0,0 +1,112 @@
+<template>
+  <div class="page-box">
+    <template v-if="loaded && !error">
+      <div class="page-element-title-container">
+        <div class="page-element-title">
+          <h1>{{ $t('Radio') }}</h1>
+        </div>
+        <div
+          class="page-element-bg"
+          :style="backgroundDisplay"
+        />
+      </div>
+      <div v-if="radio" class="d-flex flex-column page-element">
+        <div class="module-box">
+          <div class="mb-5 descriptionText">
+            <RadioImage :radio="radio"/>
+            <h2>{{ radio.name }}</h2>
+            <div v-if="radio.description">{{radio.description}}</div>
+          </div>
+          <RadioCurrently :radio="radio"/>
+          <EditBoxRadio
+            v-if="editRight"
+            :radio="radio"
+          />
+        </div>
+         <SharePlayerRadio
+          v-if="authenticated"
+          :canal="radio"
+          :organisation-id="myOrganisationId"
+        />
+        <ShareButtons/>
+      </div>
+    </template>
+    <ClassicLoading
+      :loading-text="!loaded?$t('Loading content ...'):undefined"
+      :error-text="error?$t(`Emission doesn't exist`):undefined"
+    />
+  </div>
+</template>
+
+<script lang="ts">
+import octopusApi from '@saooti/octopus-api';
+import { state } from '../../stores/ParamSdkStore';
+import displayMethods from '../mixins/displayMethods';
+import imageProxy from '../mixins/imageProxy';
+import { orgaComputed } from '../mixins/orgaComputed';
+import { handle403 } from '../mixins/handle403';
+import ClassicLoading from '../form/ClassicLoading.vue';
+import { defineComponent, defineAsyncComponent } from 'vue';
+import { AxiosError } from 'axios';
+import { Canal } from '@/stores/class/radio/canal';
+const SharePlayerRadio = defineAsyncComponent(() => import('../display/sharing/SharePlayerRadio.vue'));
+const ShareButtons = defineAsyncComponent(() => import('../display/sharing/ShareButtons.vue'));
+const EditBoxRadio = defineAsyncComponent(() => import('@/components/display/edit/EditBoxRadio.vue'));
+const RadioCurrently = defineAsyncComponent(() => import('../display/live/RadioCurrently.vue'));
+const RadioImage = defineAsyncComponent(() => import('../display/live/RadioImage.vue'));
+export default defineComponent({
+  components: {
+    SharePlayerRadio,
+    ShareButtons,
+    EditBoxRadio,
+    ClassicLoading,
+    RadioCurrently,
+    RadioImage
+  },
+  mixins: [displayMethods, handle403, orgaComputed, imageProxy],
+  props: {
+    canalId: { default: undefined, type: Number},
+  },
+  emits: ['radioTitle'],
+
+  data() {
+    return {
+      loaded: false as boolean,
+      radio: undefined as Canal | undefined,
+      error: false as boolean,
+    };
+  },
+  
+  computed: {
+    editRight(): boolean {
+      return (true===this.authenticated && this.myOrganisationId === this.radio?.organisationId) ||
+        true===state.generalParameters.isAdmin
+    },
+    backgroundDisplay():string{
+      return !this.radio? "": `background-image: url('${this.radio.imageUrl}');`;
+    },
+  },
+  watch: {
+    canalId: {
+      immediate: true,
+      handler() {
+        this.getRadioDetails();
+      },
+    },
+  },
+  methods: {
+    async getRadioDetails(): Promise<void> {
+      this.loaded = false;
+      this.error = false;
+      try {
+        this.radio = await octopusApi.fetchData<Canal>(14,'canal/'+this.canalId);
+        this.$emit('radioTitle', this.radio.name);
+      } catch(error) {
+        this.handle403((error as AxiosError));
+        this.error = true;
+      }
+      this.loaded = true;
+    },
+  },
+})
+</script>

package/src/locale/de.ts

@@ -218,11 +218,8 @@ export default{
   'Open studio': "Studio frei",
   'Episode record in live': "Live-Aufnahme",
   'In a moment': "Gleich verfügbar",
-  'Live to be': "In Kürze verfügbar",
-  'Live terminated': "Live-Übertragung beendet",
   'Next live date': "Die nächste Live-Übertragung ist am {date}.",
   'Not recording': "Nicht aufgezeichnet",
-  'This live is not started yet': "Live-Übertragung hat noch nicht begonnen",
   'A live can start any moment': "Live-Übertragung beginnt gleich",
   'Recorded in live': "Live-Aufnahme",
   'Podcast linked to waiting live': "Podcast ist mit geplanter Live-Übertragung verbunden",
@@ -317,4 +314,12 @@ export default{
   "QR Code":"QR-Code",
   "Rss feed": "RSS-Feed",
   "Multiselect max options":"Maximal {max} gleichzeitige Optionen. Bitte entfernen Sie zuerst eine Option, um eine neue auswählen zu können",
+  "Mix of episodes":"Mischung aus Episoden",
+  "Radio & Live":"Radio & Live",
+  "Selection by status":"Auswahl nach Status",
+  "All lives":"Alle Leben",
+  'In debriefing': 'In der Nachbesprechung',
+  'In the process of being published': 'Im Prozess der Veröffentlichung',
+  "Radio":"Radio",
+  "Currently":"Momentan",
 }

package/src/locale/en.ts

@@ -198,8 +198,8 @@ export default{
   'Launch a new live': 'Create a new live',
   'Loading lives...': 'Loading lives...',
   'No live currently': "No lives currently available",
-  'live upcoming': 'live will start any minute',
-  "live in few time":"live in the near future",
+  'live upcoming': 'Live will start any minute',
+  "live in few time":"Live in the near future",
   Debriefing: 'Debriefing',
   Publishing: 'Publishing',
   'select productor': 'Select Producer',
@@ -218,11 +218,8 @@ export default{
   'Open studio': 'Open studio',
   'Episode record in live': 'Episode recorded in live',
   'In a moment': 'In a moment',
-  'Live to be': 'Coming soon',
-  'Live terminated': 'Live terminated',
   'Next live date': 'The next live will be at {date}',
   'Not recording': 'Not recorded',
-  'This live is not started yet': "This live has not started yet",
   'A live can start any moment': 'A live can start any moment',
   'Recorded in live': 'Recorded in live',
   'Podcast linked to waiting live': 'Podcast linked to an awaiting live',
@@ -324,4 +321,12 @@ export default{
   "QR Code":"QR Code",
   "Rss feed": "Rss feed",
   "Multiselect max options":"Maximum of {max} concurrent options. Please first remove an option to be able to select a new one",
+  "Mix of episodes":"Mix of episodes",
+  "Radio & Live":"Radio & Live",
+  "Selection by status":"Selection by status",
+  "All lives":"All lives",
+  'In debriefing': 'In debriefing',
+  'In the process of being published': 'In the process of being published',
+  "Radio":"Radio",
+  "Currently":"Currently",
 };

package/src/locale/es.ts

@@ -218,11 +218,8 @@ export default{
   'Open studio': 'Estudio abierto',
   'Episode record in live': 'Episodio grabado en directo',
   'In a moment': 'En breves instantes',
-  'Live to be': 'Próximamente',
-  'Live terminated': 'La retransmisión en directo ha terminado',
   'Next live date': 'El próximo directo será el {date}',
   'Not recording': 'Grabación no disponible',
-  'This live is not started yet': "La retransmisión en directo no ha comenzado todavía",
   'A live can start any moment': 'Una retransmisión en directo podría comenzar en breves instantes',
   'Recorded in live': 'Grabación en directo',
   'Podcast linked to waiting live': 'Pódcast pendiente de una próxima retransmisión en directo',
@@ -317,4 +314,12 @@ export default{
   "QR Code":"Código QR",
   "Rss feed": "RSS Feed",
   "Multiselect max options":"Máximo de {max} opciones simultáneas. Primero elimine una opción para poder seleccionar una nueva",
+  "Mix of episodes":"Mezcla de episodios",
+  "Radio & Live":"Radio & En vivo",
+  "Selection by status":"Selección por estado",
+  "All lives":"Todas los en vivo",
+  'In debriefing': 'En debriefing',
+  'In the process of being published': 'En proceso de publicación',
+  "Radio":"Radio",
+  "Currently":"Actualmente",
 }

package/src/locale/fr.ts

@@ -198,8 +198,8 @@ export default{
   'Launch a new live': 'Programmer un nouveau live',
   'Loading lives...': 'Chargement des lives...',
   'No live currently': "Il n'y a aucun live actuellement",
-  'live upcoming': 'live imminent',
-  "live in few time":"live à venir",
+  'live upcoming': 'Live imminent',
+  "live in few time":"Live à venir",
   Debriefing: 'Debriefing',
   Publishing: 'Publication',
   'select productor': 'Choisir un producteur',
@@ -218,11 +218,8 @@ export default{
   'Open studio': 'Studio ouvert',
   'Episode record in live': 'Réalisé en live',
   'In a moment': 'Dans quelques instants',
-  'Live to be': 'À venir',
-  'Live terminated': 'Terminés',
   'Next live date': 'Le prochain live sera le {date}',
   'Not recording': 'Non enregistré',
-  'This live is not started yet': "Ce live n'a pas encore démarré",
   'A live can start any moment': 'Un live peut démarrer de manière imminente',
   'Recorded in live': 'Enregistré en live',
   'Podcast linked to waiting live': 'Épisode associé à un live en attente',
@@ -324,4 +321,12 @@ export default{
   "QR Code":"QR Code",
   "Rss feed": "Flux RSS",
   "Multiselect max options":"Maximum de {max} options simultanées. Veuillez dans un premier temps retirer une option pour pouvoir en sélectionner une nouvelle",
+  "Mix of episodes":"Mix d'épisodes",
+  "Radio & Live":"Radio & Live",
+  "Selection by status":"Sélection par status",
+  "All lives":"Tous les lives",
+  'In debriefing': 'En debriefing',
+  'In the process of being published': 'En cours de publication',
+  "Radio":"Radio",
+  "Currently":"Actuellement",
 };

package/src/locale/it.ts

@@ -214,11 +214,8 @@ export default{
     'Open studio': 'Open studio',
     'Episode record in live': 'Episodio registrato live',
     'In a moment': 'Tra poco',
-    'Live to be': 'Presto disponibile',
-    'Live terminated': 'Live terminato',
     'Next live date': 'Il prossimo live è previsto il {date}',
     'Not recording': 'Non registrato',
-    'This live is not started yet': "Questo live non è ancora iniziato",
     'A live can start any moment': 'Una sessione live può iniziare presto',
     'Recorded in live': 'Registrato live',
     'Podcast linked to waiting live': 'Podcast collegato a un live in attesa',
@@ -314,4 +311,12 @@ export default{
     "QR Code":"QR Code",
     "Rss feed": "RSS Feed",
     "Multiselect max options":"Massimo di {max} opzioni simultanee. Per prima cosa rimuovi un'opzione per poterne selezionare una nuova",
+    "Mix of episodes":"Mix di episodi",
+    "Radio & Live":"Radio & Diretta",
+    "Selection by status":"Selezione per stato",
+    "All lives":"Tutte los dirretos",
+    'In debriefing': 'In debriefing',
+    'In the process of being published': 'In corso di pubblicazione',
+    "Radio":"Radio",
+    "Currently":"Attualmente",
   };

package/src/locale/sl.ts

@@ -218,11 +218,8 @@ export default{
   'Open studio': 'Studio odprt',
   'Episode record in live': 'Posnetek prenosa v živo',
   'In a moment': 'Na voljo takoj',
-  'Live to be': 'Kmalu',
-  'Live terminated': 'Prenos v živo prekinjen',
   'Next live date': 'Naslednji prenos v živo bo {date}',
   'Not recording': 'Ni posneto',
-  'This live is not started yet': "Prenos v živo se še ni začel",
   'A live can start any moment': 'Prenos v živo se bo začel čez nekaj trenutkov',
   'Recorded in live': 'Posnetek prenosa v živo',
   'Podcast linked to waiting live': 'Podkast prihodnjega prenosa v živo',
@@ -317,4 +314,12 @@ export default{
   "QR Code":"koda QR",
   "Rss feed": "Rss vir",
   "Multiselect max options":"Največ {max} sočasnih možnosti. Najprej odstranite možnost, da boste lahko izbrali novo",
+  "Mix of episodes":"Mešanica epizod",
+  "Radio & Live":"Radio & v živo",
+  "Selection by status":"Izbira po statusu",
+  "All lives":"Vsa življenja",
+  'In debriefing': 'Pri poročanju',
+  'In the process of being published': 'V postopku objave',
+  "Radio":"Radio",
+  "Currently":"Trenutno",
 }

package/src/router/router.ts

@@ -19,6 +19,7 @@ const PlaylistPage = () => import('@/components/pages/Playlist.vue');
 const PlaylistsPage = () => import('@/components/pages/Playlists.vue');
 const error403Page = () => import('@/components/pages/Error403Page.vue');
 const PageNotFound = () => import('@/components/pages/PageNotFound.vue');
+const RadioPage = () => import('@/components/pages/Radio.vue');
 
 const routes: Array<RouteRecordRaw> = [
   /*--------------------------------------------------------------------------
@@ -142,6 +143,15 @@ const routes: Array<RouteRecordRaw> = [
         productor: route.params.productor,
       }),
     },
+    {
+      path: '/main/pub/radio/:canalId/:productor?',
+      name: 'radio',
+      component: RadioPage,
+      props: (route: RouteLocationNormalized) => ({
+        canalId: parseInt(route.params.canalId.toString(), 10),
+        productor: route.params.productor,
+      }),
+    },
     {
       path: '/main/pub/home',
       name: 'productor',

package/src/stores/ParamSdkStore.ts

@@ -6,17 +6,17 @@ const state:ParamStore = {
     organisationId:'ecbd98d9-79bd-4312-ad5e-fc7c1c4a191c',
     authenticated: true,
     isAdmin: true,
-    isRoleLive: false,
+    isRoleLive: true,
     isCommments: false,
     isOrganisation: false,
     isPlaylist: false,
     isProduction: false,
     isContribution: true,
-    ApiUri: 'https://api.staging.saooti.org/',
+    ApiUri: 'https://api.dev2.saooti.org/',
     podcastmaker: false,
     buttonPlus: true,
     allCategories: [],
-    isLiveTab: false,
+    isLiveTab: true,
     isCaptchaTest: true,
     podcastItem:16.5,
     isInlineAnimation:true,
@@ -26,8 +26,8 @@ const state:ParamStore = {
     SharePlayer: true,
     ShareButtons: true,
     ShareDistribution: true,
-    MiniplayerUri: 'https://playerbeta.staging.saooti.org/',
-    hlsUri: 'https://hls.staging.saooti.org/',
+    MiniplayerUri: 'https://playerbeta.dev2.saooti.org/',
+    hlsUri: 'https://hls.dev2.saooti.org/',
     mainRubrique: 0,
     resourceUrl: undefined,
     podcastItemShowEmission: false,
@@ -79,13 +79,13 @@ const state:ParamStore = {
     userName: '',
   },
   octopusApi: {
-    url: 'https://api.staging.saooti.org/',
-    commentsUrl: 'https://comments.staging.saooti.org/',
-    imageUrl:'https://imageproxy.staging.saooti.org/',
-    studioUrl: 'https://studio.staging.saooti.org/',
-    playerUrl: 'https://playerbeta.staging.saooti.org/',
-    speechToTextUrl:'https://speech2text.staging.saooti.org/',
-    recoUrl: 'https://reco.staging.saooti.org/',
+    url: 'https://api.dev2.saooti.org/',
+    commentsUrl: 'https://comments.dev2.saooti.org/',
+    imageUrl:'https://imageproxy.dev2.saooti.org/',
+    studioUrl: 'https://studio.dev2.saooti.org/',
+    playerUrl: 'https://playerbeta.dev2.saooti.org/',
+    speechToTextUrl:'https://speech2text.dev2.saooti.org/',
+    recoUrl: 'https://reco.dev2.saooti.org/',
     organisationId: undefined,
     rubriqueIdFilter: undefined,
   },

package/src/stores/PlayerStore.ts

@@ -62,6 +62,9 @@ export const usePlayerStore = defineStore('PlayerStore', {
 			return 'PAUSED' === this.playerStatus;
 		},
 		podcastImage(): string{
+			if(this.playerRadio){
+				return this.playerRadio.podcast?.imageUrl??"";
+			}
       return this.playerPodcast?.imageUrl ?? "";
 		},
 		emissionName(): string {
@@ -129,6 +132,11 @@ export const usePlayerStore = defineStore('PlayerStore', {
 			if(!this.playerRadio){return;}
 			this.playerRadio.metadata = metadata;
 		},
+		playerRadioPodcast(podcast: Podcast|undefined){
+			if(!this.playerRadio){return;}
+			this.playerRadio.podcast = podcast;
+		},
+
 
 		playerUpdateElapsed(elapsed: number, total:number){
 			this.playerElapsed = elapsed;

package/src/stores/class/general/player.ts

@@ -5,18 +5,20 @@ export interface Radio{
   canalId: number;
   url: string;
   metadata: MediaRadio;
-  isInit: boolean,
+  isInit: boolean;
+  podcast?: Podcast;
 }
 export interface MediaRadio{
   artist:string;
-  duration:number;
-  kind:string;
-  mediaId:number;
-  mediaType:string|null;
-  playlistId:number;
+  /* kind:string; */
+  mediaId?:number;
+  /* mediaType:string|null; */
+  podcastId:number;
   startDate:string;
   title:string;
-  uri:string;
+  /* uri:string; */
+  mediaDuration: number,
+  playDuration: number,
 }
 
 export interface MetadataRadio{

package/src/stores/class/general/playlist.ts

@@ -4,6 +4,7 @@ import { FetchParam } from './fetchParam';
 
 
 export interface Playlist {
+  ambiance?: string; //#11919 "NONE", "AMBIANCE", "PROGRAMMED"
   imageUrl?: string;
   description: string;
   organisation?: Organisation;
@@ -18,6 +19,7 @@ export interface Playlist {
 
 export function emptyPlaylistData(): Playlist{
   return {
+    ambiance:"NONE",
     description: '',
     playlistId: 0,
     podcasts: undefined,

package/src/stores/class/radio/canal.ts

@@ -0,0 +1,9 @@
+export interface Canal {
+  id: number;
+  organisationId: string;
+  name: string;
+  defaultPlaylist:string;
+  url:string;
+  imageUrl: string;
+  description:string;
+}

package/src/stores/class/radio/live.ts

@@ -0,0 +1,34 @@
+export interface CrudPlanningLive {
+  isLive: boolean;
+  dateValid: boolean;
+  canalId: number;
+  liveId: number;
+}
+
+export interface TimeRangeAvailable {
+  start: Date;
+  end: Date;
+}
+
+export interface PlanningLive {
+  canalId: number;
+  liveId: number;
+  startDate: Date;
+  endDate: Date;
+  podcastId: number;
+  podcastData : {
+    title: string;
+    artist: string;
+    duration: number;
+    conferenceId: number;
+  };
+}
+
+export function emptyCrudPlanningLive(): CrudPlanningLive {
+	return {
+		isLive: false,
+    dateValid: false,
+    canalId: 0,
+    liveId:0
+	};
+}

package/src/stores/class/radio/mix.ts

@@ -0,0 +1,23 @@
+export interface Mix {
+	mixId?: number;
+	color: string;
+	description: string;
+	name: string;
+	organisationId:string;
+	samplings: Array<MediaSampling>
+}
+
+export interface MediaSampling {
+	mediaSamplingId?: number;
+    number: number;
+	armb?:string;
+    playlistId?:number;
+	criterions: Array<Criterion>;
+}
+
+export interface Criterion {
+	criterionId?: number;
+	criterionValue?: string;
+	criterionType?:string;
+    mediaField?:string;
+}

package/src/stores/class/radio/playlistMedia.ts

@@ -0,0 +1,10 @@
+import { Media } from "../general/media";
+
+export interface PlaylistMedia {
+	playlistId: number;
+	color: string;
+	description: string;
+	name: string;
+	organisationId:string;
+	medias: Array<Media>
+}