@saooti/octopus-sdk 30.0.8 → 30.0.12

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

@@ -1,6 +1,6 @@
 <template>
-  <div class="module-box text-center-mobile share-button-page">
-    <div class="d-flex align-items-center mb-3 share-button-title">
+  <div class="module-box text-center-mobile">
+    <div class="d-flex align-items-center mb-3">
       <h3
         v-if="
           !bigRound &&
@@ -13,9 +13,8 @@
       <span
         v-if="authenticated"
         id="popover-share-help"
-        role="button"
         tabindex="-1"
-        class="saooti-help ml-2"
+        class="saooti-help ms-2"
         :aria-label="$t('Help')"
       />
       <Popover
@@ -30,12 +29,12 @@
       class="d-flex"
       :class="[
         bigRound && !audioUrl ? 'justify-content-center' : '',
-        verticalDisplay ? 'flex-column' : '',
+        verticalDisplay ? 'd-flex-row' : '',
       ]"
     >
       <a
         v-if="audioUrl"
-        class="btn btn-bigRound"
+        class="btn btn-big-round"
         :title="$t('Downloading')"
         :href="audioUrl"
         rel="noopener"
@@ -50,8 +49,8 @@
         target="_blank"
         :href="facebookURL"
         :class="[
-          bigRound ? 'btn btn-bigRound' : 'btn btn-facebook share-btn mb-2',
-          verticalDisplay ? '' : 'me-2 ms-2',
+          bigRound ? 'btn btn-big-round' : 'btn btn-facebook share-btn mb-2',
+          verticalDisplay ? '' : 'mx-2',
         ]"
         title="Facebook"
         aria-label="Facebook"
@@ -69,8 +68,8 @@
         rel="noopener"
         target="_blank"
         :class="[
-          bigRound ? 'btn btn-bigRound' : 'btn btn-twitter share-btn mb-2',
-          verticalDisplay ? '' : 'me-2 ms-2',
+          bigRound ? 'btn btn-big-round' : 'btn btn-twitter share-btn mb-2',
+          verticalDisplay ? '' : 'mx-2',
         ]"
         :href="twitterURL"
         title="Twitter"
@@ -89,8 +88,8 @@
         rel="noopener"
         target="_blank"
         :class="[
-          bigRound ? 'btn btn-bigRound' : 'btn btn-linkedin share-btn mb-2',
-          verticalDisplay ? '' : 'me-2 ms-2',
+          bigRound ? 'btn btn-big-round' : 'btn btn-linkedin share-btn mb-2',
+          verticalDisplay ? '' : 'mx-2',
         ]"
         :href="linkedinURL"
         title="Linkedin"
@@ -110,8 +109,8 @@
         rel="noopener"
         target="_blank"
         :class="[
-          bigRound ? 'btn btn-bigRound' : 'btn btn-rss share-btn mb-2',
-          verticalDisplay ? '' : 'me-2 ms-2',
+          bigRound ? 'btn btn-big-round' : 'btn btn-rss share-btn mb-2',
+          verticalDisplay ? '' : 'mx-2',
         ]"
         :href="rssUrl"
         :title="$t('Subscribe to this emission')"
@@ -131,8 +130,8 @@
         rel="noopener"
         target="_blank"
         :class="[
-          bigRound ? 'btn btn-bigRound' : 'btn btn-rss share-btn mb-2',
-          verticalDisplay ? '' : 'me-2 ms-2',
+          bigRound ? 'btn btn-big-round' : 'btn btn-rss share-btn mb-2',
+          verticalDisplay ? '' : 'mx-2',
         ]"
         aria-label="copy"
         :title="$t('Copy this page URL')"
@@ -152,8 +151,8 @@
         rel="noopener"
         target="_blank"
         :class="[
-          bigRound ? 'btn btn-bigRound' : 'btn btn-rss share-btn mb-2',
-          verticalDisplay ? '' : 'me-2 ms-2',
+          bigRound ? 'btn btn-big-round' : 'btn btn-rss share-btn mb-2',
+          verticalDisplay ? '' : 'mx-2',
         ]"
         :aria-label="$t('Share newsletter')"
         :title="$t('Share newsletter')"
@@ -173,8 +172,8 @@
         rel="noopener"
         target="_blank"
         :class="[
