@saooti/octopus-sdk 36.0.48 → 36.0.50

package/package.json

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

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

@@ -204,8 +204,10 @@ export default defineComponent({
     iFrameHeight(): string {
       switch (this.iFrameModel) {
         case 'large':
-          if (this.podcast) return '210px';
+          if (this.podcast) return '140px';
           return '350px';
+        case 'largeMore':
+          return '210px';
         case 'emissionLarge':
         case 'largeSuggestion':
           return '350px';

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

@@ -59,6 +59,7 @@ export default defineComponent({
       return [
         {name: this.$t('Default version'), value: 'default', condition: true},
         {name: this.$t('Large version'), value: 'large', condition: true},
+        {name: this.$t('Full Large version'), value: 'largeMore', condition: this.podcast && this.podcast.podcastId},
         {name: this.$t('Emission version'), value: 'emission', condition: this.podcast && this.podcast.podcastId},
         {name: this.$t('Large emission version'), value: 'emissionLarge', condition: this.podcast && this.podcast.podcastId},
         {name: this.$t('Large suggestion version'), value: 'largeSuggestion', condition: this.podcast && this.podcast.podcastId}

package/src/components/misc/Accordion.vue

@@ -1,65 +1,60 @@
 <template>
-  <div
-    class="octopus-accordion my-2"
-  >
-    <button
-      :id="'accordion-'+idComposer"
-      class="btn-transparent bg-white w-100 p-2 text-start d-flex align-items-center"
-      :class="isOpen?'really-light-primary-bg':''"
-      @click="isOpen=!isOpen"
-    >
-      <span
-        v-if="icon"
-        class="img-accordion text-primary"
-        :class="icon"
-      />
-      <img
-        v-if="imageUrl"
-        width="30"
-        height="30"
-        class="img-accordion"
-        :src="imageUrl"
-        :alt="title"
+  <div class="my-2" :class="displayAccordion ? 'octopus-accordion' : ''">
+    <template v-if="displayAccordion">
+      <button
+        :id="'accordion-' + idComposer"
+        class="btn-transparent bg-white w-100 p-2 text-start d-flex align-items-center"
+        :class="isOpen ? 'really-light-primary-bg' : ''"
+        @click="isOpen = !isOpen"
       >
-      <span class="flex-grow-1">{{ title }}</span>
-      <span :class="isOpen?'saooti-up': 'saooti-down'" />
-    </button>
-    <div
-      v-show="isOpen"
-      class="body p-2"
-    >
-      <slot />
-    </div>
+        <span v-if="icon" class="img-accordion text-primary" :class="icon" />
+        <img
+          v-if="imageUrl"
+          width="30"
+          height="30"
+          class="img-accordion"
+          :src="imageUrl"
+          :alt="title"
+        />
+        <span class="flex-grow-1">{{ title }}</span>
+        <span :class="isOpen ? 'saooti-up' : 'saooti-down'" />
+      </button>
+      <div v-show="isOpen" class="body p-2">
+        <slot />
+      </div>
+    </template>
+    <slot v-else />
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
+import { defineComponent } from "vue";
 export default defineComponent({
-  name: "Accordion",
-	props: {
-    title: { default: '', type: String },
-    idComposer: { default: '', type: String },
-    icon:{default: undefined, type: String },
-    imageUrl:{default: undefined, type: String },
+  name: "ClassicAccordion",
+  props: {
+    title: { default: "", type: String },
+    idComposer: { default: "", type: String },
+    icon: { default: undefined, type: String },
+    imageUrl: { default: undefined, type: String },
+    displayAccordion: { default: true, type: Boolean },
   },
-	emits:['open'],
-  data () {
+  emits: ["open"],
+  data() {
     return {
-			isOpen: false as boolean,
-    }
+      isOpen: false as boolean,
+    };
+  },
+  watch: {
+    isOpen() {
+      this.$emit("open");
+    },
   },
-  watch:{
-    isOpen(){
-      this.$emit('open');
-    }
-  }
 });
 </script>
 <style lang="scss">
-.octopus-accordion{
-	border: 1px solid #ccc;
-  >button{
+.octopus-accordion {
+  border: 1px solid #ccc;
+  > button {
     height: 50px;
   }
   .img-accordion {
@@ -71,8 +66,8 @@ export default defineComponent({
     justify-content: center;
     align-items: center;
   }
-  .body{
+  .body {
     border-top: 1px solid #ccc;
   }
 }
-</style>
+</style>

package/src/locale/de.ts

@@ -327,4 +327,5 @@ export default{
   'Canal name image': 'Kanalbild {name}',
   "Show animated wave":"Animierte Welle anzeigen",
   'Characters number calculated over HTML code':"Die Zeichenzahl wird mit dem HTML-Code ermittelt, der mit diesem Editor erstellt wurde. Über den HTML-Button können Sie diesen Code einsehen.",
+  'Full Large version': 'Vollständige große Version',
 }

package/src/locale/en.ts

@@ -334,4 +334,5 @@ export default{
   'Canal name image': 'Channel image {name}',
   "Show animated wave":"Show animated wave",
   'Characters number calculated over HTML code':'The number of characters is calculated from the HTML code generated by this editor. You can see this code using the "html" button.',
+  'Full Large version': 'Full large version',
 };

package/src/locale/es.ts

@@ -327,4 +327,5 @@ export default{
   'Canal name image': 'Imagen del canal {name}',
   "Show animated wave":"Mostrar onda animada",
   'Characters number calculated over HTML code':'El número de caracteres se calcula a partir del código HTML generado por este editor. Puedes visualizar este código pulsando en «html».',
+  'Full Large version': 'Versión grande completa',
 }

package/src/locale/fr.ts

@@ -334,4 +334,5 @@ export default{
   'Canal name image': 'Image du canal {name}',
   "Show animated wave":"Afficher la vague animée",
   'Characters number calculated over HTML code':'Le nombre de caractères est calculé à partir du code HTML généré par cet éditeur. Vous pouvez voir ce code grâce au bouton "html".',
+  'Full Large version': 'Version en longueur complète',
 };

package/src/locale/it.ts

@@ -324,4 +324,5 @@ export default{
     'Canal name image': 'Immagine del canale {name}',
     "Show animated wave":"Mostra onda animata",
     'Characters number calculated over HTML code':'Il numero di caratteri è calcolato dal codice HTML generato da questo editor. È possibile visualizzare il codice cliccando su "html".',
+    'Full Large version': 'Versione completa di grandi dimensioni',
   };

package/src/locale/sl.ts

@@ -327,4 +327,5 @@ export default{
   'Canal name image': 'Slika kanala {name}',
   "Show animated wave":"Prikaži animirani val",
   'Characters number calculated over HTML code':'Število znakov se izračuna iz kode HTML, ki jo ustvari ta urejevalnik. Ogledate si jo lahko s klikom na gumb „html“.',
+  'Full Large version': 'Popolna velika različica',
 }