@saooti/octopus-sdk 0.28.6 → 0.28.10

package/README.md

@@ -429,6 +429,10 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 0.26.7 Newsletter Icone
  * 0.26.8 Mettre un tooltip sur le bouton de copie de l'adresse d'une page de podcast
  * 0.26.9 Commentaires
+ * 0.26.10 Animé par
+ * 0.26.11 LiveTab
+
+
 
  * 0.27.0 Nouveau sprint
  * 0.27.1 Export mixins
@@ -442,6 +446,9 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 0.27.9 Octopus Api
  * 0.27.10 Player beta
  * 0.27.11 Player beta
+ * 0.27.12 Merge release 26
+ * 0.27.13 Podcastmaker
+ * 0.27.14 Podcastmaker resource url
 
  * 0.28.0 Nouveau sprint
  * 0.28.1 Version category filtre
@@ -450,5 +457,11 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 0.28.4 Rubrique filtre
  * 0.28.5 Expose new mixins
  * 0.28.6 Rubrique filtre
+ * 0.28.7 Rubrique filtre
+ * 0.28.8 Rubrique filtre
+ * 0.28.9 QrCode
+ * 0.28.10 QrCode icone
+
+
 
 

package/index.ts

@@ -55,6 +55,7 @@ import {displayMethods} from "./src/components/mixins/functions";
 import {cookiesAndMethods} from "./src/components/mixins/functions";
 import {seleniumAndMethods} from "./src/components/mixins/functions";
 import {orgaFilter} from "./src/components/mixins/organisationFilter";
