@saooti/octopus-sdk 41.10.9 → 41.11.0-beta2

package/src/components/display/RightsIndicator.vue

@@ -0,0 +1,215 @@
+<template>
+    <div v-if="displayIndicator">
+        <div v-if="!text">
+            <LockIcon
+                :id="iconId"
+                :class="{ invisible: hasAccess }"
+                aria-hidden="true"
+                fill-color="var(--octopus-primary)"
+            />
+            <ClassicPopover
+                v-if="!hasAccess"
+                :target="iconId"
+                only-mouse
+            >
+                {{ message }}
+            </ClassicPopover>
+        </div>
+        <ClassicAlert
+            v-else-if="!hasAccess"
+            type="info"
+        >
+            <template #icon>
+                <LockIcon
+                    aria-hidden="true"
+                    fill-color="var(--octopus-primary)"
+                />
+            </template>
+            {{ message }}
+        </ClassicAlert>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { Mix } from '../../stores/class/radio/mix';
+import { PlaylistMedia } from '../../stores/class/radio/playlistMedia';
+import { Podcast } from '../../stores/class/general/podcast';
+import { Cartouchier } from '../../stores/class/cartouchier/cartouchier';
+import { Media } from "../../stores/class/general/media";
+import { computed, getCurrentInstance } from 'vue';
+import { useI18n } from 'vue-i18n';
+import LockIcon from 'vue-material-design-icons/Lock.vue';
+import { ActionRight, useRights } from '../composable/useRights';
+import ClassicAlert from '../misc/ClassicAlert.vue';
+import ClassicPopover from '../misc/ClassicPopover.vue';
+import { state } from '../../stores/ParamSdkStore';
+import { useAuthStore } from '../../stores/AuthStore';
+import { storeToRefs } from 'pinia';
+
+const rights = useRights();
+const { t, te } = useI18n();
+const { isAuthenticated } = storeToRefs(useAuthStore());
+
+type Action = 'create'|'edit'|'delete'|'any';
+
+interface PropsBase {
+    /** Type of action to check */
+    action: Action;
+    /** Display reason as text instead of only tooltip */
+    text?: boolean;
+}
+
+type NeverEntities = {
+    podcast?: never;
+    cartouchier?: never;
+    mix?: never;
+    playlistMedia?: never;
+    media?: never;
+};
+
+interface PropsPodcast extends PropsBase, Omit<NeverEntities, 'podcast'> {
+    podcast: Podcast|boolean;
+}
+interface PropsCartouchier extends PropsBase, Omit<NeverEntities, 'cartouchier'> {
+    cartouchier: Cartouchier|boolean;
+}
+interface PropsMix extends PropsBase, Omit<NeverEntities, 'mix'> {
+    mix: Mix|boolean;
+}
+interface PropsPlaylistMedia extends PropsBase, Omit<NeverEntities, 'playlistMedia'> {
+    playlistMedia: PlaylistMedia|boolean;
+}
+interface PropsMedia extends PropsBase, Omit<NeverEntities, 'media'> {
+    media: Media|boolean;
+}
+
+const props = defineProps<PropsPodcast|PropsCartouchier|PropsMix|PropsPlaylistMedia|PropsMedia>();
+
+type Rights = ReturnType<typeof useRights>;
+type ActionSegment = 'Create'|'Edit'|'Delete';
+type EntitySegment = 'Podcast'|'Cartouchier'|'Mix'|'PlaylistMedia'|'Media';
+type RightMethodKey = `get${ActionSegment}${EntitySegment}Right` & keyof Rights;
+type RightEntity = Podcast|Cartouchier|Mix|PlaylistMedia|Media|boolean|undefined;
+
+const actionSegmentMap: Record<Exclude<Action, 'any'>, ActionSegment> = {
+    create: 'Create',
+    edit: 'Edit',
+    delete: 'Delete',
+};
+
+/**
+ * Whether to display the indicator
+ * It is not shown on podcastmaker, or for unidentified users
+ */
+const displayIndicator = computed((): boolean => {
+    return !state.generalParameters.podcastmaker && isAuthenticated.value;
+});
+
+/**
+ * The entity on which rights are checked
+ */
+const entity = computed((): [EntitySegment, RightEntity]|null => {
+    let arg: RightEntity;
+    let entitySegment: EntitySegment|undefined;
+
+    if ('podcast' in props && props.podcast) {
+        entitySegment = 'Podcast';
+        arg = props.podcast;
+    } else if ('cartouchier' in props && props.cartouchier) {
+        entitySegment = 'Cartouchier';
+        arg = props.cartouchier;
+    } else if ('mix' in props && props.mix) {
+        entitySegment = 'Mix';
+        arg = props.mix;
+    } else if ('playlistMedia' in props && props.playlistMedia) {
+        entitySegment = 'PlaylistMedia';
+        arg = props.playlistMedia;
+    } else if ('media' in props && props.media) {
+        entitySegment = 'Media';
+        arg = props.media;
+    } else {
+        return null;
+    }
+
+    return [entitySegment, arg];
+});
+
+/**
+ * The current rights for the given entity
+ */
+const actionRight = computed((): ActionRight => {
+    const data = entity.value;
+    if (!data) {
+        return ActionRight.DeniedNoRight;
+    }
+
+    const [entitySegment, arg] = data;
+
+    if (props.action === 'any') {
+        const checks: ActionSegment[] = typeof arg === 'object' && arg !== null
+            ? ['Create', 'Edit', 'Delete']
+            : ['Create'];
+
+        let best = ActionRight.DeniedNoRight;
+        for (const a of checks) {
+            const key = `get${a}${entitySegment}Right` as RightMethodKey;
+            const r = callRightMethod(key, arg);
+            if (r === ActionRight.Allowed) {
+                return ActionRight.Allowed;
+            }
+            if (r === ActionRight.DeniedNotOwner) {
+                best = ActionRight.DeniedNotOwner;
+            }
+        }
+        return best;
+    }
+
+    if ((props.action === 'edit' || props.action === 'delete') && typeof arg !== 'object') {
+        return ActionRight.DeniedNoRight;
+    }
+
+    const methodName = `get${actionSegmentMap[props.action]}${entitySegment}Right` as RightMethodKey;
+    return callRightMethod(methodName, arg);
+});
+
+/** Helper for calling the method on useRights */
+function callRightMethod(key: RightMethodKey, arg: unknown): ActionRight {
+    return (rights[key] as (arg?: unknown) => ActionRight)(arg);
+}
+
+const hasAccess = computed((): boolean => {
+    return actionRight.value === ActionRight.Allowed;
+});
+
+const message = computed((): string => {
+    const entitySegment = entity.value?.[0];
+    let key: string;
+    let genericKey: string;
+    
+    switch (actionRight.value) {
+    case ActionRight.Allowed:
+        return '';
+
+    case ActionRight.DeniedNotOwner:
+        key = `RightsIndicator - ${entitySegment} - Not owner`;
+        genericKey = 'Generic - Action disabled - Not owner';
+        break;
+
+    case ActionRight.DeniedNoRight:
+        return 'insufficient rights';
+
+    default:
+        return 'Cannot process rights';
+    }
+
+    if (te(key)) {
+        return t(key);
+    } else {
+        return t(genericKey);
+    }
+});
+
+const uid = getCurrentInstance()?.uid;
+/** ID of the icon for reference by the popover */
+const iconId = computed((): string => 'rights-indicator-' + uid);
+</script>

