@saooti/octopus-sdk 30.0.19 → 30.0.23

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

@@ -206,6 +206,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

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

@@ -6,7 +6,7 @@
     >
       <div class="hide-phone">
         <button
-          class="btn btn-arrow"
+          class="btn admin-button m-1"
           :class="{ disabled: !previousAvailable }"
           :title="$t('Display previous')"
           @click="displayPrevious()"
@@ -14,7 +14,7 @@
           <div class="saooti-arrow-left2" />
         </button>
         <button
-          class="btn btn-arrow"
+          class="btn admin-button m-1"
           :class="{ disabled: !nextAvailable }"
           :title="$t('Display next')"
           @click="displayNext()"

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

@@ -133,5 +133,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-<style lang="scss"></style>
+</script>

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

@@ -41,7 +41,7 @@
       <button
         v-show="!allFetched"
         class="btn"
-        :class="buttonPlus ? 'btn-link-plus' : 'btn-more'"
+        :class="buttonPlus ? 'btn-link' : 'btn-more'"
         :disabled="loading"
         :title="$t('See more')"
         @click="fetchContent(false)"
@@ -49,7 +49,10 @@
         <template v-if="buttonPlus">
           {{ $t('See more') }}
         </template>
-        <div class="saooti-plus" />
+        <div
+          :class="buttonPlus?'ms-1':''"
+          class="saooti-plus"
+        />
       </button>
     </template>
   </div>

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

@@ -15,7 +15,7 @@
       class="advanced-search-container"
     >
       <div class="d-flex flex-column">
-        <div class="primary-color mb-2">
+        <div class="primary-darker mb-2">
           {{ $t('Filter') }}
         </div>
         <MonetizableFilter
@@ -111,7 +111,7 @@
         </div>
       </div>
       <div class="d-flex flex-column">
-        <div class="primary-color mb-2">
+        <div class="primary-darker mb-2">
           {{ $t('Sort') }}
         </div>
         <ClassicRadio

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

@@ -112,5 +112,3 @@ export default defineComponent({
   },
 })
 </script>
-
-<style lang="scss"></style>

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

@@ -48,6 +48,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

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

