@saooti/octopus-sdk 31.0.16 → 31.0.19

package/README.md

@@ -592,3 +592,6 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 31.0.14 Lazy loading lang
  * 31.0.15 Error select productor filter
  * 31.0.16 Merge 30
+ * 31.0.17 Bug divers
+ * 31.0.18 Bug #11015
+ * 31.0.19 Add access_token player

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "31.0.16",
+  "version": "31.0.19",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/assets/form.scss

@@ -75,4 +75,7 @@
 	.classic-select select {
 		width: 100%;
 	}
+	.vc-select select{
+		padding: 0 20px 0 8px !important;
+	}
 }

package/src/assets/general.scss

@@ -13,6 +13,9 @@ body{
   overscroll-behavior-y: contain;
 }
 .octopus-app{
+  a{
+    word-break: break-all;
+  }
   h1{
     margin-bottom: 2rem;
   }

package/src/assets/octopus-library.scss

@@ -19,4 +19,5 @@ $breadcrumb-border-radius:          2rem !default;
 @import './multiselect.scss';
 @import './transition.scss';
 @import './modal.scss';
-@import './share.scss';
+@import './share.scss';
+@import 'v-calendar/dist/style.css';

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

@@ -297,6 +297,7 @@ export default defineComponent({
   padding: 0.2rem 0;
   color: white;
   text-transform: uppercase;
+  position: absolute;
 }
 
 .background-icon{

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

@@ -162,7 +162,6 @@
         />
       </a>
       <a
-        v-if="podcast ||emission"
         rel="noopener"
         target="_blank"
         :class="[
@@ -226,8 +225,7 @@
     <QrCodeModal
       v-if="qrCode"
       :closable="true"
-      :podcast="podcast"
-      :emission="emission"
+      :url-page="urlPage"
       @close="qrCode = false"
     />
     <Snackbar

package/src/components/misc/Player.vue

@@ -151,6 +151,9 @@ export default defineComponent({
           'distributorId=' + this.$store.state.authentication.organisationId
         );
       }
+      if("SECURED" === this.podcast.organisation.privacy && this.$store.state.authentication.isAuthenticated && this.$store.state.oAuthParam.accessToken){
+        parameters.push('access_token='+this.$store.state.oAuthParam.accessToken);
+      }
       return this.podcast.audioUrl + '?' + parameters.join('&');
     },
     organisationId(): string|undefined {
@@ -369,7 +372,15 @@ export default defineComponent({
         if (!Hls.isSupported()) {
           reject('Hls is not supported ! ');
         }
-        const hls = new Hls();
+        let hls = new Hls();
+        if(this.$store.state.authentication.isAuthenticated && this.$store.state.oAuthParam.accessToken){
+          hls = new Hls({xhrSetup:
+            (xhr: any) => {
+              xhr.setRequestHeader("Authorization", "Bearer " + this.$store.state.oAuthParam.accessToken);
+            }
+            }
+          );
+        }
         hls.on(Hls.Events.MANIFEST_PARSED, async () => {
           if(!this.live){ return; }
           let downloadId = null;

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

@@ -34,8 +34,6 @@
 </template>
 
 <script lang="ts">
-import { Podcast } from '@/store/class/general/podcast';
-import { Emission } from '@/store/class/general/emission';
 import QrCode from '../../display/sharing/QrCode.vue';
 import { defineComponent } from 'vue'
 export default defineComponent({
@@ -46,8 +44,7 @@ export default defineComponent({
   },
 
   props: {
-    podcast: { default: undefined, type: Object as ()=> Podcast},
-    emission: { default: undefined, type: Object as ()=> Emission},
+    urlPage: { default: undefined, type: String},
   },
 
   emits: ['close'],
@@ -56,27 +53,7 @@ export default defineComponent({
     return {
     };
   },
- 
-  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();