package/src/components/misc/ClassicAlert.vue

@@ -10,16 +10,21 @@
     <div
         class="p-2 pe-4 rounded d-flex alert"
         :class="cardClass"
+        :role="type === 'error' || type === 'warning' ? 'alert' : 'status'"
+        :aria-live="type === 'error' || type === 'warning' ? 'assertive' : 'polite'"
+        aria-atomic="true"
     >
-        <!-- The icon -->
-        <component
-            :is="iconComponent"
-            v-if="!noIcon"
-            aria-hidden="true"
-            focusable="false"
-            class="icon"
-            :size="text ? 22 : 30"
-        />
+        <span aria-hidden="true">
+            <slot name="icon">
+                <!-- The icon -->
+                <component
+                    :is="iconComponent"
+                    v-if="!noIcon"
+                    class="icon"
+                    :size="text ? 22 : 30"
+                />
+            </slot>
+        </span>
 
         <!-- Main content -->
         <span class="ms-2 content">
@@ -41,7 +46,7 @@ import CheckCircle from 'vue-material-design-icons/CheckCircle.vue';
 import CloseCircle from 'vue-material-design-icons/CloseCircle.vue';
 import Information from 'vue-material-design-icons/Information.vue';
 
-const { type, text } = defineProps<{
+const { type, title = undefined, text } = defineProps<{
     /** Disables the icon when true */
     noIcon?: boolean;
     /** An optional title for the alert */

package/src/components/misc/ClassicNav.vue

@@ -1,5 +1,6 @@
 <!--
   Component to make a tab-based navigation
+  @deprecated Use ClassicTabs instead
 -->
 <template>
   <ul class="octopus-nav" :class="light ? 'light' : ''">
@@ -41,9 +42,13 @@
 
 //Props 
 defineProps({
+  /** Number of tabs to display */
   tabNumber: { default: 0, type: Number },
+  /** Currently active tab */
   activeTab: { default: 0, type: Number },
+  /** Alternative css */
   transparent: { default: false, type: Boolean },
+  /** Alternative css */
   light: { default: false, type: Boolean },
 })
 

package/src/components/misc/ClassicPopover.vue

@@ -1,30 +1,31 @@
 <template>
-  <div
-    v-show="displayPopover"
-    :id="'popover' + target"
-    ref="popover"
-    popover
-    tabindex="0"
-    class="octopus-popover border"
-    :class="[
-      displayPopover ? 'd-block': '',
-      onlyClick ? 'octopus-dropdown' : '',
-      isFixed && isTopLayerPopover ? 'position-fixed':'position-absolute',
-      popoverClass]"
-    :style="positionInlineStyle"
-    @mouseenter="overPopover = true"
-    @mouseleave="
-      overPopover = false;
-      clearData();
-    "
-  >
-    <div v-if="title" class="bg-secondary-light p-2">
-      {{ title }}
-    </div>
-    <div class="p-2">
-      <slot>{{ content }}</slot>
+  <Teleport to="#app">
+    <div
+      v-show="displayPopover"
+      :id="'popover' + target"
+      ref="popover"
+      popover
+      tabindex="0"
+      class="octopus-popover border position-fixed"
+      :class="[
+        displayPopover ? 'd-block': '',
+        onlyClick ? 'octopus-dropdown' : '',
+        popoverClass]"
+      :style="positionInlineStyle"
+      @mouseenter="overPopover = true"
+      @mouseleave="
+        overPopover = false;
+        clearData();
+      "
+    >
+      <div v-if="title" class="bg-secondary-light p-2">
+        {{ title }}
+      </div>
+      <div class="p-2">
+        <slot>{{ content }}</slot>
+      </div>
     </div>
