@saooti/octopus-sdk 30.0.63 → 30.0.64

package/README.md

@@ -559,4 +559,5 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.60 PlaylistPodcastInlineList
  * 30.0.61 Page podcast -> init recherche
  * 30.0.62 Italian translation
- * 30.0.63 Italian translation
+ * 30.0.63 Italian translation
+ * 30.0.64 Modif Le soir

package/package.json

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

package/src/assets/general.scss

@@ -238,6 +238,13 @@ body{
   .c-hand-auto {
     cursor: auto;
   }
+  .two-line-clamp{
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-word;
+  }
 
   .html-wysiwyg-content{
     h3,h4{

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

@@ -50,11 +50,23 @@
     <div
       v-for="p in podcasts"
       :key="p.podcastId"
-      class="border-top emission-item-border-color p-2 secondary-bg d-flex"
+      class="border-top emission-item-border-color p-2 secondary-bg d-flex flex-column"
     >
+      <router-link
+        v-if="isProgressBar"
+        :to="{
+          name: 'podcast',
+          params: { podcastId: p.podcastId },
+          query: { productor: $store.state.filter.organisationId },
+        }"
+        class="text-dark fw-bold two-line-clamp"
+      >
+        {{ p.title }}
+      </router-link>
       <div class="d-flex justify-content-between flex-grow-1">
         <div class="d-flex flex-column">
           <router-link
+            v-if="!isProgressBar"
             :to="{
               name: 'podcast',
               params: { podcastId: p.podcastId },
@@ -153,6 +165,9 @@ export default defineComponent({
   },
   
   computed: {
+    isProgressBar(): boolean{
+      return (state.emissionsPage.progressBar as boolean);
+    },
     buttonMore(): boolean {
       return (state.emissionsPage.buttonMore as boolean);
     },

package/src/components/pages/Podcast.vue

@@ -1,14 +1,16 @@
 <template>
   <div class="page-box">
     <template v-if="loaded && !error">
-      <h1 v-if="!isOuestFrance">
-        {{ titlePage }}
-      </h1>
-      <Countdown
-        v-if="isCounter"
-        :time-remaining="timeRemaining"
-      />
-      <div class="d-flex">
+      <div class="page-podcast-title">
+        <h1 v-if="!isOuestFrance">
+          {{ titlePage }}
+        </h1>
+        <Countdown
+          v-if="isCounter"
+          :time-remaining="timeRemaining"
+        />
+      </div>
+      <div class="d-flex page-podcast">
         <div class="d-flex flex-column flex-super-grow">
           <RecordingItemButton
             v-if="

package/src/main.ts

@@ -16,7 +16,7 @@ import 'bootstrap/dist/js/bootstrap.bundle.min.js';
 
 //TODO
 const navigatorLang = navigator.language /* || navigator.userLanguage */;
-let language = 'it';
+let language = 'fr';
 if(navigatorLang.includes('en')){
   language = 'en';
 }