-          bigRound ? 'btn btn-bigRound' : 'btn btn-rss share-btn mb-2',
-          verticalDisplay ? '' : 'me-2 ms-2',
+          bigRound ? 'btn btn-big-round' : 'btn btn-rss share-btn mb-2',
+          verticalDisplay ? '' : 'mx-2',
         ]"
         :aria-label="$t('Share QR Code')"
         :title="$t('Share QR Code')"
@@ -195,8 +194,8 @@
         target="_blank"
         :href="whatsappURL"
         :class="[
-          bigRound ? 'btn btn-bigRound' : 'btn btn-whatsapp share-btn mb-2',
-          verticalDisplay ? '' : 'me-2 ms-2',
+          bigRound ? 'btn btn-big-round' : 'btn btn-whatsapp share-btn mb-2',
+          verticalDisplay ? '' : 'mx-2',
         ]"
         aria-label="Whatsapp"
         title="Whatsapp"
@@ -348,26 +347,3 @@ export default defineComponent({
   },
 })
 </script>
-
-<style lang="scss">
-.share-button-page {
-  .saooti-Whatsapp{
-    width: 25px;
-    height: 25px;
-  }
-  @media (max-width: 960px) {
-    .flex-column {
-      flex-direction: row !important;
-    }
-    .btn {
-      margin-right: 0.5rem;
-    }
-  }
-  @media (max-width: 450px) {
-    .flex-column {
-      flex-direction: row !important;
-      flex-wrap: wrap;
-    }
-  }
-}
-</style>

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