-  </div>
+  </Teleport>
 </template>
 
 <script setup lang="ts">
@@ -40,13 +41,13 @@ const props = defineProps({
   onlyClick: { type: Boolean, default: false },
   onlyMouse: { type: Boolean, default: false },
   isFixed: { type: Boolean, default: false },
-  /** Class(????) of the parent with relative positionning, must be set for proper positionning */
+  /** @deprecated No longer needed. The popover is teleported to body and always uses position:fixed. */
   relativeClass: { type: String, default: undefined },
   leftPos: { type: Boolean, default: false },
   topPos: { type: Boolean, default: false },
   popoverClass: { type: String, default: undefined },
   isTopLayer: { type: Boolean, default: false },
-  /** If set to true, max height of popover will not overflow from parent */
+  /** @deprecated No longer needed. If set to true, max height of popover will not overflow from parent */
   constrainHeight: { type: Boolean, default: true }
 })
 
@@ -214,56 +215,24 @@ function setPopoverData(e: MouseEvent | PointerEvent) {
     openedByHover.value = true;
   }
   show.value = true;
-  let parentLeft = 0;
-  let parentTop = 0;
-  let parentScrollTop = 0;
-  let parentBottom = 0;
-  let parentWidth=0;
   const popover = popoverRef?.value as HTMLElement;
-  if (!isTopLayerPopover.value && props.relativeClass) {
-    const modalBody = document.getElementsByClassName(props.relativeClass,)[0];
-    if (undefined === modalBody) {
-      popover.style.display = "block";
-      posX.value = 0;
-      posY.value = 0;
-      return;
-    }
-    const modalBodyRect = modalBody.getBoundingClientRect();
-    parentLeft = modalBodyRect.left;
-    parentTop = modalBodyRect.top;
-    parentScrollTop = modalBody.scrollTop;
-    parentBottom=modalBodyRect.bottom;
-    parentWidth = modalBodyRect.width;
-  }
+  // The popover is teleported to <body> and uses position:fixed, so
+  // getBoundingClientRect() coordinates map directly to viewport coordinates.
   const rectElement = (e.target as HTMLElement).getBoundingClientRect();
   popover.style.display = "block";
   const sizePopover = popover.clientWidth;
