@saooti/octopus-sdk 32.0.3 → 32.0.6

package/src/assets/bootstrap-diff.scss

@@ -14,7 +14,7 @@
         transition: background .2s, border .2s, box-shadow .2s, color .2s;
         text-decoration: none !important;
         white-space: nowrap;
-        border-width: 1px;
+        border-width: 0;
         @media (max-width: 960px) {
             white-space: normal;
         }
@@ -187,6 +187,7 @@
     .breadcrumb{
         padding: 1rem;
         align-items: center;
+        background: #FAFAFA;
     }
     .bg-secondary{
         background: #eee !important;

package/src/assets/form.scss

@@ -8,9 +8,11 @@
 	}
 	select {
 		background: white !important;
-		padding: 0.5rem;
+		outline-color: transparent !important;
+		padding: 0.25rem 0.4rem;;
 		border: 0.1rem solid #dee2e6;
 		border-radius: 0.3rem;
+		height: 2rem;
 	}
 	.form-check-label {
 		cursor: pointer;

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

@@ -56,7 +56,7 @@
       <template #caret="">
         <div class="position-relative">
           <span
-            class="saooti-arrow_down octopus-arrow-down"
+            class="saooti-down octopus-arrow-down"
           />
         </div>
       </template>

package/src/components/display/comments/CommentItem.vue

@@ -83,7 +83,7 @@
         </span>
         <span 
           :class="collapseVisible? 'arrow-transform': ''"
-          class="saooti-arrow_down"
+          class="saooti-down"
         />
       </button>
       <EditCommentBox
@@ -136,7 +136,7 @@ import { Podcast } from '@/store/class/general/podcast';
 import { Conference } from '@/store/class/conference/conference';
 import CommentBasicView from './CommentBasicView.vue';
 import Constants from '../../../../public/config';
-import { defineComponent, defineAsyncComponent, nextTick } from 'vue';
+import { defineComponent, defineAsyncComponent } from 'vue';
 const CommentInput = defineAsyncComponent(() => import('./CommentInput.vue'));
 const CommentParentInfo = defineAsyncComponent(() => import('./CommentParentInfo.vue'));
 const EditCommentBox = defineAsyncComponent(() => import('@/components/display/edit/EditCommentBox.vue'));

package/src/components/display/comments/CommentList.vue

@@ -43,7 +43,6 @@ import { Conference } from '@/store/class/conference/conference';
 import { CommentPodcast } from '@/store/class/general/comment';
 import { InterfacePageable } from '@/store/class/general/interfacePageable';
 import { defineComponent, defineAsyncComponent } from 'vue';
-import { FetchParam } from '@/store/class/general/fetchParam';
 /* eslint-disable */
 const CommentItem: any = defineAsyncComponent(() => import('./CommentItem.vue'));
 /* eslint-enable */

package/src/components/display/comments/CommentSection.vue

@@ -13,7 +13,7 @@
       <button
         v-if="!isLive"
         :title="$t('Refresh')"
-        class="btn admin-button saooti-refresh-stud"
+        class="btn admin-button saooti-refresh"
         @click="reload = !reload"
       />
     </div>

package/src/components/display/edit/EditCommentBox.vue

@@ -6,7 +6,7 @@
       @click="editComment"
     >
       <span
-        class="saooti-edit-bounty"
+        class="saooti-edit"
         :data-selenium="'Edit-Comment-' + seleniumFormat(comment.name)"
       />
     </button>
@@ -17,7 +17,7 @@
       @click="commentModal('Valid')"
     >
       <span
-        class="saooti-valid-stud"
+        class="saooti-checkmark"
         :data-selenium="'Validate-Comment-' + seleniumFormat(comment.name)"
       />
     </button>
@@ -28,7 +28,7 @@
       @click="commentModal('Invalid')"
     >
       <span
-        class="saooti-remove-bounty"
+        class="saooti-remove"
         :data-selenium="'Invalidate-Comment-' + seleniumFormat(comment.name)"
       />
     </button>

package/src/components/display/emission/EmissionChooser.vue

@@ -71,7 +71,7 @@
       <template #caret="">
         <div class="position-relative">
           <span
-            class="saooti-arrow_down octopus-arrow-down"
+            class="saooti-down octopus-arrow-down"
           />
         </div>
       </template>
@@ -108,7 +108,6 @@ const getDefaultEmission = (defaultName: string): Emission|undefined => {
 
 import { Emission } from '@/store/class/general/emission';
 import { defineComponent } from 'vue'
-import { FetchParam } from '@/store/class/general/fetchParam';
 export default defineComponent({
   components: {
     VueMultiselect

package/src/components/display/emission/EmissionPlayerItem.vue

@@ -102,7 +102,7 @@
           @click="play(p)"
         >
           <div
-            class="text-light saooti-play2-bounty"
+            class="text-light saooti-play"
             :title="$t('Play')"
           />
         </div>
@@ -112,7 +112,7 @@
           @click="pause(p)"
         >
           <div
-            class="text-light saooti-pause-bounty"
+            class="text-light saooti-pause"
             :title="$t('Pause')"
           />
         </div>

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

@@ -6,7 +6,7 @@
     >
       <div>{{ $t('Advanced filters') }}</div>
       <div 
-        class="h3 saooti-arrow_down m-0"
+        class="h3 saooti-down m-0"
         :class="{ 'arrow-transform': showFilters }"
       />
     </button>

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

@@ -12,7 +12,7 @@
         <option value="YES">{{ $t('Authorized advertising') }}</option>
         <option value="NO">{{ $t('Prohibited advertising') }}</option>
       </select>
-      <div class="saooti-arrow_down octopus-arrow-down" />
+      <div class="saooti-down octopus-arrow-down" />
     </label>
   </div>
 </template>

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

@@ -13,7 +13,7 @@
         >{{ rubriquage.title }}</option>
       </select>
       <div
-        class="saooti-arrow_down octopus-arrow-down"
+        class="saooti-down octopus-arrow-down"
       />
     </label>
     <template v-if="rubriquageId">

package/src/components/display/organisation/OrganisationChooser.vue

@@ -100,7 +100,7 @@
           class="position-relative"
         >
           <span
-            class="saooti-arrow_down octopus-arrow-down"
+            class="saooti-down octopus-arrow-down"
           />
         </div>
       </template>

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

@@ -42,7 +42,7 @@
         <div
           v-show="!playingPodcast"
           :title="$t('Play')"
-          class="saooti-play2-bounty primary-color"
+          class="saooti-play primary-color"
         />
         <div
           v-if="!classicPodcastPlay"
@@ -77,8 +77,8 @@
     </button>
     <div
       v-if="displayDescription && isMobile"
-      class="background-icon primary-bg saooti-arrow-up2"
-      :class="isDescription ? 'saooti-arrow-down2':'saooti-arrow-up2'"
+      class="background-icon primary-bg saooti-arrow-up"
+      :class="isDescription ? 'saooti-arrow-down':'saooti-arrow-up'"
       :title="isDescription ? $t('Hide description'):$t('Show description')"
       @click="showDescription"
     />
@@ -112,8 +112,13 @@ export default defineComponent({
     ...mapState({
       playingPodcast(state: StoreState) {
         return (
-          (state.player.podcast?.podcastId === this.podcast.podcastId) ||
-          ('null' !== this.fetchConference && state.player.live?.conferenceId ===this.fetchConference?.conferenceId)
+          (state.player.podcast &&
+            state.player.podcast.podcastId === this.podcast.podcastId) ||
+          (this.fetchConference &&
+            'null' !== this.fetchConference &&
+            state.player.live &&
+            state.player.live.conferenceId ===
+              this.fetchConference.conferenceId)
         );
       },
     }),
@@ -349,7 +354,7 @@ export default defineComponent({
       &:hover {
         background: #00000030;
       }
-      > .saooti-play2-bounty {
+      > .saooti-play {
         font-size: 2em;
         position: relative;
         right: -0.2rem;

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

@@ -46,7 +46,7 @@
       </router-link>
       <span
         v-if="editRight && podcastOrder && podcastOrder > 1"
-        class="saooti-pin-octopus text-danger pe-2"
+        class="saooti-pin text-danger pe-2"
       />
     </div>
   </div>
@@ -138,7 +138,7 @@ export default defineComponent({
   .text-secondary {
     margin: 0.5rem !important;
   }
-  .saooti-pin-octopus {
+  .saooti-pin {
     font-size: 22px;
   }
   .title-podcast-item {

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

@@ -60,7 +60,7 @@
         {{ $t('No elements found. Consider changing the search query.') }}
       </template>
       <template #caret>
-        <span class="saooti-arrow_down octopus-arrow-down" />
+        <span class="saooti-down octopus-arrow-down" />
       </template>
     </VueMultiselect>
   </div>

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

@@ -6,7 +6,7 @@
     :title="$t('Downloading')"
     @click="onDownload(podcast.audioUrl, podcast.title)"
   >
-    <div class="saooti-download-bounty" />
+    <div class="saooti-download" />
   </button>
   <template
     v-for="button in arrayShareButtons"
@@ -40,7 +40,7 @@
     :title="titleRssButton"
     @click.prevent="openPopup()"
   >
-    <div class="saooti-rss-bounty" />
+    <div class="saooti-rss" />
   </a>
   <button
     :class="getClass()"
@@ -143,9 +143,9 @@ export default defineComponent({
     },
     arrayShareButtons(){
       return [
-        { title: 'Facebook', icon:'saooti-facebook-bounty', nbPath:0, className:'btn-facebook', url :`https://www.facebook.com/sharer/sharer.php?u=${this.urlPage}`, condition: true},
-        { title: 'Twitter', icon:'saooti-twitter-bounty', nbPath:0, className:'btn-twitter', url :`https://twitter.com/intent/tweet?text=${this.urlPage}`, condition: true},
-        { title: 'Linkedin', icon:'saooti-linkedin1', nbPath:0, className:'btn-linkedin', url :`https://www.linkedin.com/sharing/share-offsite/?url=${this.urlPage}`, condition: true},
+        { title: 'Facebook', icon:'saooti-facebook', nbPath:0, className:'btn-facebook', url :`https://www.facebook.com/sharer/sharer.php?u=${this.urlPage}`, condition: true},
+        { title: 'Twitter', icon:'saooti-twitter', nbPath:0, className:'btn-twitter', url :`https://twitter.com/intent/tweet?text=${this.urlPage}`, condition: true},
+        { title: 'Linkedin', icon:'saooti-linkedin', nbPath:0, className:'btn-linkedin', url :`https://www.linkedin.com/sharing/share-offsite/?url=${this.urlPage}`, condition: true},
         { title: 'Whatsapp', icon:'saooti-Whatsapp', nbPath:3, className:'btn-whatsapp', url :`whatsapp://send?text=${this.urlPage}`, condition:  window.matchMedia('(hover: none)').matches}
       ]
     },

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

@@ -24,8 +24,12 @@
         class="text-dark"
       >
         <span :class="platform.icon">
-          <div v-for="index in platform.path" :key="index" :class="'path'+index" />
-        </span>{{platform.title}}
+          <div
+            v-for="index in platform.path"
+            :key="index"
+            :class="'path'+index"
+          />
+        </span>{{ platform.title }}
       </router-link>
     </div>
     <Snackbar

package/src/components/form/ClassicSearch.vue

@@ -15,11 +15,11 @@
     />
     <div
       v-if="!textValue"
-      class="saooti-search-bounty search-icon-container"
+      class="saooti-search search-icon-container"
     />
     <div
       v-else
-      class="saooti-remove-bounty search-icon-container c-hand"
+      class="saooti-remove search-icon-container c-hand"
       @click="textValue = ''"
     />
   </div>
@@ -68,8 +68,8 @@ export default defineComponent({
       border-radius: 10px;
       margin: 0 !important;
     }
-    .saooti-search-bounty,
-    .saooti-remove-bounty {
+    .saooti-search,
+    .saooti-remove {
       font-size: 1rem;
     }
     .search-icon-container {

package/src/components/misc/HomeDropdown.vue

@@ -13,7 +13,7 @@
       class="dropdown btn-group"
     >
       <button
-        class="btn dropdown-toggle m-1 admin-button dropdown-toggle-no-caret saooti-user-octopus"
+        class="btn dropdown-toggle m-1 admin-button dropdown-toggle-no-caret saooti-user"
         data-bs-toggle="dropdown"
         aria-expanded="false"
         :title="$t('User menu')"

package/src/components/misc/TopBar.vue

@@ -47,7 +47,7 @@
       </template>
     </div>
     <button
-      class="btn-transparent saooti-burger-menu"
+      class="btn-transparent saooti-menu"
       :title="$t('open left Menu')"
       @click="onDisplayMenu(false)"
     />
@@ -218,7 +218,7 @@ export default defineComponent({
     padding: 0 0.5rem;
   }
 
-  .saooti-burger-menu {
+  .saooti-menu {
     display: none;
     cursor: pointer;
     font-size: 2rem;
@@ -251,7 +251,7 @@ export default defineComponent({
     .link-hover,.hosted-by {
       display: none;
     }
-    .saooti-burger-menu {
+    .saooti-menu {
       display: block;
     }
   }
@@ -261,7 +261,7 @@ export default defineComponent({
     .default-multiselect-width, .hosted-by, .link-hover {
       display: none;
     }
-    .saooti-burger-menu {
+    .saooti-menu {
       display: block;
     }
   }

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

@@ -47,8 +47,8 @@
             {{ thirdText }}
           </button>
           <button
-            class="btn btn-primary m-1"
             :ref="!closable && !canceltext?'focusElement':''"
+            class="btn btn-primary m-1"
             @click="onValid"
           >
             {{ validatetext }}

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

@@ -21,10 +21,10 @@
                 <h4 class="mb-3">
                   {{ $t('Configuration') }}
                 </h4>
-                <label for="share-url-newsletter">{{$t('Share')}}</label>
+                <label for="share-url-newsletter">{{ $t('Share') }}</label>
                 <input
-                  v-model="shareUrl"
                   id="share-url-newsletter"
+                  v-model="shareUrl"
                   class="form-input mb-2"
                   type="text"
                   :class="{ 'border border-danger': 0 === shareUrl }"

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

@@ -42,7 +42,7 @@
               >
                 <p>{{ embedLink }}</p>
                 <div
-                  class="saooti-copy-octopus"
+                  class="saooti-copy"
                   @click="onCopyCode(embedLink, afterCopy)"
                 />
               </div>
@@ -54,7 +54,7 @@
                   <div class="d-flex">
                     <p>{{ embedlyLink }}</p>
                     <div
-                      class="saooti-copy-octopus"
+                      class="saooti-copy"
                       @click="onCopyCode(embedlyLink, afterCopy)"
                     />
                   </div>
@@ -68,7 +68,7 @@
               >
                 <p>{{ directLink.audioUrl }}</p>
                 <div
-                  class="saooti-copy-octopus"
+                  class="saooti-copy"
                   @click="onCopyCode(directLink.audioUrl, snackbarRef)"
                 />
               </div>
@@ -178,7 +178,7 @@ export default defineComponent({
     display: flex;
     justify-content: space-between;
   }
-  .saooti-copy-octopus {
+  .saooti-copy {
     cursor: pointer;
     align-self: center;
   }

package/src/components/misc/player/PlayerCompact.vue

@@ -16,8 +16,8 @@
       v-if="!playerError"
       :title="$t('Play')"
       :class="{
-        'saooti-play2-bounty': isPaused,
-        'saooti-pause-bounty': isPlaying,
+        'saooti-play': isPaused,
+        'saooti-pause': isPlaying,
         'spinner-border':!isPaused&&!isPlaying
       }"
       class="btn play-button-box text-light primary-bg"
@@ -55,12 +55,12 @@
     </div>
     <button
       :title="$t('Enlarge')"
-      class="btn play-button-box primary-bg text-light saooti-up-bounty"
+      class="btn play-button-box primary-bg text-light saooti-up"
       @click="changePlayerLargeVersion"
     />
     <button
       :title="$t('Close')"
-      class="btn play-button-box primary-bg text-light saooti-remove-bounty"
+      class="btn play-button-box primary-bg text-light saooti-remove"
       @click="stopPlayer"
     />
     <PlayerTimeline

package/src/components/misc/player/PlayerLarge.vue

@@ -4,7 +4,7 @@
   >
     <button
       :title="$t('Reduce')"
-      class="player-reduce-button btn bg-transparent text-light saooti-down-bounty"
+      class="player-reduce-button btn bg-transparent text-light saooti-down"
       @click="changePlayerLargeVersion"
     />
     <router-link
@@ -55,15 +55,15 @@
         v-if="!playerError"
         :title="$t('Play')"
         :class="{
-          'saooti-play2-bounty': isPaused,
-          'saooti-pause-bounty': isPlaying,
+          'saooti-play': isPaused,
+          'saooti-pause': isPlaying,
           'spinner-border':!isPaused&&!isPlaying
         }"
         class="btn play-big-button-box text-light primary-bg"
         @click="switchPausePlay"
       />
       <button
-        class="btn fs-1 bg-transparent text-light saooti-forward2"
+        class="btn fs-1 bg-transparent text-light saooti-forward"
         @click="seekClick(15)"
       />
     </div>

package/src/components/misc/player/PlayerTimeline.vue

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

package/src/components/pages/Playlist.vue

@@ -34,7 +34,10 @@
             :organisation-id="myOrganisationId"
             :is-education="isEducation"
           />
-          <ShareButtons v-if="pageParameters.isShareButtons" :playlist="playlist" />
+          <ShareButtons
+            v-if="pageParameters.isShareButtons"
+            :playlist="playlist"
+          />
         </div>
       </div>
       <PodcastList :playlist="playlist" />