@saooti/octopus-sdk 32.0.32 → 32.0.33

package/README.md

@@ -683,3 +683,4 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 32.0.30 SpeechToText
  * 32.0.31 Merge live IOS
  * 32.0.32 Error player parameters
+ * 32.0.33 Pétouilles graphiques ou d'UX diverses

package/package.json

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

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

@@ -69,4 +69,9 @@ export default defineComponent({
     },
   }
 })
-</script>
+</script>
+<style lang="scss">
+.octopus-app .loading-size{
+  height: 21.4rem;
+}
+</style>

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

@@ -19,10 +19,11 @@
   >
     <template #list-inline>
       <ClassicLoading
+        class="loading-size"
         :loading-text="loading?$t('Loading podcasts ...'):undefined"
       />
       <transition-group
-        v-show="loaded"
+        v-show="!loading"
         :name="transitionName"
         class="element-list-inline"
         tag="ul"
@@ -84,7 +85,6 @@ export default defineComponent({
   data() {
     return {
       loading: true as boolean,
-      loaded: true as boolean,
       index: 0 as number,
       first: 0 as number,
       size: 5 as number,
@@ -167,7 +167,6 @@ export default defineComponent({
         query: this.query,
       }, true);
       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;
@@ -226,7 +225,6 @@ export default defineComponent({
     },
     reset(): void {
       this.loading = true;
-      this.loaded = true;
       this.index = 0;
       this.first = 0;
       this.totalCount = 0;
@@ -238,4 +236,4 @@ export default defineComponent({
     },
   },
 })
-</script>
+</script>

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

@@ -121,6 +121,7 @@ export default defineComponent({
   list-style: none;
   position: relative;
   width: 13rem;
+  height: 21.4rem;
   overflow: hidden;
   display: flex;
   flex-direction: column;

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

@@ -16,6 +16,7 @@
   >
     <template #list-inline>
       <ClassicLoading
+        class="loading-size"
         :loading-text="loading?$t('Loading podcasts ...'):undefined"
       />
       <swiper

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

@@ -12,6 +12,7 @@
             {{ $t('No advertising') }}
           </div>
           <iframe
+            id="miniplayerIframe"
             title="miniplayer"
             :src="iFrameSrc"
             scrolling="no"
@@ -223,7 +224,7 @@ export default defineComponent({
       switch (this.iFrameModel) {
         case 'large':
           if (this.podcast) return '180px';
-          if ('number' === this.episodeNumbers) {
+          if ('number' === this.episodeNumbers && !this.playlist) {
             switch (this.iFrameNumber.toString()) {
               case '1': return '270px';
               case '2': return '320px';

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

@@ -16,13 +16,13 @@
         ]"
         class="btn share-btn mb-2 mx-2"
         :href="sub.url"
-        :title="sub.name"
+        :title="sub.title"
       >
         <span :class="sub.icon">
           <div
             v-for="indexPath in getPathNumber(sub.name)"
             :key="indexPath"
-            :class="'path'+(indexPath+1)"
+            :class="'path'+(indexPath)"
           />
         </span>
       </a>
@@ -41,17 +41,17 @@ export default defineComponent({
   computed:{
     subscriptionsDisplay(){
       const sub = [
-        {name : 'amazon', icon : 'saooti-amazon', url : this.getUrl('amazon')},
-        {name:'applePodcast', icon:'saooti-apple', url : this.getUrl('applePodcast')},
-        {name:'deezer', icon:'saooti-deezer', url : this.getUrl('deezer')},
-        {name:'googlePodcasts', icon:"saooti-google-podcasts", url : this.getUrl('googlePodcasts')},
-        {name:'playerFm', icon: 'saooti-playerfm', url : this.getUrl('playerFm')},
-        {name:'pocketCasts', icon:'saooti-pocket-casts', url : this.getUrl('pocketCasts')},
-        {name:'podcastAddict', icon: 'saooti-podcast-addict', url : this.getUrl('podcastAddict')},
-        {name:'radioline', icon:'saooti-radioline', url : this.getUrl('radioline')},
-        {name:'spotify', icon:'saooti-spotify', url : this.getUrl('spotify')},
-        {name:'stitcher', icon:'saooti-stitcher-logo', url : this.getUrl('stitcher')},
-        {name:'tunein', icon:'saooti-tunin', url : this.getUrl('tunein')}
+        {name : 'amazon', icon : 'saooti-amazon',title:'Amazon Music | Podcasters', url : this.getUrl('amazon')},
+        {name:'applePodcast', icon:'saooti-apple', title:'Apple Podcast | iTunes', url : this.getUrl('applePodcast')},
+        {name:'deezer', icon:'saooti-deezer', title:'Deezer', url : this.getUrl('deezer')},
+        {name:'googlePodcasts', icon:"saooti-google-podcasts",title:'Google Podcasts', url : this.getUrl('googlePodcasts')},
+        {name:'playerFm', icon: 'saooti-playerfm',title:'PlayerFM', url : this.getUrl('playerFm')},
+        {name:'pocketCasts', icon:'saooti-pocket-casts', title:'Pocket Casts', url : this.getUrl('pocketCasts')},
+        {name:'podcastAddict', icon: 'saooti-podcast-addict', title:'Podcast Addict', url : this.getUrl('podcastAddict')},
+        {name:'radioline', icon:'saooti-radioline',title:'Radioline', url : this.getUrl('radioline')},
+        {name:'spotify', icon:'saooti-spotify',title:'Spotify',  url : this.getUrl('spotify')},
+        {name:'stitcher', icon:'saooti-stitcher-logo', title:'Stitcher', url : this.getUrl('stitcher')},
+        {name:'tunein', icon:'saooti-tunin',title:'TuneIn', url : this.getUrl('tunein')}
       ];
       return sub.filter(item=> item.url);
     }

package/src/components/misc/LeftMenu.vue

@@ -2,6 +2,7 @@
   <div
     v-show="displayMenu"
     class="left-menu-container"
+    @mouseleave="onMenuClick"
   >
     <template
       v-for="link in routerLinkArray"