-  const sizeAvailable = parentWidth || window.innerWidth;
   if (props.leftPos) {
-    handleLeftPos(rectElement, parentLeft, sizeAvailable, sizePopover);
+    handleLeftPos(rectElement, 0, window.innerWidth, sizePopover);
   } else {
-    handleRightPos(rectElement, parentLeft, sizeAvailable, sizePopover);
+    handleRightPos(rectElement, 0, window.innerWidth, sizePopover);
   }
   posX.value = Math.max(0, posX.value);
   const yPosParent = props.topPos ? rectElement.top : rectElement.bottom;
   const yGap = props.topPos
     ? -5 - popover.clientHeight
     : 5;
-  
-  posY.value =
-    yPosParent +
-    parentScrollTop -
-    parentTop +
-    (props.isFixed ? 0 : window.scrollY) +
-    yGap;
-  if(isTopLayerPopover.value){
-    posY.value = Math.max(0, posY.value);
-    maxHeight.value = (window.innerHeight - posY.value) + "px";
-  }else if(props.relativeClass && props.constrainHeight !== false) {
-    maxHeight.value = (parentBottom- posY.value -parentTop) + "px";
-  }else{
-    maxHeight.value = '80dvh';
-  }
+  posY.value = Math.max(0, yPosParent + yGap);
+  maxHeight.value = (window.innerHeight - posY.value) + "px";
 }
 
 function clearDataBlur(e: FocusEvent) {

package/src/components/misc/ClassicTabs.vue

@@ -0,0 +1,57 @@
+<!--
+    Replacement component for ClassicNav
+    It is easier to use, and rely on user-defined ids to identify the slots,
+    instead of indices.
+-->
+<template>
+    <ClassicNav
+        v-model:active-tab="activeTab"
+        :tab-number="tabs.length"
+    >
+        <template v-for="(tab, index) in tabs" #[index]>
+            {{ tab.label }}
+        </template>
+
+        <template v-for="(tab, index) in tabs" #[tabSlotName(index)]>
+            <slot :name="'tab-' + tab.id" />
+        </template>
+    </ClassicNav>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import ClassicNav from './ClassicNav.vue';
+
+/** Type for the ID of tabs */
+type TabId = string|number;
+
+export interface Tab {
+    /** ID of the tab, used for slots */
+    id: TabId;
+    /** Label displayed for the tab */
+    label: string;
+};
+
+const props = defineProps<{
+    /** Tabs definition */
+    tabs: Array<Tab>;
+    /** Currently active tab */
+    activeTab: TabId;
+}>();
+
+const emit = defineEmits<{
+    /** Emitted when the tab changes */
+    (e: 'update:active-tab', tab: string|number): void;
+}>();
+
+/** Currently active tab, just a proxy */
+const activeTab = computed({
+    get: () => props.tabs.findIndex(t => t.id === props.activeTab),
+    set: (index: number) => emit('update:active-tab', props.tabs[index].id)
+});
+
+/** Get the tab content slot name */
+function tabSlotName(index: number): string {
+    return 'tab' + index;
+}
+</script>

package/src/locale/de.json

@@ -425,5 +425,10 @@
   "Podcast - Season": "Jahreszeit",
   "Podcast - Episode number": "Episodennummer",
   "Player - Generating subtitles": "Generierung von Untertiteln in {language}…",
-  "Transcript - Available languages": "Verfügbare Sprachen"
+  "Transcript - Available languages": "Verfügbare Sprachen",
+  "Generic - Action disabled - Not owner": "Diese Aktion ist nicht verfügbar, da Ihre Rechte es Ihnen nicht erlauben, Elemente zu ändern oder zu löschen, deren Eigentümer Sie nicht sind",
+  "RightsIndicator -  Podcast - Not owner": "Dieser Podcast wurde von einem anderen Benutzer erstellt. Sie können ihn ansehen, aber nicht bearbeiten.",
+  "RightsIndicator - Cartouchier - Not owner": "Diese Patronenhülse wurde von einem anderen Benutzer erstellt. Sie können sie anzeigen, aber nicht ändern.",
+  "RightsIndicator - PlaylistMedia - Not owner": "Dieser Behälter wurde von einem anderen Benutzer erstellt. Sie können ihn anzeigen, aber nicht ändern.",
+  "RightsIndicator - Mix - Not owner": "Dieser Mix wurde von einem anderen Benutzer erstellt. Sie können ihn anzeigen, aber nicht bearbeiten."
 }