@@ -146,7 +146,7 @@ export default defineComponent({
 
 .filter-speech-bubble {
   position: absolute;
-  background: $octopus-primary-color;
+  background: $octopus-primary-dark;
   border-radius: 0.4em;
   width: 10rem;
   right: 4rem;
@@ -165,7 +165,7 @@ export default defineComponent({
   width: 0;
   height: 0;
   border: 18px solid transparent;
-  border-left-color: $octopus-primary-color;
+  border-left-color: $octopus-primary-dark;
   border-right: 0;
   border-bottom: 0;
   margin-top: -9px;

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

@@ -97,6 +97,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

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

@@ -235,6 +235,4 @@ export default defineComponent({
     }
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

package/src/components/display/live/CountDown.vue

@@ -67,6 +67,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

package/src/components/display/live/LiveHorizontalList.vue

@@ -16,7 +16,7 @@
     <button
       v-show="!allFetched"
       class="btn"
-      :class="buttonPlus ? 'btn-link-plus mt-3' : 'btn-more'"
+      :class="buttonPlus ? 'btn-link mt-3' : 'btn-more'"
       :disabled="inFetching"
       :title="$t('See more')"
       @click="displayMore"
@@ -24,7 +24,10 @@
       <template v-if="buttonPlus">
         {{ $t('See more') }}
       </template>
-      <div class="saooti-plus" />
+      <div
+        :class="buttonPlus?'ms-1':''"
+        class="saooti-plus"
+      />
     </button>
   </div>
 </template>
@@ -111,6 +114,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

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

@@ -272,6 +272,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

package/src/components/display/playlist/PlaylistItem.vue

@@ -59,7 +59,7 @@
         }"
         class="text-dark"
       >
-        <div class="emission-producer primary-color">
+        <div class="emission-producer primary-darker">
           © {{ playlist.organisation.name }}
         </div>
       </router-link>
@@ -137,6 +137,4 @@ export default defineComponent({
   },
   methods: {},
 })
-</script>
-
-<style lang="scss"></style>
+</script>

package/src/components/display/playlist/PlaylistList.vue

@@ -19,7 +19,7 @@
     <button
       v-show="!allFetched && loaded"
       class="btn"
-      :class="buttonPlus ? 'btn-link-plus':'btn-more'"
+      :class="buttonPlus ? 'btn-link':'btn-more'"
       :disabled="inFetching"
       :title="$t('See more')"
       @click="displayMore"
@@ -27,7 +27,10 @@
       <template v-if="buttonPlus">
         {{ $t('See more') }}
       </template>
-      <div class="saooti-plus" />
+      <div
+        :class="buttonPlus?'ms-1':''"
+        class="saooti-plus"
+      />
     </button>
   </div>
 </template>
@@ -140,6 +143,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

package/src/components/display/playlist/PodcastList.vue

@@ -40,14 +40,17 @@
     <button
       v-show="size < podcasts.length && loaded"
       class="btn"
-      :class="buttonPlus ? 'btn-link-plus':'btn-more'"
+      :class="buttonPlus ? 'btn-link':'btn-more'"
       :title="$t('See more')"
       @click="displayMore"
     >
       <template v-if="buttonPlus">
         {{ $t('See more') }}
       </template>
-      <div class="saooti-plus" />
+      <div
+        :class="buttonPlus?'ms-1':''"
+        class="saooti-plus"
+      />
     </button>
   </div>
 </template>

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

@@ -90,6 +90,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

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

@@ -96,6 +96,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

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

@@ -13,7 +13,7 @@
       v-if="fetchConference"
       class="live-image-status"
       :class="
-        fetchConference && 'null' !== fetchConference
+        fetchConference && 'null' !== fetchConference && fetchConference.status
           ? fetchConference.status.toLowerCase() + '-bg'
           : ''
       "

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

@@ -26,7 +26,7 @@
         class="hide-phone"
       >
         <button
-          class="btn btn-arrow"
+          class="btn admin-button m-1"
           :class="{ disabled: !previousAvailable }"
           :title="$t('Display previous')"
           @click="displayPrevious()"
@@ -34,7 +34,7 @@
           <div class="saooti-arrow-left2" />
         </button>
         <button
-          class="btn btn-arrow"
+          class="btn admin-button m-1"
           :class="{ disabled: !nextAvailable }"
           :title="$t('Display next')"
           @click="displayNext()"
@@ -63,13 +63,13 @@
     </transition-group>
     <router-link
       class="btn btn-link"
-      :class="buttonPlus ? 'btn-link-plus' : ''"
+      :class="buttonPlus ? 'btn-link' : ''"
       :to="refTo"
     >
       {{ buttonText }}
       <div
         v-if="buttonPlus"
-        class="saooti-plus"
+        class="ms-1 saooti-plus"
       />
     </router-link>
   </div>
@@ -279,6 +279,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

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

@@ -23,7 +23,7 @@
     <button
       v-show="!allFetched && loaded"
       class="btn"
-      :class="buttonPlus ? 'btn-link-plus' : 'btn-more'"
+      :class="buttonPlus ? 'btn-link' : 'btn-more'"
       :disabled="inFetching"
       :title="$t('See more')"
       @click="displayMore"
@@ -31,7 +31,10 @@
       <template v-if="buttonPlus">
         {{ $t('See more') }}
       </template>
-      <div class="saooti-plus" />
+      <div
+        :class="buttonPlus?'ms-1':''"
+        class="saooti-plus"
+      />
     </button>
   </div>
 </template>
@@ -201,6 +204,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

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

@@ -281,6 +281,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

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

@@ -1,8 +1,9 @@
 <template>
   <div
     v-if="undefined !== tagList"
-    class="tag-list-component d-flex flex-wrap"
+    class="tag-list-component d-flex align-items-center flex-wrap"
   >
+    <div class="fw-bold">{{ $t('Podcast tags') + ": "}}</div>
     <div
       v-for="(tag, index) in tagList"
       :key="tag"

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

@@ -243,6 +243,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

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

@@ -31,7 +31,7 @@
       class="dropdown btn-group"
     >
       <button
-        class="btn dropdown-toggle category-rubrique-item-plus dropdown-toggle-no-caret saooti-plus"
+        class="btn dropdown-toggle admin-button dropdown-toggle-no-caret saooti-plus"
         data-bs-toggle="dropdown"
         aria-expanded="false"
         :title="$t('See more')"

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

@@ -77,6 +77,4 @@ export default defineComponent({
     },
   }
 })
-</script>
-
-<style lang="scss"></style>
+</script>

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

@@ -3,7 +3,7 @@
     <h3>{{ $t('Distribute') }}</h3>
     <p class="sharing-distribution-container">
       {{ $t('Rss feed:') }}
-      <span class="primary-color text-break">{{ rss }}</span>
+      <span class="primary-darker hide-small-screen text-break">{{ rss }}</span>
       <input
         type="button"
         :value="$t('Copy')"
@@ -192,10 +192,5 @@ export default defineComponent({
     flex-wrap: wrap;
     margin: 0.2rem 0.5rem;
   }
-  @media (max-width: 450px) {
-    .primary-color {
-      display: none;
-    }
-  }
 }
 </style>

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

@@ -366,7 +366,7 @@ export default defineComponent({
 @import '../../../sass/_variables.scss';
 .sticker {
   align-self: center;
-  background: rgba($octopus-primary-color, 0.3);
+  background: $primaryColorMoreTransparent;
   padding: 0.5rem;
   transition: all 0.5s ease;
   color: #41403e;

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

@@ -1,10 +1,8 @@
 <template>
   <div class="module-box flex-grow-0">
-    <div class="d-flex align-items-center mb-3">
-      <h3 class="mb-0">
-        {{ $t('Subscribe emission') }}
-      </h3>
-    </div>
+    <h3 class="mb-3">
+      {{ $t('Subscribe emission') }}
+    </h3>
     <div class="d-flex flex-wrap">
       <a
         v-if="amazon"

package/src/components/display/studio/RecordingItemButton.vue

@@ -5,6 +5,4 @@
 <script lang="ts">
 import { defineComponent } from 'vue'
 export default defineComponent({})
-</script>
-
-<style lang="scss"></style>
+</script>

package/src/components/form/ClassicSearch.vue

@@ -60,23 +60,25 @@ export default defineComponent({
 	}
 });
 </script>
-<style lang="scss" scoped>
-.champs-searchPage input {
-  border: 2px solid #dee2e6;
-  border-radius: 10px;
-  margin: 0 !important;
-}
-.saooti-search-bounty,
-.saooti-cross {
-  font-size: 1rem;
-}
-.search-icon-container {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  display: flex;
-  align-items: center;
-  margin: 1rem;
-}
+<style lang="scss">
+.champs-searchPage{
+  input {
+    border: 2px solid #dee2e6;
+    border-radius: 10px;
+    margin: 0 !important;
+  }
+  .saooti-search-bounty,
+  .saooti-cross {
+    font-size: 1rem;
+  }
+  .search-icon-container {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    display: flex;
+    align-items: center;
+    margin: 1rem;
+  }
+} 
 </style>