@saooti/octopus-sdk 41.0.18 → 41.0.19

package/src/components/form/ClassicTagInput.vue

@@ -0,0 +1,155 @@
+<template>
+    <div
+        class="d-flex flex-wrap border align-items-center rounded px-2"
+    >
+        <div
+            v-for="(tag, index) in tags"
+            :key="tag"
+            class="vs__selected p-0 my-0 mx-1"
+            :class="getClass(tag)"
+        >
+            <!--<button
+                v-if="index !== tagToEdit"-->
+            <button
+                :id="'display-input-tag-' + index"
+                class="btn-transparent d-flex align-items"
+                @click="startEditTag(index, tag)"
+            >
+                <!--<img
+                    v-if="isOuestFranceTag(tag)"
+                    width="20"
+                    height="20"
+                    class="ouest-france-logo"
+                    title="Ouest France Logo"
+                    aria-hidden="true"
+                    alt=""
+                    src="/img/ouest_france_logo.svg"
+                >-->
+                <span>{{ tag }}</span>
+            </button>
+            <!--<input
+                v-else
+                :id="'form-input-tag-' + index"
+                v-model="tagToEditTempValue"
+                :title="$t('Edit')"
+                @blur="finishEditTag(index)"
+                @keydown.enter="finishEditTag(index)"
+            >-->
+
+            <button class="btn-transparent" @click="removeTag(index)">
+                <CloseIcon />
+            </button>
+        </div>
+        <input
+            v-if="editing"
+            :id="'form-input-tag'"
+            v-model="tagToEditTempValue"
+            :title="$t('Edit')"
+            @blur="finishEditTag"
+            @keydown.enter="finishEditTag"
+        >
+        <button
+            class="btn btn-add-tag m-1"
+            :title="$t('Add a tag')"
+            @click="createNewTag"
+        />
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+import CloseIcon from "vue-material-design-icons/Close.vue";
+
+const { tags, tagClass } = defineProps<{
+    /** Currently selected tags */
+    tags: string[];
+    /** The class to apply to the tags */
+    tagClass?: string|string[]|((tag: string) => string|string[]);
+}>();
+
+const emit = defineEmits<{
+    /** Update tags */
+    (e: 'update:tags', tags: string[]): void
+}>();
+
+//const tagToEdit: Ref<number | undefined> = ref(undefined);
+const editing = ref(false);
+const tagToEditTempValue = ref("");
+
+function getClass(tag: string): string|string[]|undefined {
+    if (typeof tagClass === 'function') {
+        return tagClass(tag);
+    } else {
+        return tagClass;
+    }
+}
+
+function removeTag(index: number): void {
+    const newTags = [...tags];
+    newTags.splice(index, 1);
+    console.log(index, newTags);
+    emit('update:tags', newTags);
+}
+
+function startEditTag(index: number, tag: string): void {
+    //tagToEditTempValue.value = tags[index];
+    //tagToEdit.value = index;
+    // editing.value = true;
+    /*nextTick(() => {
+        document.getElementById("form-input-tag-" + index)?.focus();
+    });*/
+}
+
+function finishEditTag(/*index: number*/): void {
+    /*if (index !== tagToEdit.value) {
+        return;
+    }
+    tagToEdit.value = undefined;
+
+    if (tagToEditTempValue.value.length) {
+        const newTags = [...tags];
+        newTags.splice(
+            index,
+            1,
+            ...tagToEditTempValue.value.split(","),
+        );
+        emit('update:tags', newTags);
+    } else {
+        const newTags = [...tags];
+        newTags.splice(index, 1);
+        emit('update:tags', newTags);
+    }*/
+
+    if (tagToEditTempValue.value === '') {
+        return;
+    }
+
+    const newTags = [...tags, tagToEditTempValue.value];
+    tagToEditTempValue.value = '';
+    editing.value = false;
+    emit('update:tags', newTags);
+}
+
+function createNewTag(): void {
+    /*const newTags = [...tags, ''];
+    emit('update:tags', newTags);
+    startEditTag(tags.length - 1, '');*/
+    editing.value = true;
+}
+
+</script>
+
+<style scoped lang="scss">
+.btn-add-tag {
+    padding: 4px;
+    line-height: 1;
+
+    &::after {
+        content: "+";
+        color: var(--octopus-primary);
+        font-size: 14px;
+        font-weight: bold;
+    }
+}
+</style>

package/src/components/pages/EmissionPage.vue