package/src/locale/en.json

@@ -425,5 +425,10 @@
   "Podcast - Season": "Season",
   "Podcast - Episode number": "Episode number",
   "Player - Generating subtitles": "Generation of subtitles in {language}…",
-  "Transcript - Available languages": "Languages ​​available"
+  "Transcript - Available languages": "Languages ​​available",
+  "Generic - Action disabled - Not owner": "This action is not available because your rights do not allow you to modify or delete elements of which you are not the owner",
+  "RightsIndicator -  Podcast - Not owner": "This podcast was created by another user, you can view it, but you cannot edit it.",
+  "RightsIndicator - Cartouchier - Not owner": "This cartridge case was created by another user, you can view it, but you cannot modify it.",
+  "RightsIndicator - PlaylistMedia - Not owner": "This bin was created by another user, you can view it, but you cannot modify it.",
+  "RightsIndicator - Mix - Not owner": "This mix was created by another user, you can view it, but you cannot edit it."
 }

package/src/locale/es.json

@@ -425,5 +425,10 @@
   "Podcast - Season": "Estación",
   "Podcast - Episode number": "Número de episodio",
   "Player - Generating subtitles": "Generación de subtítulos en {language}…",
-  "Transcript - Available languages": "Idiomas disponibles"
+  "Transcript - Available languages": "Idiomas disponibles",
+  "Generic - Action disabled - Not owner": "Esta acción no está disponible porque tus derechos no te permiten modificar o eliminar elementos de los que no eres propietario",
+  "RightsIndicator -  Podcast - Not owner": "Este podcast fue creado por otro usuario, puedes verlo, pero no puedes editarlo.",
+  "RightsIndicator - Cartouchier - Not owner": "Esta cartuchera fue creada por otro usuario, puedes verla, pero no puedes modificarla.",
+  "RightsIndicator - PlaylistMedia - Not owner": "Este contenedor fue creado por otro usuario, puedes verlo, pero no puedes modificarlo.",
+  "RightsIndicator - Mix - Not owner": "Esta mezcla fue creada por otro usuario, puedes verla, pero no puedes editarla."
 }

package/src/locale/fr.json

@@ -449,5 +449,11 @@
   "Podcast - Episode number": "Numéro d'épisode",
   "Player - Generating subtitles": "Génération des sous-titres en {language}…",
 
-  "Transcript - Available languages": "Langues disponibles"
+  "Transcript - Available languages": "Langues disponibles",
+  
+  "Generic - Action disabled - Not owner": "Cette action n'est pas disponible car vos droits ne vous permettent pas de modifier ou supprimer des éléments dont vous n'êtes pas propriétaire",
+  "RightsIndicator -  Podcast - Not owner": "Ce podcast a été créé par un autre utilisateur, vous pouvez le consulter, mais vous ne pouvez pas le modifier.",
+  "RightsIndicator - Cartouchier - Not owner": "Ce cartouchier a été créé par un autre utilisateur, vous pouvez le consulter, mais vous ne pouvez pas le modifier.",
+  "RightsIndicator - PlaylistMedia - Not owner": "Ce bac a été créé par un autre utilisateur, vous pouvez le consulter, mais vous ne pouvez pas le modifier.",
+  "RightsIndicator - Mix - Not owner": "Ce mix a été créé par un autre utilisateur, vous pouvez le consulter, mais vous ne pouvez pas le modifier."
 }

package/src/locale/it.json

@@ -426,5 +426,10 @@
     "Podcast - Season": "Stagione",
     "Podcast - Episode number": "Numero dell'episodio",
     "Player - Generating subtitles": "Generazione di sottotitoli in {language}…",
-    "Transcript - Available languages": "Lingue disponibili"
+    "Transcript - Available languages": "Lingue disponibili",
+    "Generic - Action disabled - Not owner": "Questa azione non è disponibile perché i tuoi diritti non ti consentono di modificare o eliminare elementi di cui non sei proprietario",
+    "RightsIndicator -  Podcast - Not owner": "Questo podcast è stato creato da un altro utente, puoi visualizzarlo, ma non puoi modificarlo.",
+    "RightsIndicator - Cartouchier - Not owner": "Questo bossolo è stato creato da un altro utente, puoi visualizzarlo, ma non puoi modificarlo.",
+    "RightsIndicator - PlaylistMedia - Not owner": "Questo contenitore è stato creato da un altro utente, puoi visualizzarlo, ma non puoi modificarlo.",
+    "RightsIndicator - Mix - Not owner": "Questo mix è stato creato da un altro utente, puoi visualizzarlo, ma non puoi modificarlo."
 }

