@saooti/octopus-sdk 30.0.64 → 31.0.2

package/README.md

@@ -560,4 +560,8 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.61 Page podcast -> init recherche
  * 30.0.62 Italian translation
  * 30.0.63 Italian translation
- * 30.0.64 Modif Le soir
+ * 30.0.64 Modif Le soir
+
+ * 31.0.0 Passage en 31
+ * 31.0.1 Ajout pocket casts
+ * 31.0.2 Gestion des 403

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "30.0.64",
+  "version": "31.0.2",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -15,7 +15,7 @@
   "main": "./dist/octopus.common.js",
   "dependencies": {
     "@popperjs/core": "^2.11.0",
-    "@saooti/octopus-api": "^0.30.4",
+    "@saooti/octopus-api": "^0.31.0",
     "@vue/cli": "^5.0.0-rc.1",
     "@vue/compat": "^3.2.26",
     "axios": "^0.24.0",

package/src/assets/share.scss

@@ -1,5 +1,19 @@
 @import '../sass/_variables.scss';
 .octopus-app{
+  .page-box-absolute{
+		position: absolute;
+		top: 0;
+		right: 0;
+		left: 0;
+		height: max-content;
+		min-height: 100%;
+		z-index: 11;
+		display: flex;
+		flex-direction: column;
+		&.page-box-player{
+			padding-bottom: 120px;
+		}
+	}
   .saooti-help {
 		font-size: 1.5rem;
 		border-radius: 50%;
@@ -208,5 +222,16 @@
         top: -0.5rem;
         left: 0.8rem;
     }
+    .saooti-google-podcasts{
+      top: -0.6rem;
+      left: 0.7rem;
+    }
+  }
+
+  .logo-octopus{
+    width: 350px;
+    @media (max-width: 960px) {
+      width: 200px;
+    }
   }
 }

package/src/components/display/emission/EmissionInlineList.vue

@@ -71,18 +71,22 @@ import octopusApi from '@saooti/octopus-api';
 import domHelper from '../../../helper/dom';
 import EmissionPlayerItem from './EmissionPlayerItem.vue';
 import { state } from '../../../store/paramStore';
-
+import { handle403 } from '../../mixins/handle403';
 const PHONE_WIDTH = 960;
 
 import { Emission } from '@/store/class/general/emission';
 import { Rubrique } from '@/store/class/rubrique/rubrique';
 import { defineComponent } from 'vue'