@@ -57,6 +57,15 @@
                 {{ t("Listen to the latest episode") }}
               </div>
             </div>
+
+            <!-- Tag list -->
+            <TagList
+              v-if="undefined !== emission.tags && 0 !== emission.tags.length"
+              :tag-list="emission.tags"
+              :orga-id="authOrgaId"
+              :emission-annotations="emission.annotations"
+            />
+
             <SubscribeButtons
               v-if="isPodcastmaker"
               class="mt-4"
@@ -160,6 +169,7 @@ const PodcastPlayButton = defineAsyncComponent(
 const PodcastmakerHeader = defineAsyncComponent(
   () => import("../display/podcastmaker/PodcastmakerHeader.vue"),
 );
+const TagList = defineAsyncComponent(() => import("../display/podcasts/TagList.vue"));
 
 
 //Props 
@@ -228,6 +238,11 @@ async function getEmissionDetails(): Promise<void> {
   loaded.value = false;
   error.value = false;
   try {
+    const reponse = await classicApi.fetchData<Emission>({
+      api: 0,
+      path: "emission/" + props.emissionId,
+    });
+    console.log(reponse);
     emission.value = await classicApi.fetchData<Emission>({
       api: 0,
       path: "emission/" + props.emissionId,

package/src/components/pages/EmissionsPage.vue

@@ -1,40 +1,42 @@
 <template>
-  <section v-if="isInit" class="page-box">
-    <slot name="new-emission" />
-    <ProductorSearch
-      v-model:organisation-id="organisationId"
-      v-model:search-pattern="searchPattern"
-      type="emission"
-    />
-    <AdvancedSearch
-      v-model:monetisable="monetisable"
-      v-model:iab-id="iabId"
-      v-model:sort="sort"
-      v-model:include-hidden="includeHidden"
-      v-model:from-date="fromDate"
-      v-model:to-date="toDate"
-      v-model:rubrique-filter="rubriqueFilter"
-      :search-pattern="searchPattern"
-      :is-emission="true"
-      :organisation-id="organisationId"
-    />
-    <EmissionList
-      :show-count="true"
-      :first="paginateFirst"
-      :size="ps"
-      :query="searchMinSize"
-      :organisation-id="organisationId"
-      :monetisable="monetisable"
-      :before="toDate"
-      :after="fromDate"
-      :sort="sort"
-      :include-hidden="includeHidden"
-      :iab-id="iabId"
-      :rubrique-id="rubriquesFilterArrayIds.rubriqueId"
-      :rubriquage-id="rubriquesFilterArrayIds.rubriquageId"
-      :no-rubriquage-id="rubriquesFilterArrayIds.noRubriquageId"
-    />
-  </section>
+    <section v-if="isInit" class="page-box">
+        <slot name="new-emission" />
+        <ProductorSearch
+            v-model:organisation-id="organisationId"
+            v-model:search-pattern="searchPattern"
+            type="emission"
+        />
+        <AdvancedSearch
+            v-model:monetisable="monetisable"
+            v-model:iab-id="iabId"
+            v-model:sort="sort"
+            v-model:include-hidden="includeHidden"
+            v-model:from-date="fromDate"
+            v-model:to-date="toDate"
+            v-model:rubrique-filter="rubriqueFilter"
+            v-model:beneficiaries="beneficiaries"
+            :search-pattern="searchPattern"
+            :is-emission="true"
+            :organisation-id="organisationId"
+        />
+        <EmissionList
+            :show-count="true"
+            :first="paginateFirst"
+            :size="ps"
+            :query="searchMinSize"
+            :organisation-id="organisationId"
+            :monetisable="monetisable"
+            :before="toDate"
+            :after="fromDate"
+            :sort="sort"
+            :include-hidden="includeHidden"
+            :iab-id="iabId"
+            :rubrique-id="rubriquesFilterArrayIds.rubriqueId"
+            :rubriquage-id="rubriquesFilterArrayIds.rubriquageId"
+            :no-rubriquage-id="rubriquesFilterArrayIds.noRubriquageId"
+            :beneficiaries="beneficiaries"
+        />
+    </section>
 </template>
 
 <script setup lang="ts">
@@ -43,38 +45,41 @@ import AdvancedSearch from "../display/filter/AdvancedSearch.vue";
 import {useAdvancedParamInit} from "../composable/route/useAdvancedParamInit";
 import { defineAsyncComponent } from "vue";
 const ProductorSearch = defineAsyncComponent(
-  () => import("../display/filter/ProductorSearch.vue"),
+    () => import("../display/filter/ProductorSearch.vue"),
 );
 
 //Props
 const props = defineProps({
-  pr: { default: 0, type: Number },
-  ps: { default: 30, type: Number },
-  routeQuery: { default: "", type: String },
-  routeMonetisable: { default: "UNDEFINED", type: String },
-  routeIab: { default: undefined, type: Number },
-  routeSort: { default: "LAST_PODCAST_DESC", type: String },
-  routeIncludeHidden: { default: "", type: String },
-  routeFrom: { default: undefined, type: String },
-  routeTo: { default: undefined, type: String },
-  routeOrga: { default: undefined, type: String },
-  routeRubriques: { default: "", type: String },
+    pr: { default: 0, type: Number },
+    ps: { default: 30, type: Number },
+    routeQuery: { default: "", type: String },
+    routeMonetisable: { default: "UNDEFINED", type: String },
+    routeIab: { default: undefined, type: Number },
+    routeSort: { default: "LAST_PODCAST_DESC", type: String },
+    routeIncludeHidden: { default: "", type: String },
+    routeFrom: { default: undefined, type: String },
+    routeTo: { default: undefined, type: String },
+    routeOrga: { default: undefined, type: String },
+    routeRubriques: { default: "", type: String },
+    /** The filter on beneficiaries defined on the route props */
+    routeBeneficiaries: { default: null, type: Array as () => Array<string> }
 });
 
 //Composables
 const {
-  organisationId,
-  searchPattern,
-  monetisable,
-  iabId,
-  sort,
-  includeHidden,
-  fromDate,
-  toDate,
-  rubriqueFilter,
-  searchMinSize,
-  paginateFirst,
-  rubriquesFilterArrayIds,
-  isInit
+    organisationId,
+    searchPattern,
+    monetisable,
+    iabId,
+    sort,
+    includeHidden,
+    fromDate,
+    toDate,
+    rubriqueFilter,
+    searchMinSize,
+    paginateFirst,
+    rubriquesFilterArrayIds,
+    isInit,
+    beneficiaries
 } = useAdvancedParamInit(props, true);
 </script>

package/src/components/pages/PodcastsPage.vue

@@ -1,42 +1,44 @@
 <template>
-  <section v-if="isInit" class="page-box">
-    <ProductorSearch
-      v-model:organisation-id="organisationId"
-      v-model:search-pattern="searchPattern"
-    />
-    <AdvancedSearch
-      v-model:only-video="onlyVideo"
-      v-model:monetisable="monetisable"
-      v-model:iab-id="iabId"
-      v-model:sort="sort"
-      v-model:include-hidden="includeHidden"
-      v-model:from-date="fromDate"
-      v-model:to-date="toDate"
-      v-model:validity="validity"
-      v-model:rubrique-filter="rubriqueFilter"
-      :search-pattern="searchPattern"
-      :is-emission="false"
-      :organisation-id="organisationId"
-    />
-    <PodcastList
-      :show-count="true"
-      :first="paginateFirst"
-      :size="ps"
-      :organisation-id="orgaArray"
-      :query="searchMinSize"
-      :monetisable="monetisable"
-      :before="toDate"
-      :after="fromDate"
-      :sort-criteria="sort"
-      :include-hidden="includeHidden"
-      :iab-id="iabId"
-      :rubrique-id="rubriquesFilterArrayIds.rubriqueId"
-      :rubriquage-id="rubriquesFilterArrayIds.rubriquageId"
-      :no-rubriquage-id="rubriquesFilterArrayIds.noRubriquageId"
-      :with-video="withVideo"
-      :validity="validity"
-    />
-  </section>
+    <section v-if="isInit" class="page-box">
+        <ProductorSearch
+            v-model:organisation-id="organisationId"
+            v-model:search-pattern="searchPattern"
+        />
+        <AdvancedSearch
+            v-model:only-video="onlyVideo"
+            v-model:monetisable="monetisable"
+            v-model:iab-id="iabId"
+            v-model:sort="sort"
+            v-model:include-hidden="includeHidden"
+            v-model:from-date="fromDate"
+            v-model:to-date="toDate"
+            v-model:validity="validity"
+            v-model:rubrique-filter="rubriqueFilter"
+            v-model:beneficiaries="beneficiaries"
+            :search-pattern="searchPattern"
+            :is-emission="false"
+            :organisation-id="organisationId"
+        />
+        <PodcastList
+            :show-count="true"
+            :first="paginateFirst"
+            :size="ps"
+            :organisation-id="orgaArray"
+            :query="searchMinSize"
+            :monetisable="monetisable"
+            :before="toDate"
+            :after="fromDate"
+            :sort-criteria="sort"
+            :include-hidden="includeHidden"
+            :iab-id="iabId"
+            :rubrique-id="rubriquesFilterArrayIds.rubriqueId"
+            :rubriquage-id="rubriquesFilterArrayIds.rubriquageId"
+            :no-rubriquage-id="rubriquesFilterArrayIds.noRubriquageId"
+            :beneficiaries="beneficiaries"
+            :with-video="withVideo"
+            :validity="validity"
+        />
+    </section>
 </template>
 
 <script setup lang="ts">
@@ -48,19 +50,21 @@ import { computed, ref, watch } from "vue";
 
 //Props 
 const props = defineProps({
-  pr: { default: 0, type: Number },
-  ps: { default: 30, type: Number },
-  routeQuery: { default: "", type: String },
-  routeMonetisable: { default: "UNDEFINED", type: String },
-  routeIab: { default: undefined, type: Number },
-  routeSort: { default: "DATE", type: String },
-  routeIncludeHidden: { default: "", type: String },
-  routeFrom: { default: undefined, type: String },
-  routeTo: { default: undefined, type: String },
-  routeValidity: { default: "", type: String },
-  routeOnlyVideo: { default: "", type: String },
-  routeOrga: { default: undefined, type: String },
-  routeRubriques: { default: "", type: String },
+    pr: { default: 0, type: Number },
+    ps: { default: 30, type: Number },
+    routeQuery: { default: "", type: String },
+    routeMonetisable: { default: "UNDEFINED", type: String },
+    routeIab: { default: undefined, type: Number },
+    routeSort: { default: "DATE", type: String },
+    routeIncludeHidden: { default: "", type: String },
+    routeFrom: { default: undefined, type: String },
+    routeTo: { default: undefined, type: String },
+    routeValidity: { default: "", type: String },
+    routeOnlyVideo: { default: "", type: String },
+    routeOrga: { default: undefined, type: String },
+    routeRubriques: { default: "", type: String },
+    /** The filter on beneficiaries defined on the route props */
+    routeBeneficiaries: { default: null, type: Array as () => Array<string> }
 });
 
 
@@ -70,20 +74,21 @@ const onlyVideo = ref(false);
 
 //Composables
 const {
-  organisationId,
-  searchPattern,
-  monetisable,
-  iabId,
-  sort,
-  includeHidden,
-  fromDate,
-  toDate,
-  rubriqueFilter,
-  searchMinSize,
-  paginateFirst,
-  validity,
-  rubriquesFilterArrayIds,
-  isInit
+    organisationId,
+    searchPattern,
+    monetisable,
+    iabId,
+    sort,
+    includeHidden,
+    fromDate,
+    toDate,
+    rubriqueFilter,
+    searchMinSize,
+    paginateFirst,
+    validity,
+    rubriquesFilterArrayIds,
+    isInit,
+    beneficiaries
 } = useAdvancedParamInit(props, false);
 
 //Computed
@@ -93,7 +98,7 @@ const withVideo = computed(() => false === onlyVideo.value ? undefined : true);
 
 //Watch
 watch(() => props.routeOnlyVideo, () =>{
-  onlyVideo.value = "true" === props.routeOnlyVideo;
+    onlyVideo.value = "true" === props.routeOnlyVideo;
 }, {immediate: true});
 
 </script>

package/src/locale/de.ts

@@ -417,4 +417,5 @@ export default {
   "Silent stream":"Stiller Fluss",
   "Emission - Not available for listeners": "Sendung für Hörer nicht sichtbar",
   "Emission - Not available explanation": "Diese Sendung ist für Hörer nicht sichtbar, da sie so konfiguriert wurde, dass ihre Episoden nicht veröffentlicht werden. Diese Konfiguration ist in den erweiterten Einstellungen der Show verfügbar.",
+  "Filters - Beneficiaries": "Nach Referenzen der Rechteinhaber",
 }

package/src/locale/en.ts

@@ -420,4 +420,5 @@ export default {
   "Silent stream":"Silent stream",
   "Emission - Not available for listeners": "Broadcast not visible to listeners",
   "Emission - Not available explanation": "This show is not visible to listeners because it has been configured so that its episodes are not published. This configuration is available in the advanced settings of the show.",
+  "Filters - Beneficiaries": "By rights holder references",
 };

package/src/locale/es.ts

@@ -418,4 +418,5 @@ export default {
   "Silent stream":"Flujo silencioso",
   "Emission - Not available for listeners": "Transmisión no visible para los oyentes",
   "Emission - Not available explanation": "Este programa no es visible para los oyentes porque ha sido configurado para que sus episodios no se publiquen. Esta configuración está disponible en la configuración avanzada del programa.",
+  "Filters - Beneficiaries": "Por referencias de titulares de derechos",
 }

package/src/locale/fr.ts

@@ -426,5 +426,6 @@ export default {
   "Color of the QR Code": "Couleur du Qr Code",
   "Silent stream":"Flux silencieux",
   "Emission - Not available for listeners": "Émission non visible pour les auditeurs",
-  "Emission - Not available explanation": "Cette émission n'est pas visible pour les auditeurs car elle a été configurée pour que ses épisodes ne soient pas publiés. Cette configuration est disponible dans les paramètres avancés de l'émission."
+  "Emission - Not available explanation": "Cette émission n'est pas visible pour les auditeurs car elle a été configurée pour que ses épisodes ne soient pas publiés. Cette configuration est disponible dans les paramètres avancés de l'émission.",
+  "Filters - Beneficiaries": "Par références ayants-droit"
 };

package/src/locale/it.ts

@@ -414,4 +414,5 @@ export default{
   "Silent stream":"Flusso silenzioso",
   "Emission - Not available for listeners": "Trasmissione non visibile agli ascoltatori",
   "Emission - Not available explanation": "Questo programma non è visibile agli ascoltatori perché è stato configurato in modo che i suoi episodi non vengano pubblicati. Questa configurazione è disponibile nelle impostazioni avanzate dello spettacolo.",
+  "Filters - Beneficiaries": "Per riferimenti del titolare dei diritti",
 };

package/src/locale/sl.ts

@@ -409,4 +409,5 @@ export default {
   "Silent stream":"Tihi tok",
   "Emission - Not available for listeners": "Oddaja ni vidna poslušalcem",
   "Emission - Not available explanation": "Ta oddaja ni vidna poslušalcem, ker je bila konfigurirana tako, da njene epizode niso objavljene. Ta konfiguracija je na voljo v naprednih nastavitvah oddaje.",
+  "Filters - Beneficiaries": "Po referencah imetnikov pravic",
 }

package/src/router/router.ts

@@ -9,6 +9,8 @@ import { AuthStore } from "../stores/AuthStore";
 import fetchHelper from "@/helper/fetchHelper";
 import { setupRouter } from "./utils";
 
+import { ROUTE_PARAMS } from "../components/composable/route/useRouteUpdateParams";
+
 /*--------------------------------------------------------------------------
 Composants publics
 --------------------------------------------------------------------------*/
@@ -96,6 +98,7 @@ const routes: Array<RouteRecordRaw> = [
       routeOnlyVideo:route.query.v ?? "",
       routeOrga:route.query.o,
       routeRubriques :route.query.r ?? route.query.rubriquesId,
+      routeBeneficiaries: route.query[ROUTE_PARAMS.Beneficiaries],
     }),
     meta:{
       title: "Podcasts",
@@ -117,6 +120,7 @@ const routes: Array<RouteRecordRaw> = [
       routeTo: route.query.to,
       routeOrga:route.query.o,
       routeRubriques :route.query.r ?? route.query.rubriquesId,
+      routeBeneficiaries: route.query[ROUTE_PARAMS.Beneficiaries],
     }),
     meta:{
       title: "Emissions",

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

@@ -32,6 +32,8 @@ export interface Emission {
    * *Default: true*
    */
   visible?: boolean;
+  /** An optional list of tags */
+  tags?: string[];
 }
 
 export function emptyEmissionData(): Emission {

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

@@ -37,7 +37,9 @@ export interface Podcast {
   rssEpisode?:string;
   score?: number;
   size?: number;
+  /** An optional list of tags */
   tags?: Array<string>;
+  /** An optional list of tags for OuestFrance */
   ofTags?: Array<string>;
   title: string;
   weekDownloadCount?: number;