package/src/locale/sl.json

@@ -424,5 +424,10 @@
   "Podcast - Season": "Sezona",
   "Podcast - Episode number": "Številka epizode",
   "Player - Generating subtitles": "Generiranje podnapisov v {language}…",
-  "Transcript - Available languages": "Razpoložljivi jeziki"
+  "Transcript - Available languages": "Razpoložljivi jeziki",
+  "Generic - Action disabled - Not owner": "To dejanje ni na voljo, ker vam vaše pravice ne dovoljujejo spreminjanja ali brisanja elementov, katerih lastnik niste",
+  "RightsIndicator -  Podcast - Not owner": "Ta podcast je ustvaril drug uporabnik, lahko si ga ogledate, ne morete pa ga urejati.",
+  "RightsIndicator - Cartouchier - Not owner": "Ta tulec je ustvaril drug uporabnik, lahko si ga ogledate, ne morete pa ga spreminjati.",
+  "RightsIndicator - PlaylistMedia - Not owner": "Ta koš je ustvaril drug uporabnik, lahko si ga ogledate, ne morete pa ga spreminjati.",
+  "RightsIndicator - Mix - Not owner": "Ta miks je ustvaril drug uporabnik, lahko si ga ogledate, ne morete pa ga urejati."
 }

package/src/stores/FilterStore.ts

@@ -21,9 +21,6 @@ export const useFilterStore = defineStore("FilterStore", () => {
   const filterRubriquage = ref<Array<Rubriquage>>([]);
   const filterRubrique = ref<Array<RubriquageFilter>>([]);
   const filterRubriqueDisplay = ref<Array<Rubrique>>([]);
-  const filterTypeMedia = ref<string>();
-  const filterSortOrder = ref<string>();
-  const filterSortField = ref<string>();
   const filterLive = ref<boolean>(false);
   const filterIab = ref<Category>();
 
@@ -101,22 +98,6 @@ export const useFilterStore = defineStore("FilterStore", () => {
     filterRubriqueDisplay.value = rubriques.filter(rubrique=> rubrique);
   }
 
-  function filterUpdateMedia(filter: {
-    type?: string;
-    order?: string;
-    field?: string;
-  }) {
-    if (filter.type) {
-      filterTypeMedia.value = filter.type;
-    }
-    if (filter.order) {
-      filterSortOrder.value = filter.order;
-    }
-    if (filter.field) {
-      filterSortField.value = filter.field;
-    }
-  }
-
   return {
     filterOrgaId,
     realOrgaId,
@@ -127,16 +108,12 @@ export const useFilterStore = defineStore("FilterStore", () => {
     filterUpdateIab,
     filterUpdateRubrique,
     filterUpdateRubriqueDisplay,
-    filterUpdateMedia,
 
     filterImgUrl,
     filterName,
     filterRubriquage,
     filterRubrique,
     filterRubriqueDisplay,
-    filterTypeMedia,
-    filterSortOrder,
-    filterSortField,
     filterLive,
     filterIab
   };

package/src/stores/class/cartouchier/cartouchier.ts

@@ -5,4 +5,6 @@ export interface Cartouchier {
   title: string;
   organisationId: string;
   cartouches: { [key: string]: Cartouche };
+  /** ID of the user that created this cartouchier */
+  ownerId?: string;
 }

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

@@ -14,6 +14,8 @@ export interface Media {
   cueIn?: number;
   cueOut?: number;
   bpm?: number;
+  /** ID of the user that created this cartouchier */
+  ownerId?: string;
 }
 
 export function emptyMediaData(): Media {

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

@@ -5,6 +5,8 @@ export interface Mix {
   name: string;
   organisationId: string;
   samplings: Array<MediaSampling>;
+  /** ID of the user that created this mix */
+  ownerId?: string;
 }
 
 export interface MediaSampling {

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

@@ -7,4 +7,6 @@ export interface PlaylistMedia {
   name: string;
   organisationId: string;
   medias: Array<Media>;
+  /** ID of the user that created this playlist media */
+  ownerId?: string;
 }