@@ -131,7 +131,6 @@ export default defineComponent({
   data() {
     return {
       emission: undefined as Emission|undefined,
-      error: false as boolean,
       rss: '' as string,
     };
   },
@@ -143,12 +142,7 @@ export default defineComponent({
 
   methods: {
     async getEmissionDetails(): Promise<void> {
-      try {
-        const data = await octopusApi.fetchEmission(this.emissionId);
-        this.emission = data;
-      } catch {
-        this.error = true;
-      }
+      this.emission = await octopusApi.fetchEmission(this.emissionId);
     },
     getRSS(): void {
       if (!this.$props.emissionId || this.$props.emissionId <= 0) return;

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

@@ -18,7 +18,7 @@
             frameborder="0"
             :width="iFrameWidth"
             :height="iFrameHeight"
-            class="maxIframe"
+            class="max-iframe"
           />
           <div class="d-flex flex-column">
             <button
@@ -379,7 +379,7 @@ export default defineComponent({
     box-shadow: 2px 8px 4px -6px hsla(0, 0%, 0%, 0.3);
   }
 }
-.maxIframe {
+.max-iframe {
   max-width: 300px;
 }
 </style>

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

@@ -1,9 +1,7 @@
 <template>
-  <div class="d-flex justify-content-around mt-3 flex-grow-1 w-100">
+  <div class="d-flex justify-content-around mt-3 w-100">
     <div class="d-flex flex-column align-items-center flex-shrink-0 me-3">
-      <div class="fw-600">
-        {{ $t('Choose color') }}
-      </div>
+      <div>{{ $t('Choose color') }}</div>
       <VSwatches
         v-model="internColor"
         class="c-hand input-no-outline"
@@ -14,9 +12,7 @@
       />
     </div>
     <div class="d-flex flex-column align-items-center">
-      <div class="fw-600">
-        {{ $t('Choose theme') }}
-      </div>
+      <div>{{ $t('Choose theme') }}</div>
       <VSwatches
         v-model="internTheme"
         class="c-hand input-no-outline"

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

@@ -2,13 +2,12 @@
   <div class="d-flex flex-column">
     <label
       for="iframe-select"
-      class="d-inline"
       aria-label="select miniplayer"
     />
     <select
       id="iframe-select"
       :value="iFrameModel"
-      class="frame-select input-no-outline"
+      class="input-no-outline"
       @change="$emit('update:iFrameModel',$event.target.value)"
     >
       <option value="default">

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

@@ -1,7 +1,7 @@
 <template>
   <div class="module-box flex-grow-0">
     <div class="d-flex align-items-center mb-3">
-      <h3 class="mb-0 share-button-title">
+      <h3 class="mb-0">
         {{ $t('Subscribe emission') }}
       </h3>
     </div>
@@ -197,5 +197,3 @@ export default defineComponent({
   },
 })
 </script>
-
-<style lang="scss"></style>

package/src/components/misc/ErrorMessage.vue

@@ -31,4 +31,7 @@ export default defineComponent({
 .bg-error-message {
   background-color: #ffd84a9c;
 }
+.alert-text{
+  color: darkred;
+}
 </style>

package/src/components/misc/HomeDropdown.vue

@@ -156,8 +156,8 @@ export default defineComponent({
   .btn-group .dropdown-toggle-split {
     align-items: center;
     border-radius: 50%;
-    width: 40px;
-    height: 40px;
+    width: 40px !important;
+    height: 40px !important;
     justify-content: center;
     position: absolute;
     right: 5px;

package/src/components/misc/LeftMenu.vue

@@ -81,11 +81,10 @@
       page="leftMenu"
       :defaultanswer="$t('No organisation filter')"
       :value="organisationId"
-      :light="true"
       :reset="reset"
       @selected="onOrganisationSelected"
     />
-    <div class="horizontal-separator show-phone" />
+    <hr class="show-phone">
     <router-link
       v-for="category in categories"
       :key="category.id"

package/src/components/misc/Player.vue

@@ -125,7 +125,7 @@ export default defineComponent({
       },
     }),
     audioUrl(): string {
-      if (this.media) return this.media.audioUrl;
+      if (this.media) return this.media.audioUrl? this.media.audioUrl:"";
       if (!this.podcast) return '';
       if (!this.podcast.availability.visibility)
         return this.podcast.audioStorageUrl;

package/src/components/misc/PlayerClockAndTimeline.vue

@@ -5,7 +5,7 @@
     @click="$emit('update:showTimeline', !showTimeline)"
   >
     <div
-      class="saooti-arrow_down saooti-arrow_down-margin"
+      class="saooti-arrow_down"
       :class="showTimeline ? '' : 'arrow-transform'"
     />
     <div>Timeline</div>

package/src/components/misc/PlayerProgressBar.vue

@@ -7,7 +7,7 @@
       >
         {{ $t('Podcast play error') + ' - ' }}
       </div>
-      <div class="flex-grow-1 text-ellipsis">
+      <div class="flex-grow-1 text-truncate">
         {{ podcastTitle }}
       </div>
       <div

package/src/components/misc/TopBar.vue

@@ -30,7 +30,6 @@
       width="auto"
       :defaultanswer="$t('No organisation filter')"
       :value="organisationId"
-      :light="true"
       class="me-2"
       :reset="reset"
       @selected="onOrganisationSelected"
@@ -104,7 +103,7 @@
       <div class="hosted-by">
         <span>{{ $t('Hosted by') }}</span><span class="ms-1 me-1 primary-color">Saooti</span>
       </div>
-      <div class="d-flex justify-content-end flex-no-wrap">
+      <div class="d-flex justify-content-end flex-nowrap">
         <HomeDropdown :is-education="isEducation" />
         <router-link
           :aria-label="$t('Search')"

package/src/components/pages/Lives.vue

@@ -17,7 +17,6 @@
           </div>
           <OrganisationChooser
             :defaultanswer="$t('Please chose a productor')"
-            :all="true"
             @selected="onOrganisationSelected"
           />
         </template>

package/src/components/pages/Participant.vue

@@ -34,7 +34,7 @@
           class="d-flex justify-content-center"
         >
           <a
-            class="btn btn-bigRound"
+            class="btn btn-big-round"
             :title="$t('Subscribe to this participant')"
             :aria-label="$t('Subscribe to this participant')"
             :href="rssUrl"

package/src/sass/_variables.scss

@@ -26,7 +26,6 @@ $octopus-primary-color: #40a372;
 $octopus-secondary-color : #ddd;
 $octopus-light-secondary-color: #eee;
 $octopus-third-color: rgba(214,217,31,1);
-$octopus-alert-text: darkred;
 $octopus-primary-dark : #48a879;
 $primaryColorReallyTransparent : #a2f3c993;
 

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

@@ -10,5 +10,5 @@ export interface Media {
   creation?: string;
   duration?: number;
   filePath?: string;
-  audioUrl: string;
+  audioUrl?: string;
 }