+import { AxiosError } from 'axios';
 export default defineComponent({
   name: 'EmissionInlineList',
 
   components: {
     EmissionPlayerItem,
   },
+
+  mixins: [handle403],
+
   props: {
     organisationId: { default: undefined, type: String},
     href: { default: undefined, type: String},
@@ -157,35 +161,30 @@ export default defineComponent({
   },
   methods: {
     async fetchNext(): Promise<void> {
-      const data = await octopusApi.fetchEmissions({
-        first: this.first,
-        size: this.size + 1,
-        organisationId: this.organisationId,
-        rubriqueId: this.rubriqueId ?  [this.rubriqueId] : [],
-        rubriquageId: this.rubriquageId ? [this.rubriquageId] : [],
-        sort: 'LAST_PODCAST_DESC',
-      });
-      this.loading = false;
-      this.loaded = true;
-      this.totalCount = data.count;
-      /* if(this.first === 0 && this.displayRubriquage && state.emissionsPage.mainRubrique){
-        data.result.sort((a, b)=>{
-          if (a.rubriqueIds[0] === state.emissionsPage.mainRubrique)
-            return 1;
-          if (b.rubriqueIds[0] === state.emissionsPage.mainRubrique)
-            return -1;
-          return 0;
+      try {
+        const data = await octopusApi.fetchEmissions({
+          first: this.first,
+          size: this.size + 1,
+          organisationId: this.organisationId,
+          rubriqueId: this.rubriqueId ?  [this.rubriqueId] : [],
+          rubriquageId: this.rubriquageId ? [this.rubriquageId] : [],
+          sort: 'LAST_PODCAST_DESC',
         });
-      } */
-      if (this.allEmissions.length + data.result.length < this.totalCount) {
-        const nexEl = data.result.pop() as Emission;
-        this.preloadImage(nexEl.imageUrl ? nexEl.imageUrl : "");
-      }
-      this.allEmissions = this.allEmissions.concat(data.result);
-      if (this.allEmissions.length <= 3) {
-        this.alignLeft = true;
+        this.loading = false;
+        this.loaded = true;
+        this.totalCount = data.count;
+        if (this.allEmissions.length + data.result.length < this.totalCount) {
+          const nexEl = data.result.pop() as Emission;
+          this.preloadImage(nexEl.imageUrl ? nexEl.imageUrl : "");
+        }
+        this.allEmissions = this.allEmissions.concat(data.result);
+        if (this.allEmissions.length <= 3) {
+          this.alignLeft = true;
+        }
+        this.first += this.size;
+      } catch (error) {
+        this.handle403((error as AxiosError));
       }
-      this.first += this.size;
     },
     displayPrevious(): void {
       this.direction = -1;

package/src/components/display/emission/EmissionList.vue

@@ -60,12 +60,14 @@
 
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
+import { handle403 } from '../../mixins/handle403';
 import { state } from '../../../store/paramStore';
 import ClassicLoading from '../../form/ClassicLoading.vue';
 import { Emission } from '@/store/class/general/emission';
 import { Rubrique } from '@/store/class/rubrique/rubrique';
 import { defineComponent, defineAsyncComponent } from 'vue';
 import { FetchParam } from '@/store/class/general/fetchParam';
+import { AxiosError } from 'axios';
 const EmissionItem = defineAsyncComponent(() => import('./EmissionItem.vue'));
 const EmissionPlayerItem = defineAsyncComponent(() => import('./EmissionPlayerItem.vue'));
 export default defineComponent({
@@ -77,6 +79,8 @@ export default defineComponent({
     ClassicLoading
   },
 
+  mixins: [handle403],
+
   props: {
     first: { default: 0, type: Number },
     size: { default: 12, type: Number },
@@ -156,8 +160,6 @@ export default defineComponent({
     },
   },
 
-  
-
   mounted() {
     this.fetchContent(true);
     if (this.displayRubriquage) {
@@ -185,8 +187,12 @@ export default defineComponent({
         rubriquageId: this.rubriquageId.length ? this.rubriquageId : undefined,
         includeHidden:this.includeHidden,
       };
-      const data = await octopusApi.fetchEmissions(param);
-      this.afterFetching(reset, data);
+      try {
+        const data = await octopusApi.fetchEmissions(param);
+        this.afterFetching(reset, data);
+      } catch (error) {
+        this.handle403((error as AxiosError));
+      }
     },
     afterFetching(reset: boolean, data: {count: number, result: Array<Emission>, sort: string}): void {
       if (reset) {

package/src/components/display/live/LiveList.vue

@@ -37,11 +37,13 @@
 <script lang="ts">
 import ClassicLoading from '../../form/ClassicLoading.vue';
 import LiveItem from './LiveItem.vue';
+import { handle403 } from '../../mixins/handle403';
 import octopusApi from '@saooti/octopus-api';
 import moment from 'moment';
 import { state } from '../../../store/paramStore';
 import { Conference } from '@/store/class/conference/conference';
 import { defineComponent } from 'vue'
+import { AxiosError } from 'axios';
 export default defineComponent({
   name: 'LiveList',
   components: {
@@ -49,6 +51,8 @@ export default defineComponent({
     ClassicLoading
   },
 
+  mixins: [handle403],
+
   props: {
     conferenceWatched: { default: () => [], type: Array as ()=>Array<Conference>},
     organisationId: { default: undefined, type: String},
@@ -153,51 +157,55 @@ export default defineComponent({
       }
     },
     async fetchContent(): Promise<void> {
-      this.initArrays();
-      if (!this.filterOrgaUsed) {
-        this.loading = false;
-        this.loaded = true;
-        return;
-      }
-      this.loading = true;
-      this.loaded = false;
-      let indexPast = 0;
-      let dataLivesToBe: Array<Conference> = [];
-      for (let i = 0, len = this.livesArray.length; i < len; i++) {
-        if (!this.organisationRight && 
-        ("DEBRIEFING"===this.livesArray[i].status ||"ERROR"===this.livesArray[i].status ||"PUBLISHING"===this.livesArray[i].status)) {
-          continue;
+      try {
+        this.initArrays();
+        if (!this.filterOrgaUsed) {
+          this.loading = false;
+          this.loaded = true;
+          return;
         }
-        const dataLives = await octopusApi.listConferences(
-          this.filterOrgaUsed,
-          true,
-          this.livesArray[i].status
-        );
-        if("PLANNED"!==this.livesArray[i].status && "PENDING"!==this.livesArray[i].status){
-          this.livesArray[i].lives = dataLives.filter((p: Conference | null) => {
-            return null !== p;
-          });
-        }else if("PENDING"===this.livesArray[i].status){
-          dataLivesToBe = dataLives;
-          for (let index = 0, len = dataLives.length; index < len; index++) {
-            if (moment(dataLives[index].date).isBefore(moment())) {
-              this.livesArray[i].lives.push(dataLives[index]);
-              indexPast = index + 1;
-            } else {break;}
+        this.loading = true;
+        this.loaded = false;
+        let indexPast = 0;
+        let dataLivesToBe: Array<Conference> = [];
+        for (let i = 0, len = this.livesArray.length; i < len; i++) {
+          if (!this.organisationRight && 
+          ("DEBRIEFING"===this.livesArray[i].status ||"ERROR"===this.livesArray[i].status ||"PUBLISHING"===this.livesArray[i].status)) {
+            continue;
+          }
+          const dataLives = await octopusApi.listConferences(
+            this.filterOrgaUsed,
+            true,
+            this.livesArray[i].status
+          );
+          if("PLANNED"!==this.livesArray[i].status && "PENDING"!==this.livesArray[i].status){
+            this.livesArray[i].lives = dataLives.filter((p: Conference | null) => {
+              return null !== p;
+            });
+          }else if("PENDING"===this.livesArray[i].status){
+            dataLivesToBe = dataLives;
+            for (let index = 0, len = dataLives.length; index < len; index++) {
+              if (moment(dataLives[index].date).isBefore(moment())) {
+                this.livesArray[i].lives.push(dataLives[index]);
+                indexPast = index + 1;
+              } else {break;}
+            }
+          }else{
+            this.livesArray[i].lives = dataLivesToBe
+            .slice(indexPast)
+            .concat(dataLives)
+            .filter((p: Conference | null) => {
+              return null !== p;
+            });
           }
-        }else{
-          this.livesArray[i].lives = dataLivesToBe
-          .slice(indexPast)
-          .concat(dataLives)
-          .filter((p: Conference | null) => {
-            return null !== p;
-          });
         }
+        const listIds = this.livesArray[0].lives
+          .concat(this.livesArray[1].lives)
+          .concat(this.livesArray[2].lives);
+        this.$emit('initConferenceIds', listIds);
+      } catch (error) {
+        this.handle403((error as AxiosError));
       }
-      const listIds = this.livesArray[0].lives
-        .concat(this.livesArray[1].lives)
-        .concat(this.livesArray[2].lives);
-      this.$emit('initConferenceIds', listIds);
       this.loading = false;
       this.loaded = true;
     },

package/src/components/display/organisation/OrganisationChooserLight.vue

@@ -4,30 +4,35 @@
     class="default-multiselect-width organisation-chooser-light"
     :style="{ width: width }"
   >
-    <select
-      :id="'organisation_chooser_light' + page"
-      v-model="actual"
-      class="mb-0 c-hand border-0"
-      @change="onOrganisationSelected"
-    >
-      <option :value="organisation.id">
-        {{ organisation.name }}
-      </option>
-      <option :value="-1">
-        {{ $t('No organisation filter') }}
-      </option>
-    </select>
-    <label
-      :for="'organisation_chooser_light' + page"
-      class="d-inline"
-      :title="$t('select productor')"
-    />
+    <template v-if="!privateOrganisation">
+      <select
+        :id="'organisation_chooser_light' + page"
+        v-model="actual"
+        class="mb-0 c-hand border-0"
+        @change="onOrganisationSelected"
+      >
+        <option :value="organisation.id">
+          {{ organisation.name }}
+        </option>
+        <option :value="-1">
+          {{ $t('No organisation filter') }}
+        </option>
+      </select>
+      <label
+        :for="'organisation_chooser_light' + page"
+        class="d-inline"
+        :title="$t('select productor')"
+      />
+    </template>
+    <template v-else>
+      {{ organisation.name }}
+    </template>
   </div>
 </template>
 
 <script lang="ts">
-import octopusApi from '@saooti/octopus-api';
 import { Organisation } from '@/store/class/general/organisation';
+import octopusApi from '@saooti/octopus-api';
 import { defineComponent } from 'vue'
 export default defineComponent({
   props: {
@@ -43,6 +48,7 @@ export default defineComponent({
       actual: -1 as number|string,
       organisation: undefined as Organisation|undefined,
       init: false as boolean,
+      privateOrganisation: false as boolean
     };
   },
 
@@ -76,6 +82,7 @@ export default defineComponent({
       const data = await octopusApi.fetchOrganisation(this.value);
       this.organisation = data;
       this.actual = data.id;
+      this.privateOrganisation = data.private??false;
       this.init = true;
     },
   },

package/src/components/display/participant/ParticipantList.vue

@@ -33,11 +33,13 @@
 </template>
 
 <script lang="ts">
+import { handle403 } from '../../mixins/handle403';
 import octopusApi from '@saooti/octopus-api';
 import ParticipantItem from './ParticipantItem.vue';
 import ClassicLoading from '../../form/ClassicLoading.vue';
 import { Participant } from '@/store/class/general/participant';
 import { defineComponent } from 'vue'
+import { AxiosError } from 'axios';
 export default defineComponent({
   name: 'ParticipantList',
 
@@ -45,6 +47,9 @@ export default defineComponent({
     ParticipantItem,
     ClassicLoading
   },
+
+  mixins: [handle403],
+
   props: {
     first: { default: 0, type: Number },
     size: { default: 12, type: Number },
@@ -99,25 +104,29 @@ export default defineComponent({
       if (reset) {
         this.dfirst = 0;
       }
-      const data = await octopusApi.fetchParticipants({
-        first: this.dfirst,
-        size: this.dsize,
-        query: this.query,
-        organisationId: this.organisation,
-      });
-      if (reset) {
-        this.participants.length = 0;
-        this.dfirst = 0;
-      }
-      this.displayCount = data.count;
-      this.participants = this.participants.concat(data.result).filter((p: Participant | null) => {
-        if (null === p) {
-          this.displayCount--;
+      try {
+        const data = await octopusApi.fetchParticipants({
+          first: this.dfirst,
+          size: this.dsize,
+          query: this.query,
+          organisationId: this.organisation,
+        });
+        if (reset) {
+          this.participants.length = 0;
+          this.dfirst = 0;
         }
-        return null !== p;
-      });
-      this.dfirst += this.dsize;
-      this.totalCount = data.count;
+        this.displayCount = data.count;
+        this.participants = this.participants.concat(data.result).filter((p: Participant | null) => {
+          if (null === p) {
+            this.displayCount--;
+          }
+          return null !== p;
+        });
+        this.dfirst += this.dsize;
+        this.totalCount = data.count;
+      } catch (error) {
+        this.handle403((error as AxiosError));
+      }
       this.loading = false;
     },
   },

package/src/components/display/playlist/PlaylistList.vue

@@ -36,12 +36,14 @@
 </template>
 
 <script lang="ts">
+import { handle403 } from '../../mixins/handle403';
 import octopusApi from '@saooti/octopus-api';
 import PlaylistItem from './PlaylistItem.vue';
 import { state } from '../../../store/paramStore';
 import ClassicLoading from '../../form/ClassicLoading.vue';
 import { Playlist } from '@/store/class/general/playlist';
 import { defineComponent } from 'vue'
+import { AxiosError } from 'axios';
 export default defineComponent({
   name: 'PlaylistList',
 
@@ -49,6 +51,9 @@ export default defineComponent({
     PlaylistItem,
     ClassicLoading
   },
+
+  mixins: [handle403],
+
   props: {
     first: { default: 0, type: Number },
     size: { default: 12, type: Number },
@@ -117,8 +122,12 @@ export default defineComponent({
         organisationId: this.organisation,
         sort: this.sort,
       };
-      const data = await octopusApi.fetchPlaylists(param);
-      this.afterFetching(reset, data);
+      try {
+        const data = await octopusApi.fetchPlaylists(param);
+        this.afterFetching(reset, data);
+      } catch (error) {
+        this.handle403((error as AxiosError));
+      }
     },
     afterFetching(reset: boolean, data: {count: number, result: Array<Playlist>, sort: string}): void {
       if (reset) {

package/src/components/display/playlist/PodcastList.vue

@@ -56,6 +56,7 @@
 </template>
 
 <script lang="ts">
+import { handle403 } from '../../mixins/handle403';
 import octopusApi from '@saooti/octopus-api';
 import PodcastItem from '../podcasts/PodcastItem.vue';
 import { state } from '../../../store/paramStore';
@@ -64,6 +65,7 @@ import ClassicLoading from '../../form/ClassicLoading.vue';
 import { Podcast } from '@/store/class/general/podcast';
 import { Playlist } from '@/store/class/general/playlist';
 import { defineComponent } from 'vue'
+import { AxiosError } from 'axios';
 export default defineComponent({
   name: 'PodcastList',
 
@@ -73,6 +75,8 @@ export default defineComponent({
     ClassicLoading
   },
 
+  mixins: [handle403],
+
   props: {
     playlist: { default: ()=>({}), type: Object as ()=>Playlist},
   },
@@ -144,22 +148,26 @@ export default defineComponent({
       this.podcasts.length = 0;
       this.loading = true;
       this.loaded = false;
-      const content = await octopusApi.fetchPlaylistContent(
-        this.playlist.playlistId.toString()
-      );
-      for (let index = 0, len = content.length; index < len; index++) {
-        content[index].order = this.playlist.podcasts[content[index].podcastId];
-      }
-      this.podcasts = content;
-      if (!this.editRight) {
-        this.podcasts = this.podcasts.filter((p: Podcast|null) => {
-          return (
-            null !== p &&
-            (!p.availability || true === p.availability.visibility)
-          );
-        });
+      try {
+        const content = await octopusApi.fetchPlaylistContent(
+          this.playlist.playlistId.toString()
+        );
+        for (let index = 0, len = content.length; index < len; index++) {
+          content[index].order = this.playlist.podcasts[content[index].podcastId];
+        }
+        this.podcasts = content;
+        if (!this.editRight) {
+          this.podcasts = this.podcasts.filter((p: Podcast|null) => {
+            return (
+              null !== p &&
+              (!p.availability || true === p.availability.visibility)
+            );
+          });
+        }
+        this.podcastsQuery = this.podcasts;
+      } catch (error) {
+        this.handle403((error as AxiosError));
       }
-      this.podcastsQuery = this.podcasts;
       this.loading = false;
       this.loaded = true;
     },

package/src/components/display/podcasts/PodcastInlineList.vue

@@ -79,6 +79,7 @@
 </template>
 
 <script lang="ts">
+import { handle403 } from '../../mixins/handle403';
 import octopusApi from '@saooti/octopus-api';
 import domHelper from '../../../helper/dom';
 import PodcastItem from './PodcastItem.vue';
@@ -89,6 +90,7 @@ import { Podcast } from '@/store/class/general/podcast';
 import { RubriquageFilter } from '@/store/class/rubrique/rubriquageFilter';
 import { defineComponent } from 'vue'
 import { RouteLocationRaw } from 'vue-router';
+import { AxiosError } from 'axios';
 export default defineComponent({
   name: 'PodcastInlineList',
   
@@ -97,6 +99,8 @@ export default defineComponent({
     ClassicLoading
   },
 
+  mixins: [handle403],
+
   props: {
     organisationId: { default: undefined, type: String},
     emissionId: { default: undefined, type: Number},
@@ -211,34 +215,38 @@ export default defineComponent({
   },
   methods: {
     async fetchNext(): Promise<void> {
-      const data = await octopusApi.fetchPodcasts({
-        first: this.first,
-        size: this.size + 1,
-        organisationId: this.organisation,
-        emissionId: this.emissionId,
-        iabId: this.iabId,
-        rubriqueId: this.rubriqueId.length ?this.rubriqueId:undefined,
-        rubriquageId: this.rubriquageId.length ?this.rubriquageId : undefined,
-        noRubriquageId: this.noRubriquageId.length ? this.noRubriquageId : undefined,
-        sort: this.popularSort ? 'POPULARITY' : 'DATE',
-        query: this.query,
-      });
-      this.loading = false;
-      this.loaded = true;
-      this.totalCount = data.count;
-      if (this.allPodcasts.length + data.result.length < this.totalCount) {
-        const nexEl = data.result.pop() as Podcast;
-        this.preloadImage(nexEl.imageUrl?nexEl.imageUrl:'');
-      }
-      this.allPodcasts = this.allPodcasts.concat(
-        data.result.filter((pod: Podcast|null) => null !== pod)
-      );
-      if (this.allPodcasts.length <= 3) {
-        this.alignLeft = true;
-      } else {
-        this.alignLeft = false;
+      try {
+        const data = await octopusApi.fetchPodcasts({
+          first: this.first,
+          size: this.size + 1,
+          organisationId: this.organisation,
+          emissionId: this.emissionId,
+          iabId: this.iabId,
+          rubriqueId: this.rubriqueId.length ?this.rubriqueId:undefined,
+          rubriquageId: this.rubriquageId.length ?this.rubriquageId : undefined,
+          noRubriquageId: this.noRubriquageId.length ? this.noRubriquageId : undefined,
+          sort: this.popularSort ? 'POPULARITY' : 'DATE',
+          query: this.query,
+        });
+        this.loading = false;
+        this.loaded = true;
+        this.totalCount = data.count;
+        if (this.allPodcasts.length + data.result.length < this.totalCount) {
+          const nexEl = data.result.pop() as Podcast;
+          this.preloadImage(nexEl.imageUrl?nexEl.imageUrl:'');
+        }
+        this.allPodcasts = this.allPodcasts.concat(
+          data.result.filter((pod: Podcast|null) => null !== pod)
+        );
+        if (this.allPodcasts.length <= 3) {
+          this.alignLeft = true;
+        } else {
+          this.alignLeft = false;
+        }
+        this.first += this.size;
+      } catch (error) {
+        this.handle403((error as AxiosError));
       }
-      this.first += this.size;
     },
     displayPrevious(): void {
       this.direction = -1;

package/src/components/display/podcasts/PodcastList.vue

@@ -40,6 +40,7 @@
 </template>
 
 <script lang="ts">
+import { handle403 } from '../../mixins/handle403';
 import octopusApi from '@saooti/octopus-api';
 import PodcastItem from './PodcastItem.vue';
 import { state } from '../../../store/paramStore';
@@ -47,6 +48,7 @@ import ClassicLoading from '../../form/ClassicLoading.vue';
 import { Podcast } from '@/store/class/general/podcast';
 import { defineComponent } from 'vue'
 import { FetchParam } from '@/store/class/general/fetchParam';
+import { AxiosError } from 'axios';
 export default defineComponent({
   name: 'PodcastList',
 
@@ -55,6 +57,8 @@ export default defineComponent({
     ClassicLoading
   },
 
+  mixins: [handle403],
+
   props: {
     first: { default: 0, type: Number},
     size: { default: 12, type: Number},
@@ -174,8 +178,12 @@ export default defineComponent({
       if (this.notValid && !this.isProduction) {
         param.publisherId = this.$store.state.profile.userId;
       }
-      const data = await octopusApi.fetchPodcasts(param);
-      this.afterFetching(reset, data);
+      try {
+        const data = await octopusApi.fetchPodcasts(param);
+        this.afterFetching(reset, data);
+      } catch (error) {
+        this.handle403((error as AxiosError));
+      }
     },
     afterFetching(reset: boolean, data:  {count: number, result: Array<Podcast>, sort: string}): void {
       if (reset) {

package/src/components/display/sharing/ShareDistribution.vue

@@ -39,6 +39,20 @@
       >
         <span class="saooti-deezer" />Deezer
       </router-link>
+      <router-link
+        :to="'/main/priv/distribution/googlePodcasts/' + emissionId"
+        class="text-dark"
+      >
+        <span class="saooti-google-podcasts">
+          <div class="path1" />
+          <div class="path2" />
+          <div class="path3" />
+          <div class="path4" />
+          <div class="path5" />
+          <div class="path6" />
+          <div class="path7" />
+        </span> Google Podcasts
+      </router-link>
       <router-link
         :to="'/main/priv/distribution/PlayerFM/' + emissionId"
         class="text-dark"
@@ -174,6 +188,13 @@ export default defineComponent({
       right: 0;
     }
   }
+  .saooti-google-podcasts {
+    width: 15px;
+    height: 20px;
+    div {
+      right: 0;
+    }
+  }
   a {
     display: flex;
     align-items: center;

package/src/components/display/sharing/SubscribeButtons.vue

@@ -38,6 +38,24 @@
       >
         <span class="saooti-deezer" />
       </a>
+      <a
+        v-if="googlePodcasts"
+        rel="noopener"
+        target="_blank"
+        class="btn me-3 mb-2 share-btn"
+        :href="googlePodcasts"
+        title="googlePodcasts"
+      >
+        <span class="saooti-google-podcasts">
+          <div class="path1" />
+          <div class="path2" />
+          <div class="path3" />
+          <div class="path4" />
+          <div class="path5" />
+          <div class="path6" />
+          <div class="path7" />
+        </span>
+      </a>
       <a
         v-if="playerFm"
         rel="noopener"
@@ -48,6 +66,16 @@
       >
         <span class="saooti-playerfm" />
       </a>
+      <a
+        v-if="pocketCasts"
+        rel="noopener"
+        target="_blank"
+        class="btn me-3 mb-2 share-btn"
+        :href="pocketCasts"
+        title="pocketCasts"
+      >
+        <span class="saooti-pocket-casts" />
+      </a>
       <a
         v-if="podcastAddict"
         rel="noopener"
@@ -167,6 +195,14 @@ export default defineComponent({
         (this.emission && this.emission.annotations
           ? this.emission.annotations.amazon
           : undefined) as string | undefined,
+      googlePodcasts:
+        (this.emission && this.emission.annotations
+          ? this.emission.annotations.googlePodcasts
+          : undefined) as string | undefined,
+      pocketCasts:
+        (this.emission && this.emission.annotations
+          ? this.emission.annotations.pocketCasts
+          : undefined) as string | undefined,
     };
   },
 
@@ -182,6 +218,8 @@ export default defineComponent({
     this.playerFm = this.externaliseLinks(this.playerFm);
     this.stitcher = this.externaliseLinks(this.stitcher);
     this.amazon = this.externaliseLinks(this.amazon);
+    this.googlePodcasts = this.externaliseLinks(this.googlePodcasts);
+    this.pocketCasts = this.externaliseLinks(this.pocketCasts);
   },
 
   methods: {

package/src/components/mixins/handle403.ts

@@ -0,0 +1,17 @@
+import { AxiosError } from 'axios';
+import { defineComponent } from 'vue';
+export const handle403 = defineComponent({
+  methods: {
+    handle403(error: AxiosError): void {
+      if (403 === error.response?.status) {
+        if(!this.$store.state.authentication.isAuthenticated){
+          this.$router.push("/sso/login");
+        }else{
+          this.$router.push({
+            path: '/main/pub/error'
+          });
+        }
+      }
+    },
+  },
+});

package/src/components/pages/Emission.vue

@@ -103,9 +103,11 @@
 import octopusApi from '@saooti/octopus-api';
 import { state } from '../../store/paramStore';
 import { displayMethods } from '../mixins/functions';
+import { handle403 } from '../mixins/handle403';
 import { Emission } from '@/store/class/general/emission';
 import ClassicLoading from '../form/ClassicLoading.vue';
 import { defineComponent, defineAsyncComponent } from 'vue';
+import { AxiosError } from 'axios';
 const PodcastFilterList = defineAsyncComponent(() => import('../display/podcasts/PodcastFilterList.vue'));
 const SharePlayer = defineAsyncComponent(() => import('../display/sharing/SharePlayer.vue'));
 const ShareButtons = defineAsyncComponent(() => import('../display/sharing/ShareButtons.vue'));
@@ -126,7 +128,7 @@ export default defineComponent({
     LiveHorizontalList,
     ClassicLoading
   },
-  mixins: [displayMethods],
+  mixins: [displayMethods, handle403],
   props: {
     emissionId: { default: undefined, type: Number},
     isEducation: { default: false, type: Boolean},
@@ -209,15 +211,20 @@ export default defineComponent({
         if (undefined !== this.emission.annotations.amazon) count++;
         if (undefined !== this.emission.annotations.applePodcast) count++;
         if (undefined !== this.emission.annotations.deezer) count++;
+        if (undefined !== this.emission.annotations.googlePodcasts) count++;
         if (undefined !== this.emission.annotations.spotify) count++;
         if (undefined !== this.emission.annotations.tunein) count++;
         if (undefined !== this.emission.annotations.radioline) count++;
         if (undefined !== this.emission.annotations.podcastAddict) count++;
         if (undefined !== this.emission.annotations.playerFm) count++;
         if (undefined !== this.emission.annotations.stitcher) count++;
+        if (undefined !== this.emission.annotations.pocketCasts) count++;
       }
       return count;
     },
+    filterOrga(): string {
+      return this.$store.state.filter.organisationId;
+    },
   },
   watch: {
     emissionId(): void {
@@ -229,12 +236,20 @@ export default defineComponent({
     this.getEmissionDetails();
   },
   methods: {
+    initError():void{
+      this.error = true;
+      this.loaded = true;
+    },
     async getEmissionDetails(): Promise<void> {
       this.loaded = false;
       this.error = false;
       try {
         const data: Emission = await octopusApi.fetchEmission(this.emissionId);
         this.emission = data;
+        if(this.emission.orga.private && this.filterOrga!==this.emission.orga.id){
+          this.initError();
+          return;
+        }
         this.$emit('emissionTitle', this.name);
         this.loaded = true;
         if (!this.emission.annotations) return;
@@ -250,9 +265,9 @@ export default defineComponent({
           this.notExclusive =
             'true' === this.emission.annotations.notExclusive ? true : false;
         }
-      } catch {
-        this.error = true;
-        this.loaded = true;
+      } catch(error) {
+        this.handle403((error as AxiosError));
+        this.initError();
       }
     },
     fetch(/* podcasts */) {

package/src/components/pages/Error403Page.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="page-box page-box-absolute bg-white justify-content-evenly">
+    <img
+      class="logo-octopus"
+      src="/img/logo_octopus_final.svg"
+      :alt="$t('Logo of main page')"
+    >
+    <h2>{{ $t('You do not have the right to access this page' ) }}</h2>
+    <a
+      class="btn btn-link"
+      href="/sso/logout"
+    >{{ $t('Logout') }}</a>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+  name: 'Error403Page',
+  mounted() {
+    document.title = this.$store.state.general.metaTitle;
+  },
+});
+</script>

package/src/components/pages/Participant.vue

@@ -82,9 +82,11 @@
 import octopusApi from '@saooti/octopus-api';
 import { state } from '../../store/paramStore';
 import { displayMethods } from '../mixins/functions';
+import { handle403 } from '../mixins/handle403';
 import { Participant } from '@/store/class/general/participant';
 import ClassicLoading from '../form/ClassicLoading.vue';
 import { defineComponent, defineAsyncComponent } from 'vue';
+import { AxiosError } from 'axios';
 const ShareButtons = defineAsyncComponent(() => import('../display/sharing/ShareButtons.vue'));
 const PodcastFilterList = defineAsyncComponent(() => import('../display/podcasts/PodcastFilterList.vue'));
 const EditBox = defineAsyncComponent(() => import('@/components/display/edit/EditBox.vue'));
@@ -97,7 +99,7 @@ export default defineComponent({
     PodcastList,
     ClassicLoading
   },
-  mixins: [displayMethods],
+  mixins: [displayMethods, handle403],
   props: {
     participantId: { default: undefined, type: Number},
   },
@@ -160,6 +162,9 @@ export default defineComponent({
       }
       return false;
     },
+    filterOrga(): string {
+      return this.$store.state.filter.organisationId;
+    },
   },
   watch: {
     participant: {
@@ -173,16 +178,24 @@ export default defineComponent({
     this.getParticipantDetails();
   },
   methods: {
+    initError():void{
+      this.error = true;
+      this.loaded = true;
+    },
     async getParticipantDetails(): Promise<void> {
       this.loaded = false;
       try {
         const data = await octopusApi.fetchParticipant(this.participantId ? this.participantId.toString(): "");
+        if(data && data.orga && data.orga.private && this.filterOrga!==data.orga.id){
+          this.initError();
+          return;
+        }
         this.participant = data;
         this.$emit('participantTitle', this.name);
         this.loaded = true;
-      } catch {
-        this.error = true;
-        this.loaded = true;
+      } catch(error) {
+        this.handle403((error as AxiosError));
+        this.initError();
       }
     },
     updateParticipant(participant: Participant): void {

package/src/components/pages/Playlist.vue

@@ -53,8 +53,10 @@ import PodcastList from '../display/playlist/PodcastList.vue';
 import octopusApi from '@saooti/octopus-api';
 import { state } from '../../store/paramStore';
 import { displayMethods } from '../mixins/functions';
+import { handle403 } from '../mixins/handle403';
 import { Playlist } from '@/store/class/general/playlist';
 import { defineComponent, defineAsyncComponent } from 'vue';
+import { AxiosError } from 'axios';
 const ShareButtons = defineAsyncComponent(() => import('../display/sharing/ShareButtons.vue'));
 const EditBox = defineAsyncComponent(() => import('@/components/display/edit/EditBox.vue'));
 const SharePlayer = defineAsyncComponent(() => import('../display/sharing/SharePlayer.vue'));
@@ -66,7 +68,7 @@ export default defineComponent({
     SharePlayer,
     ClassicLoading
   },
-  mixins:[displayMethods],
+  mixins:[displayMethods, handle403],
   props: {
     playlistId: { default: undefined, type: Number},
     isEducation: { default: false, type: Boolean},
@@ -117,6 +119,9 @@ export default defineComponent({
       }
       return false;
     },
+    filterOrga(): string {
+      return this.$store.state.filter.organisationId;
+    },
   },
   watch: {
     playlistId() {
@@ -128,15 +133,24 @@ export default defineComponent({
     this.getPlaylistDetails();
   },
   methods: {
+    initError():void{
+      this.error = true;
+      this.loaded = true;
+    },
     async getPlaylistDetails(): Promise<void> {
       try {
         this.loaded = false;
         this.error = false;
         const data: Playlist = await octopusApi.fetchPlaylist(this.playlistId ? this.playlistId.toString(): "");
         this.playlist = data;
+        if(this.playlist.organisation.private && this.filterOrga!==this.playlist.organisation.id){
+          this.initError();
+          return;
+        }
         this.$emit('playlistTitle', this.playlist.title);
-      } catch {
-        this.error = true;
+      } catch(error) {
+        this.handle403((error as AxiosError));
+        this.initError();
       }
       this.loaded = true;
     },

package/src/components/pages/Podcast.vue

@@ -103,11 +103,12 @@ import { state } from '../../store/paramStore';
 import moment from 'moment';
 import { Podcast } from '@/store/class/general/podcast';
 import { Conference } from '@/store/class/conference/conference';
-
+import { handle403 } from '../mixins/handle403';
 import { defineComponent, defineAsyncComponent } from 'vue';
 import CommentSectionVue from '../display/comments/CommentSection.vue';
 import { CommentPodcast } from '@/store/class/general/comment';
 import { Category } from '@/store/class/general/category';
+import { AxiosError } from 'axios';
 const ShareButtons = defineAsyncComponent(() => import('../display/sharing/ShareButtons.vue'));
 const SharePlayer = defineAsyncComponent(() => import('../display/sharing/SharePlayer.vue'));
 const EditBox = defineAsyncComponent(() => import('@/components/display/edit/EditBox.vue'));
@@ -130,6 +131,8 @@ export default defineComponent({
     ClassicLoading
   },
 
+  mixins: [handle403],
+
   props: {
     updateStatus: { default: undefined, type: String},
     playingPodcast: { default: undefined, type: Object as ()=> Podcast},
@@ -219,6 +222,7 @@ export default defineComponent({
       let count = 0;
       if (this.podcast && this.podcast.emission && this.podcast.emission.annotations) {
         if (undefined !== this.podcast.emission.annotations.amazon) count++;
+        if (undefined !== this.podcast.emission.annotations.googlePodcasts) count++;
         if (undefined !== this.podcast.emission.annotations.applePodcast)
           count++;
         if (undefined !== this.podcast.emission.annotations.deezer) count++;
@@ -228,6 +232,7 @@ export default defineComponent({
         if (undefined !== this.podcast.emission.annotations.podcastAddict) count++;
         if (undefined !== this.podcast.emission.annotations.playerFm) count++;
         if (undefined !== this.podcast.emission.annotations.stitcher) count++;
+        if (undefined !== this.podcast.emission.annotations.pocketCasts) count++;
       }
       return count;
     },
@@ -264,6 +269,9 @@ export default defineComponent({
       if(!this.podcast){return "";}
       return moment(this.podcast.pubDate).diff(moment(), 'seconds').toString();
     },
+    filterOrga(): string {
+      return this.$store.state.filter.organisationId;
+    },
   },
   watch: {
     updateStatus(): void {
@@ -312,9 +320,17 @@ export default defineComponent({
     updatePodcast(podcastUpdated: Podcast): void {
       this.podcast = podcastUpdated;
     },
+    initError():void{
+      this.error = true;
+      this.loaded = true;
+    },
     async getPodcastDetails(podcastId: number): Promise<void> {
       try {
         const data : Podcast = await octopusApi.fetchPodcast(podcastId.toString());
+        if(data.organisation.private && this.filterOrga!==data.organisation.id){
+          this.initError();
+          return;
+        }
         this.podcast = data;
         this.$emit('podcastTitle', this.podcast.title);
         if (
@@ -348,9 +364,9 @@ export default defineComponent({
           this.error = true;
         }
         this.loaded = true;
-      } catch {
-        this.error = true;
-        this.loaded = true;
+      } catch(error) {
+        this.handle403((error as AxiosError));
+        this.initError();
       }
     },
     removeDeleted(): void {

package/src/locale/en.ts

@@ -297,4 +297,5 @@ export default{
   'From RSS': "From an RSS feed",
   "User menu":"User menu",
   'Podcast tags': 'Podcast tags',
+  "You do not have the right to access this page":"You do not have the right to access this page",
 };

package/src/locale/fr.ts

@@ -297,4 +297,5 @@ export default{
   'From RSS': "Issu d'un flux RSS",
   "User menu":"Menu utilisateur",
   'Podcast tags': "Mot-clé de l'épisode",
+  "You do not have the right to access this page":"Vous n’avez pas le droit d’accéder à cette page",
 };

package/src/main.ts

@@ -16,7 +16,7 @@ import 'bootstrap/dist/js/bootstrap.bundle.min.js';
 
 //TODO
 const navigatorLang = navigator.language /* || navigator.userLanguage */;
-let language = 'fr';
+let language = 'it';
 if(navigatorLang.includes('en')){
   language = 'en';
 }

package/src/router/router.ts

@@ -17,6 +17,7 @@ const RubriquePage = () => import('@/components/pages/Rubrique.vue');
 const LivesPage = () => import('@/components/pages/Lives.vue');
 const PlaylistPage = () => import('@/components/pages/Playlist.vue');
 const PlaylistsPage = () => import('@/components/pages/Playlists.vue');
+const error403Page = () => import('@/components/pages/Error403Page.vue');
 
 const routes: Array<RouteRecordRaw> = [
   /*--------------------------------------------------------------------------
@@ -27,6 +28,11 @@ const routes: Array<RouteRecordRaw> = [
       name: '',
       component: Home,
     },
+    {
+      path: '/main/pub/error',
+      name: 'error',
+      component: error403Page,
+    },
     {
       path: '/main/pub/home:productor?:iabId?:rubriquesId?',
       name: 'home',

package/src/store/class/general/organisation.ts

@@ -16,4 +16,5 @@ export interface Organisation{
   notSeenOnKeycloak?: number;
   score?: number;
   soundcastId?: string;
+  private?:boolean;
 }

package/src/store/paramStore.ts

@@ -12,7 +12,7 @@ const state:paramStore = {
     isPlaylist: false,
     isProduction: true,
     isContribution: true,
-    ApiUri: 'https://api.dev2.saooti.org/',
+    ApiUri: 'https://api.staging.saooti.org/',
     podcastmaker: false,
     buttonPlus: true,
     allCategories: [],
@@ -26,10 +26,10 @@ const state:paramStore = {
     SharePlayer: true,
     ShareButtons: true,
     ShareDistribution: true,
-    MiniplayerUri: 'https://playerbeta.dev2.saooti.org/',
+    MiniplayerUri: 'https://playerbeta.staging.saooti.org/',
     ouestFranceStyle: false,
     downloadButton: false,
-    hlsUri: 'https://hls.dev2.saooti.org/',
+    hlsUri: 'https://hls.staging.saooti.org/',
     mainRubrique: 0,
     resourceUrl: undefined
   },
@@ -85,10 +85,10 @@ const state:paramStore = {
     userName: '',
   },
   octopusApi: {
-    url: 'http://api.dev2.saooti.org/',
-    commentsUrl: 'http://comments.dev2.saooti.org/',
-    studioUrl: 'http://studio.dev2.saooti.org/',
-    playerUrl: 'https://playerbeta.dev2.saooti.org/',
+    url: 'http://api.staging.saooti.org/',
+    commentsUrl: 'http://comments.staging.saooti.org/',
+    studioUrl: 'http://studio.staging.saooti.org/',
+    playerUrl: 'https://playerbeta.staging.saooti.org/',
     organisationId: undefined,
     rubriqueIdFilter: undefined,
   },