+import {initSDK} from "./src/components/mixins/init";
 
 const components = {
     Lives,
@@ -97,7 +98,8 @@ const components = {
     seleniumAndMethods,
     Rubrique,
     CategoryFilter,
-    orgaFilter
+    orgaFilter,
+    initSDK
 }
 
 export default components;
@@ -143,5 +145,6 @@ export {
     seleniumAndMethods,
     Rubrique,
     CategoryFilter,
-    orgaFilter
+    orgaFilter,
+    initSDK
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "0.28.6",
+  "version": "0.28.10",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -25,6 +25,7 @@
     "moment": "^2.29.0",
     "moment-locales-webpack-plugin": "^1.2.0",
     "portal-vue": "^2.1.7",
+    "qrcode.vue": "^1.7.0",
     "sass": "^1.25.0",
     "sass-loader": "^8.0.2",
     "v-calendar": "^2.3.0",

package/public/css/fonts/saooti-ui.svg

@@ -489,7 +489,8 @@
 <glyph unicode="&#xeadf;" glyph-name="newsletter" d="M160.632 641.257l-110.84-72.535 110.84-72.943zM863.368 641.257v-145.478l110.636 72.739zM512.102 871.902l-110.229-72.332h220.254zM455.256 509.838c0-24.042 12.429-38.509 33.211-38.509 28.728 0 56.642 36.879 62.347 69.886l10.799 57.865c-7.743 2.241-16.096 3.26-24.654 3.26-44.418 0-81.704-42.38-81.704-92.503zM829.138 473.367v292.178h-634.478v-291.974l317.239-208.436 317.239 208.233zM340.137 516.562c0 53.79 18.338 103.709 51.956 140.792 35.045 38.713 84.352 60.107 139.162 60.107 89.854 0 152.405-62.347 152.405-151.386 0-81.908-47.066-124.899-93.725-124.899-11.41 0-21.598 4.075-28.525 11.41-7.743 8.15-11.613 19.968-11.002 34.23h-0.407c-18.338-30.766-42.583-45.844-73.962-45.844-28.525 0-57.254 22.82-57.254 66.626 0 31.785 12.632 63.57 34.841 86.594 23.431 24.45 55.217 37.897 89.65 37.897 20.579 0 40.953-4.075 56.031-11.002l0.815-0.407-0.204-0.815-17.726-94.133c-5.093-25.673-4.279-42.992 2.241-51.345 2.853-3.667 6.927-5.502 12.225-5.705 0.204 0 0.407 0 0.611 0 9.169 0 18.745 4.483 27.098 12.632 17.319 17.115 27.303 46.862 27.303 81.5 0 79.259-47.881 128.567-124.899 128.567-89.854 0-155.054-72.127-155.054-171.762 0-83.334 53.382-139.365 132.641-139.365 29.951 0 57.050 6.316 78.036 18.134l1.019 0.611 9.169-24.45-0.815-0.407c-27.507-14.466-56.235-20.987-93.114-20.987-91.688 0-158.518 68.664-158.518 163.408zM521.27 230.089c-2.853-1.834-6.113-2.853-9.372-2.853s-6.52 1.019-9.372 2.853l-466.588 306.644v-512.636h952.125v512.839l-466.792-306.848z" />
 <glyph unicode="&#xeae0;" glyph-name="exit2" horiz-adv-x="820" d="M354.864 864.323c88.979 0 88.979-135.212 0-135.212h-190.387v-562.221h190.387c88.979 0 88.979-135.212 0-135.212h-257.994c-37.293 0-67.607 30.314-67.607 67.607v697.433c0 37.293 30.314 67.607 67.607 67.607h257.994zM301.651 524.547h212.414v45.798c0 26.388 29.878 41.218 51.032 26.388 70.005-40.346 139.792-80.691 209.579-121.037 21.809-12.649 21.154-44.053-0.436-56.048-70.659-40.781-141.319-81.564-211.978-122.345-21.59-12.431-48.196 3.49-48.196 27.914v46.016h-212.414c-14.83 0-27.042 12.212-27.042 27.042v99.228c0 15.047 11.995 27.042 27.042 27.042v0z" />
 <glyph unicode="&#xeae1;" glyph-name="more" horiz-adv-x="820" d="M449.537 408.309h298.913c22.615 0 39.537 16.923 39.537 39.537s-16.923 39.537-39.537 39.537h-298.913v298.913c0 22.615-16.923 39.537-39.537 39.537s-39.537-16.923-39.537-39.537v-298.913h-298.913c-22.615 0-39.537-16.923-39.537-39.537 0-11.231 2.769-19.691 11.231-28.153s16.923-11.231 28.153-11.231h298.913v-298.913c0-11.231 2.769-19.691 11.231-28.153v0c8.461-8.461 16.923-11.231 28.153-11.231 22.615 0 39.537 16.923 39.537 39.537l0.308 298.605z" />
-<glyph unicode="" glyph-name="more" horiz-adv-x="820" d="M449.537 408.309h298.913c22.615 0 39.537 16.923 39.537 39.537s-16.923 39.537-39.537 39.537h-298.913v298.913c0 22.615-16.923 39.537-39.537 39.537s-39.537-16.923-39.537-39.537v-298.913h-298.913c-22.615 0-39.537-16.923-39.537-39.537 0-11.231 2.769-19.691 11.231-28.153s16.923-11.231 28.153-11.231h298.913v-298.913c0-11.231 2.769-19.691 11.231-28.153v0c8.461-8.461 16.923-11.231 28.153-11.231 22.615 0 39.537 16.923 39.537 39.537l0.308 298.605z" />
+<glyph unicode="&#xeae2;" glyph-name="qrcode" d="M56 639.505c13.361 0 24 10.639 24 24v216.495h216.495c13.361 0 24 10.639 24 24s-10.639 24-24 24h-240.495c-13.361 0-24-10.639-24-24v-240.495c0-13.361 10.639-24 24-24zM968 256.495c-13.361 0-24-10.639-24-24v-216.495h-216.495c-13.361 0-24-10.639-24-24s10.639-24 24-24h240.495c13.361 0 24 10.639 24 24v240.495c0 13.361-10.639 24-24 24zM968 928h-240.495c-13.361 0-24-10.639-24-24s10.639-24 24-24h216.495v-216.495c0-13.361 10.639-24 24-24s24 10.639 24 24v240.495c0 13.361-10.639 24-24 24zM296.495 16h-216.495v216.495c0 13.361-10.639 24-24 24s-24-10.639-24-24v-240.495c0-13.361 10.639-24 24-24h240.495c13.361 0 24 10.639 24 24s-10.639 24-24 24zM779.712 204.536c0 13.361-10.639 24-24 24h-219.712v219.712c0 13.361-10.639 24-24 24h-243.712c-13.361 0-24-10.639-24-24s10.639-24 24-24h219.712v-219.712c0-13.361 10.639-24 24-24h243.712c13.114 0 24 10.639 24 24zM627.299 308.948c13.361 0 24 10.639 24 24v91.052h80.412v-91.299c0-13.361 10.639-24 24-24s24 10.639 24 24v115.299c0 13.361-10.639 24-24 24h-128.412c-13.361 0-24-10.639-24-24v-115.299c0-13.114 10.639-23.752 24-23.752zM244.288 691.712v-128.412c0-13.361 10.639-24 24-24h128.412c13.361 0 24 10.639 24 24v128.412c0 13.361-10.639 24-24 24h-128.412c-13.114 0-24-10.886-24-24zM627.299 539.299h128.412c13.361 0 24 10.639 24 24v128.412c0 13.361-10.639 24-24 24h-128.412c-13.361 0-24-10.639-24-24v-128.412c0-13.361 10.639-24 24-24zM396.701 356.948h-128.412c-13.361 0-24-10.639-24-24v-128.412c0-13.361 10.639-24 24-24h128.412c13.361 0 24 10.639 24 24v128.412c0 13.114-10.639 24-24 24zM512 539.299c13.361 0 24 10.639 24 24v128.412c0 13.361-10.639 24-24 24s-24-10.639-24-24v-128.412c0-13.361 10.639-24 24-24z" />
+<glyph unicode="" glyph-name="qrcode" d="M56 639.505c13.361 0 24 10.639 24 24v216.495h216.495c13.361 0 24 10.639 24 24s-10.639 24-24 24h-240.495c-13.361 0-24-10.639-24-24v-240.495c0-13.361 10.639-24 24-24zM968 256.495c-13.361 0-24-10.639-24-24v-216.495h-216.495c-13.361 0-24-10.639-24-24s10.639-24 24-24h240.495c13.361 0 24 10.639 24 24v240.495c0 13.361-10.639 24-24 24zM968 928h-240.495c-13.361 0-24-10.639-24-24s10.639-24 24-24h216.495v-216.495c0-13.361 10.639-24 24-24s24 10.639 24 24v240.495c0 13.361-10.639 24-24 24zM296.495 16h-216.495v216.495c0 13.361-10.639 24-24 24s-24-10.639-24-24v-240.495c0-13.361 10.639-24 24-24h240.495c13.361 0 24 10.639 24 24s-10.639 24-24 24zM779.712 204.536c0 13.361-10.639 24-24 24h-219.712v219.712c0 13.361-10.639 24-24 24h-243.712c-13.361 0-24-10.639-24-24s10.639-24 24-24h219.712v-219.712c0-13.361 10.639-24 24-24h243.712c13.114 0 24 10.639 24 24zM627.299 308.948c13.361 0 24 10.639 24 24v91.052h80.412v-91.299c0-13.361 10.639-24 24-24s24 10.639 24 24v115.299c0 13.361-10.639 24-24 24h-128.412c-13.361 0-24-10.639-24-24v-115.299c0-13.114 10.639-23.752 24-23.752zM244.288 691.712v-128.412c0-13.361 10.639-24 24-24h128.412c13.361 0 24 10.639 24 24v128.412c0 13.361-10.639 24-24 24h-128.412c-13.114 0-24-10.886-24-24zM627.299 539.299h128.412c13.361 0 24 10.639 24 24v128.412c0 13.361-10.639 24-24 24h-128.412c-13.361 0-24-10.639-24-24v-128.412c0-13.361 10.639-24 24-24zM396.701 356.948h-128.412c-13.361 0-24-10.639-24-24v-128.412c0-13.361 10.639-24 24-24h128.412c13.361 0 24 10.639 24 24v128.412c0 13.114-10.639 24-24 24zM512 539.299c13.361 0 24 10.639 24 24v128.412c0 13.361-10.639 24-24 24s-24-10.639-24-24v-128.412c0-13.361 10.639-24 24-24z" />
 <glyph unicode="wysiwyg18" glyph-name="table" d="M0 768v-704h1024v704h-1024zM384 320v128h256v-128h-256zM640 256v-128h-256v128h256zM640 640v-128h-256v128h256zM320 640v-128h-256v128h256zM64 448h256v-128h-256v128zM704 448h256v-128h-256v128zM704 512v128h256v-128h-256zM64 256h256v-128h-256v128zM704 128v128h256v-128h-256z" />
 <glyph unicode="write2" glyph-name="pencil2" d="M384 320l128 64 448 448-64 64-448-448-64-128zM289.3 92.902c-31.632 66.728-65.666 100.762-132.396 132.394l99.096 272.792 128 77.912 384 384h-192l-384-384-192-640 640 192 384 384v192l-384-384-77.912-128z" />
 <glyph unicode="wondering2" glyph-name="wondering2" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM704 704c35.346 0 64-28.654 64-64s-28.654-64-64-64-64 28.654-64 64 28.654 64 64 64zM256 640c0 35.346 28.654 64 64 64s64-28.654 64-64-28.654-64-64-64-64 28.654-64 64zM331.244 153.614l-22.488 76.774 437 128 22.488-76.774-437-128z" />

package/public/css/fonts/style.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'saooti-ui';
-  src:  url('/css/fonts/saooti-ui.eot?sdprm6');
-  src:  url('/css/fonts/saooti-ui.eot?sdprm6#iefix') format('embedded-opentype'),
-    url('/css/fonts/saooti-ui.ttf?sdprm6') format('truetype'),
-    url('/css/fonts/saooti-ui.woff?sdprm6') format('woff'),
-    url('/css/fonts/saooti-ui.svg?sdprm6#saooti-ui') format('svg');
+  src:  url('/css/fonts/saooti-ui.eot?i2gub6');
+  src:  url('/css/fonts/saooti-ui.eot?i2gub6#iefix') format('embedded-opentype'),
+    url('/css/fonts/saooti-ui.ttf?i2gub6') format('truetype'),
+    url('/css/fonts/saooti-ui.woff?i2gub6') format('woff'),
+    url('/css/fonts/saooti-ui.svg?i2gub6#saooti-ui') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -38,6 +38,9 @@
 .saooti-language:before {
   content: "\eadb";
 }
+.saooti-qrcode:before {
+  content: "\eae2";
+}
 .saooti-newsletter:before {
   content: "\eadf";
 }

package/src/App.vue

@@ -15,15 +15,12 @@ import TopBar from '@/components/misc/TopBar.vue';
 import LeftMenu from '@/components/misc/LeftMenu.vue';
 import Footer from '@/components/misc/Footer.vue';
 import CategoryFilter from '@/components/display/categories/CategoryFilter.vue';
-const octopusApi = require('@saooti/octopus-api');
 import { state } from './store/paramStore';
-
-import { Category } from './store/class/category';
 import { Rubriquage } from './store/class/rubriquage';
 import { RubriquageFilter } from './store/class/rubriquageFilter';
 import { Rubrique } from './store/class/rubrique';
-import { orgaFilter } from './components/mixins/organisationFilter';
-export default orgaFilter.extend({
+import { initSDK } from './components/mixins/init';
+export default initSDK.extend({
   name: 'app',
   components: {
     TopBar,
@@ -39,26 +36,11 @@ export default orgaFilter.extend({
   },
   methods:{
     async initApp(){
-      await this.handleDisplayCategory();
-      this.handleCaptcha();
+      await this.initSdk();
       await this.handleOrganisationFilter();
       this.handleIabIdFilter();
       this.handleRubriquesFilter();
     },
-    handleCaptcha(){
-      const captcha = (document.getElementsByClassName('grecaptcha-badge')[0] as HTMLElement);
-      if (captcha) {
-        captcha.style.display = 'none';
-      }
-    },
-    async handleDisplayCategory(){
-      if (0 === state.generalParameters.allCategories.length) {
-        const categories: Array<Category>= await octopusApi.fetchCategories({ lang: this.$i18n.locale });
-        this.$store.commit('categoriesSet', categories);
-      }else{
-        this.$store.commit('categoriesSet', state.generalParameters.allCategories);
-      }
-    },
     async handleOrganisationFilter(){
       let orgaId = '';
       if (this.$route.query.productor && 'string'===typeof this.$route.query.productor) {

package/src/components/display/categories/CategoryFilter.vue

@@ -43,7 +43,7 @@ export default Vue.extend({
       return this.$store.state.filter.rubriqueFilter;
     },
     isDisplay(): boolean {
-      return "home" === this.$route.name ||"podcasts" === this.$route.name||"emissions" === this.$route.name;
+      return "homePriv" === this.$route.name ||"home" === this.$route.name ||"podcasts" === this.$route.name||"emissions" === this.$route.name;
     },
     rubriquageFilter(): Array<Rubriquage>{
       if(this.$store.state.filter.organisationId){

package/src/components/display/filter/RubriqueChoice.vue

@@ -29,6 +29,7 @@
         :reset="reset"
         :withoutRubrique="true"
         width="auto"
+        v-if="getRubriques(rubriquageId).length"
         @selected="onRubriqueSelected"
       />
     </template>
@@ -80,7 +81,10 @@ export default Vue.extend({
       const topicIndex = this.rubriquageDisplay.findIndex(
         ( element: Rubriquage) => element.rubriquageId === rubriquageId
       );
-      return this.rubriquageDisplay[topicIndex].rubriques;
+      if(-1 !== topicIndex){
+        return this.rubriquageDisplay[topicIndex].rubriques;
+      }
+      return [];
     },
     onRubriqueSelected(rubrique: Rubrique): void {
       if (rubrique.rubriqueId === this.rubriqueId) return;

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

@@ -66,7 +66,7 @@
         ></div>
       </div>
       <div class="comma" v-if="live.animators">
-        {{ $t('Animated by') }}
+        {{ $t('Animated by')}}<div class="mx-1">:</div>
         <router-link
           :aria-label="$t('Participant')"
           class="link-info"

package/src/components/display/rubriques/RubriqueList.vue

@@ -7,7 +7,7 @@
         @change="onRubriquageSelected"
       >
         <option
-          v-for="rubriquage in rubriquages"
+          v-for="rubriquage in rubriquageDisplay"
           :key="rubriquage.rubriquageId"
           :value="rubriquage"
           >{{ rubriquage.title }}</option
@@ -129,8 +129,19 @@ export default Vue.extend({
     rubriqueDisplay(): Array<Rubrique>{
       return this.$store.state.filter.rubriqueDisplay;
     },
+    rubriquageDisplay(): Array<Rubriquage>{
+      const elementToNotShow = Array.from(this.rubriqueFilter);
+      if(elementToNotShow.length){
+        const rubriquageIdToNotShow = elementToNotShow.map(a => a.rubriquageId);
+        return this.rubriquages.filter((element)=>{
+          return !rubriquageIdToNotShow.includes(element.rubriquageId!);
+        });
+      }
+      return this.rubriquages;
+    },
   },
   methods: {
+    
     initRubriques(): void{
       if(!this.rubriquage){ return ;}
       this.$store.commit('filterRubriqueDisplay', this.rubriquage.rubriques);

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

@@ -0,0 +1,44 @@
+<template>
+  <div class="d-flex flex-column align-items-center">
+    <qrcode-vue :value="url" :size="size" level="H" foreground="#40a372" class="myQrCode"/>
+    <button class="btn m-3" @click="download">{{ $t('Download') }}</button>
+    <Snackbar ref="snackbar" position="bottom-left"></Snackbar>
+  </div>
+</template>
+
+<style lang="scss">
+</style>
+<script lang="ts">
+import Snackbar from '../../misc/Snackbar.vue';
+import QrcodeVue from 'qrcode.vue'
+import Vue from 'vue';
+export default Vue.extend({
+  name: 'QrCode',
+  props: {
+    url: { default: '' as string},
+  },
+
+  components: {
+    Snackbar,
+    QrcodeVue
+  },
+
+  data() {
+    return {
+      size: 200 as number,
+    };
+  },
+  methods:{
+    download(): void{
+      const link = document.createElement('a');
+      link.download = 'qrcode.png';
+      const canvas = document.getElementsByClassName('myQrCode');
+      if(canvas && canvas.length > 0 && canvas[0] && canvas[0].firstChild){
+        link.href = (canvas[0].firstChild as any).toDataURL();
+        link.click();
+        (this.$refs.snackbar as any).open(this.$t('Download started'));
+      }
+    }
+  }
+});
+</script>

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

@@ -132,6 +132,21 @@
         <span class="saooti-newsletter" v-if="!bigRound"></span>
         <div class="saooti-newsletter" v-else></div>
       </a>
+      <a
+        rel="noopener"
+        target="_blank"
+        v-if="podcast || emission"
+        :class="[
+          bigRound ? 'btn btn-bigRound' : 'btn btn-rss share-btn mb-2',
+          verticalDisplay ? '' : 'mr-2 ml-2',
+        ]"
+        :aria-label="$t('Share QR Code')"
+        @click="qrCode = true"
+        :title="$t('Share QR Code')"
+      >
+        <span class="saooti-qrcode" v-if="!bigRound"></span>
+        <div class="saooti-qrcode" v-else></div>
+      </a>
       <a
         rel="noopener"
         target="_blank"
@@ -170,6 +185,13 @@
       :podcast="podcast"
       @close="newsletter = false"
     />
+    <QrCodeModal
+      v-if="qrCode"
+      :closable="true"
+      :podcast="podcast"
+      :emission="emission"
+      @close="qrCode = false"
+    />
     <Snackbar ref="snackbar" position="bottom-left"></Snackbar>
   </div>
 </template>
@@ -217,6 +239,7 @@ export default displayMethods.extend({
   components: {
     ClipboardModal: () => import('../../misc/modal/ClipboardModal.vue'),
     NewsletterModal: () => import('../../misc/modal/NewsletterModal.vue'),
+    QrCodeModal: () => import('../../misc/modal/QrCodeModal.vue'),
     Snackbar,
   },
 
@@ -229,6 +252,7 @@ export default displayMethods.extend({
       dataRSSSave: false as boolean,
       newsletter: false as boolean,
       isMobile: false as boolean,
+      qrCode: false as boolean
     };
   },
 

package/src/components/misc/LeftMenu.vue

@@ -14,7 +14,7 @@
       >
       <router-link
         @click.native="onMenuClick"
-        v-if="isLiveTab && !isPodcastmaker && filterOrga && filterOrgaLive"
+        v-if="isLiveTab && filterOrga && filterOrgaLive"
         class="text-dark font-weight-bold mb-3 live-route"
         :to="{
           name: 'lives',

package/src/components/misc/TopBar.vue

@@ -45,7 +45,6 @@
         <router-link
           v-if="
             isLiveTab &&
-              !isPodcastmaker &&
               ((filterOrga && filterOrgaLive) || !filterOrga)
           "
           :to="{

package/src/components/misc/modal/NewsletterModal.vue

@@ -108,6 +108,7 @@ const humanizeDuration = require('humanize-duration');
 import { displayMethods } from '../../mixins/functions';
 import { Participant } from '@/store/class/participant';
 import { Podcast } from '@/store/class/podcast';
+import { state } from '../../../store/paramStore';
 export default displayMethods.extend({
   name: 'NewsletterModal',
   props: {
@@ -133,6 +134,9 @@ export default displayMethods.extend({
   },
  
   computed: {
+    resourcesUrl(): string{
+      return state.podcastPage.resourceUrl? state.podcastPage.resourceUrl : window.location.origin;
+    },
     emissionName(): string {
       if (this.displayEmissionName)
         return (
@@ -150,8 +154,7 @@ export default displayMethods.extend({
           this.$t('See associated article') +
           `">
           <img width="44" height="44" style="display: inline-block;vertical-align: middle; margin-right:3px" src="` +
-          window.location.origin +
-          `/img/article.png">
+          this.resourcesUrl + `/img/article.png">
         </a>
         <a style="color: #000;text-decoration: none;" href="` +
           this.podcast.article +
@@ -247,7 +250,7 @@ export default displayMethods.extend({
           this.$t('Listen this episode') +
           `">
           <img width="44" height="44" style="display: inline-block;vertical-align: middle" src="` +
-          window.location.origin +
+          this.resourcesUrl +
           `/img/play-podcast.png">
         </a>
         <a style="color: #000;text-decoration: none; margin-right:8px" href="` +

package/src/components/misc/modal/QrCodeModal.vue

@@ -0,0 +1,76 @@
+<template>
+  <div>
+    <b-modal
+      id="qrcode-modal"
+      @close="closePopup"
+      @hide="closePopup"
+      @cancel="closePopup"
+      :title="$t('Share QR Code')"
+    >
+      <template v-slot:default>
+        <QrCode :url="urlPage"/>
+      </template>
+      <template v-slot:modal-footer>
+        <button class="btn btn-primary m-1" @click="closePopup">
+          {{ $t('Close') }}
+        </button>
+      </template>
+    </b-modal>
+  </div>
+</template>
+
+<style lang="scss">
+</style>
+<script lang="ts">
+import Vue from 'vue';
+import { Podcast } from '@/store/class/podcast';
+import { Emission } from '@/store/class/emission';
+import QrCode from '../../display/sharing/QrCode.vue';
+export default Vue.extend({
+  name: 'QrCodeModal',
+  props: {
+    podcast: { default: undefined as Podcast|undefined},
+    emission: { default: undefined as Emission|undefined},
+  },
+
+  components: {
+    QrCode
+  },
+
+  data() {
+    return {
+    };
+  },
+
+  mounted() {
+    this.$bvModal.show('qrcode-modal');
+  },
+ 
+  computed: {
+    urlPage(): string{
+      if(window.location.href.includes('?productor')){
+        return window.location.href;
+      }
+      if("" !== window.location.search){
+        return window.location.href + "&productor=" + this.productor;
+      }
+      return window.location.href + "?productor=" + this.productor;
+    },
+    productor(): string{
+      if(this.podcast){
+        return this.podcast.organisation.id;
+      }
+      if(this.emission){
+        return this.emission.orga.id;
+      }
+      return "";
+    },
+  },
+  methods:{
+    closePopup(event: { preventDefault: () => void }): void {
+      event.preventDefault();
+      this.$emit('close');
+    },
+  }
+});
+</script>

package/src/components/misc/modal/ShareModalPlayer.vue

@@ -17,11 +17,16 @@
             ></div>
           </b-tab>
           <b-tab :title="$t('Embedly link')" class="tab-pane">
-            <p>{{ embedlyLink }}</p>
-            <div
-              class="saooti-copy"
-              @click="onCopyCode(embedlyLink, afterCopy)"
-            ></div>
+            <div class="d-flex flex-column">
+              <div class="d-flex">
+                <p>{{ embedlyLink }}</p>
+                <div
+                  class="saooti-copy"
+                  @click="onCopyCode(embedlyLink, afterCopy)"
+                ></div>
+              </div>
+              <QrCode :url="embedlyLink"/>
+            </div>
           </b-tab>
           <b-tab :title="$t('Direct link')" class="tab-pane" v-if="directLink">
             <p>{{ directLink.audioUrl }}</p>
@@ -86,6 +91,7 @@
 <script lang="ts">
 import Snackbar from '../Snackbar.vue';
 import { displayMethods } from '../../mixins/functions';
+import QrCode from '../../display/sharing/QrCode.vue';
 export default displayMethods.extend({
   name: 'ShareModalPlayer',
   props: {
@@ -96,6 +102,7 @@ export default displayMethods.extend({
 
   components: {
     Snackbar,
+    QrCode
   },
 
   mounted() {

package/src/components/mixins/init.ts

@@ -0,0 +1,22 @@
+
+import { Category } from "@/store/class/category";
+import { orgaFilter } from '../mixins/organisationFilter';
+const octopusApi = require('@saooti/octopus-api');
+import { state } from '../../store/paramStore';
+export const initSDK = orgaFilter.extend({
+  methods: {
+    async initSdk() {
+      if (0 === state.generalParameters.allCategories.length) {
+        octopusApi.fetchCategories({ lang: this.$i18n.locale }).then((data: Array<Category>) => {
+          this.$store.commit('categoriesSet', data);
+        });
+      }else{
+        this.$store.commit('categoriesSet', state.generalParameters.allCategories);
+      }
+      const captcha = (document.getElementsByClassName('grecaptcha-badge')[0] as HTMLElement);
+      if (captcha) {
+        captcha.style.display = 'none';
+      }
+    },
+  },
+});

package/src/locale/en.ts

@@ -291,5 +291,9 @@ export default {
   "Custom version":"Custom version",
   "All":"All",
   'By category': 'By IAB category',
-  "Add a sort criterion by topic":"Add a sort criterion by topic"
+  "Add a sort criterion by topic":"Add a sort criterion by topic",
+  'Share QR Code': "Share QR Code",
+  "Download":"Download",
+  "Download started": 'Download started',
+  'From RSS': "From an RSS feed",
 };

package/src/locale/fr.ts

@@ -292,4 +292,8 @@ export default {
   "All":"Tous",
   'By category': 'Selon la catégorie IAB',
   "Add a sort criterion by topic":"Ajouter un critère de tri par rubrique",
+  'Share QR Code': "Partage d'un QR Code",
+  "Download":"Télécharger",
+  "Download started": 'Téléchargement lancé',
+  'From RSS': "Issu d'un flux RSS",
 };

package/src/store/paramStore.ts

@@ -58,7 +58,7 @@ const initialize = function initialize(initObject: any) {
       state.generalParameters.allCategories =
         'undefined' !== typeof param.allCategories ? param.allCategories : [];
       state.generalParameters.isLiveTab =
-        'undefined' !== typeof param.isLiveTab ? param.isLiveTab : true;
+        'undefined' !== typeof param.isLiveTab ? param.isLiveTab : false;
       state.generalParameters.isCaptchaTest =
         'undefined' !== typeof param.isCaptchaTest ? param.isCaptchaTest : true;
     }
@@ -100,6 +100,10 @@ const initialize = function initialize(initObject: any) {
         'undefined' !== typeof param.mainRubrique
           ? param.mainRubrique
           : 0;
+      state.podcastPage.resourceUrl =
+        'undefined' !== typeof param.resourceUrl
+          ? param.resourceUrl
+          : undefined;
     }
     if (initObject.podcastsPage) {
       const param = initObject.podcastsPage;