@saooti/octopus-sdk 40.1.21 → 40.2.0

package/src/components/pages/RadioPage.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="page-box">
-    <template v-if="loaded && !error">
+    <template v-if="loaded && !error && radio">
       <PodcastmakerHeader
         v-if="isPodcastmaker"
         :page-title="$t('Radio')"
@@ -14,7 +14,10 @@
         <section class="module-box">
           <div class="mb-5 description-text">
             <RadioImage :radio="radio" />
-            <h2>{{ radio.name }}</h2>
+            <div class="d-flex align-items-center justify-content-between">
+              <h2>{{ radio.name }}</h2>
+              <ShareAnonymous class="d-flex justify-content-end flex-grow-1" :organisation-id="radio.organisationId"/>
+            </div>
             <div v-if="radio.description">
               {{ radio.description }}
             </div>
@@ -22,13 +25,13 @@
           <RadioCurrently :radio="radio" />
           <EditBoxRadio v-if="editRight" :radio="radio" />
         </section>
+        <ShareSocialsButtons :organisation-id="radio.organisationId" />
         <RadioPlanning :radio="radio" />
         <SharePlayerRadio
-          v-if="undefined !== authOrgaId"
+          v-if="editRight"
           :canal="radio"
           :organisation-id="authOrgaId"
         />
-        <ShareButtons :organisation-id="radio.organisationId" />
       </div>
     </template>
     <ClassicLoading
@@ -53,8 +56,8 @@ import { useAuthStore } from "../../stores/AuthStore";
 const SharePlayerRadio = defineAsyncComponent(
   () => import("../display/sharing/SharePlayerRadio.vue"),
 );
-const ShareButtons = defineAsyncComponent(
-  () => import("../display/sharing/ShareButtons.vue"),
+const ShareSocialsButtons = defineAsyncComponent(
+  () => import("../display/sharing/ShareSocialsButtons.vue"),
 );
 const EditBoxRadio = defineAsyncComponent(
   () => import("@/components/display/edit/EditBoxRadio.vue"),
@@ -71,16 +74,18 @@ const RadioPlanning = defineAsyncComponent(
 const PodcastmakerHeader = defineAsyncComponent(
   () => import("../display/podcastmaker/PodcastmakerHeader.vue"),
 );
+const ShareAnonymous = defineAsyncComponent(() => import("../display/sharing/ShareAnonymous.vue"));
 export default defineComponent({
   components: {
     SharePlayerRadio,
-    ShareButtons,
+    ShareSocialsButtons,
     EditBoxRadio,
     ClassicLoading,
     RadioCurrently,
     RadioImage,
     RadioPlanning,
     PodcastmakerHeader,
+    ShareAnonymous
   },
   props: {
     canalId: { default: undefined, type: Number },

package/src/components/pages/VideoPage.vue

@@ -96,7 +96,6 @@ import ClassicLoading from "../form/ClassicLoading.vue";
 import classicApi from "../../api/classicApi";
 import { Podcast } from "@/stores/class/general/podcast";
 import ClassicNav from "../misc/ClassicNav.vue";
-import {useErrorHandler} from "../composable/useErrorHandler";
 import {useSeoTitleUrl} from "../composable/route/useSeoTitleUrl";
 import {usePodcastView} from "../composable/podcasts/usePodcastView";
 import { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from "vue";
@@ -153,8 +152,6 @@ const {
 } = usePodcastView(podcast, podcastConference);
 
 const { updatePathParams } = useSeoTitleUrl();
-const {handle403} = useErrorHandler();
-
 const authStore = useAuthStore();
 const apiStore = useApiStore();
 const generalStore = useGeneralStore();

package/src/locale/de.ts

@@ -201,7 +201,6 @@ export default {
   "select productor": "Produzenten wählen",
   "Share newsletter": "Einen Newsletter teilen",
   "Configure your Newsletter tile": "Konfigurieren Sie Ihre Newsletter-Kachel",
-  "Copy and embed the HTML code into your email tool": "Kopieren Sie den HTML-Code und betten Sie ihn in Ihr E-Mail-Tool ein",
   "Listen this episode": "Diese Folge anhören",
   "Choose main color": "Wählen Sie die Farbe der Newsletter-Modulelemente",
   "Octopus is ACPM Podcast accredited": "Saooti Play ist von der ACPM zertifiziert",
@@ -274,7 +273,7 @@ export default {
   Refresh: "Aktualisieren",
   "See associated article": "Artikel lesen",
   "Display associated article": "Zugehörigen Artikel anzeigen",
-  "Copy this page URL": "Link kopieren",
+  "Copy this page URL": "Seiten-URL kopieren",
   "Custom version": "Benutzerdefiniert",
   All: "Alle",
   "By category": "Nach IAB-Kategorie",
@@ -412,4 +411,8 @@ export default {
   "Preview":"Vorschau",
   "Save":"Speichern",
   "Search for keyword": "Suche nach Schlüsselwort: {tag}",
+  "And paste it in your newsletter":"Und fügen Sie es in Ihren Newsletter ein 😉",
+  "Code copied!":"Code kopiert!",
+  "Copied!":"Kopiert!",
+  "Color of the QR Code": "Farbe des QR-Codes",
 }

package/src/locale/en.ts

@@ -199,7 +199,6 @@ export default {
   "select productor": "Select Producer",
   "Share newsletter": "Share a newsletter",
   "Configure your Newsletter tile": "Configure your Newsletter tile",
-  "Copy and embed the HTML code into your email tool": "Copy and embed the HTML code into your email tool",
   "Listen this episode": "Listen to this episode",
   "Choose main color": "Choose the color of the newsletter module elements",
   "Octopus is ACPM Podcast accredited": "Saooti Play is ACPM accredited",
@@ -269,7 +268,7 @@ export default {
   Refresh: "Refresh",
   "See associated article": "Read the article",
   "Display associated article": "Display associated article",
-  "Copy this page URL": "Copy link",
+  "Copy this page URL": "Copy the page URL",
   "Custom version": "Custom version",
   All: "All",
   "By category": "By IAB category",
@@ -415,4 +414,8 @@ export default {
   "Preview":"Preview",
   "Save":"Save",
   "Search for keyword": "Search for keyword: {tag}",
+  "And paste it in your newsletter":"And paste it in your newsletter 😉",
+  "Code copied!":"Code copied!",
+  "Copied!":"Copied!",
+  "Color of the QR Code": "Color of the QR Code",
 };

package/src/locale/es.ts

@@ -200,7 +200,6 @@ export default {
   "select productor": "Seleccionar productor",
   "Share newsletter": "Compartir newsletter",
   "Configure your Newsletter tile": "Configure el mosaico de su boletín",
-  "Copy and embed the HTML code into your email tool": "Copie e incruste el código HTML en su herramienta de correo electrónico",
   "Listen this episode": "Escuchar este episodio",
   "Choose main color": "Elija el color de los elementos del módulo de newsletter",
   "Octopus is ACPM Podcast accredited":
@@ -274,7 +273,7 @@ export default {
   Refresh: "Volver a cargar",
   "See associated article": "Leer el artículo",
   "Display associated article": "Mostrar el artículo asociado",
-  "Copy this page URL": "Copiar link",
+  "Copy this page URL": "Copiar URL de la página",
   "Custom version": "Versión personalizada",
   All: "Todos",
   "By category": "Por categoría IAB",
@@ -413,4 +412,8 @@ export default {
   "Preview":"Avance",
   "Save":"Ahorrar",
   "Search for keyword": "Buscar palabra clave: {etiqueta}",
+  "And paste it in your newsletter":"Y pégalo en tu boletín informativo 😉",
+  "Code copied!":"¡Código copiado!",
+  "Copied!":"¡Copiado!",
+  "Color of the QR Code": "Color del código QR",
 }

package/src/locale/fr.ts

@@ -201,9 +201,8 @@ export default {
   Debriefing: "Debriefing",
   Publishing: "Publication",
   "select productor": "Choisir un producteur",
-  "Share newsletter": "Partage dans votre newsletter",
+  "Share newsletter": "Intégrer dans votre newsletter",
   "Configure your Newsletter tile": "Configurez votre vignette Newsletter",
-  "Copy and embed the HTML code into your email tool": "Copiez et intégrez le code HTML dans votre outil d'e-mailing",
   "Listen this episode": "Écouter ce podcast",
   "Choose main color": "Choisir la couleur des éléments du module",
   "Octopus is ACPM Podcast accredited": "Saooti Play est accrédité ACPM Podcasts",
@@ -276,7 +275,7 @@ export default {
   Refresh: "Rafraichir",
   "See associated article": "Lire l'article",
   "Display associated article": "Afficher l'article associé",
-  "Copy this page URL": "Copier le lien",
+  "Copy this page URL": "Copier l'URL de la page",
   "Custom version": "Version customisée",
   All: "Tous",
   "By category": "Selon la catégorie IAB",
@@ -352,9 +351,9 @@ export default {
   "Share in one click":"Partager en un clic",
   "Chaptering":"Chapitrage",
   "Listen to the latest episode":"Écouter le dernier épisode",
-  "Share the episode in your newsletter": "Partagez l'épisode dans votre newsletter",
-  "Share the series in your newsletter": "Partagez l'émission dans votre newsletter",
-  "Share the playlist in your newsletter": "Partagez la playlist dans votre newsletter",
+  "Share the episode in your newsletter": "Intégrez l'épisode dans votre newsletter",
+  "Share the series in your newsletter": "Intégrez l'émission dans votre newsletter",
+  "Share the playlist in your newsletter": "Intégrez la playlist dans votre newsletter",
   "Listen to all episodes":"Écouter tous les épisodes",
   "Newsletter elements":"Pictogramme Play, nom de l'émission, Voir plus",
   "Choose text color":"Choisir la couleur du texte",
@@ -422,4 +421,8 @@ export default {
   "Preview":"Aperçu",
   "Save":"Sauvegarder",
   "Search for keyword": "Recherche pour le mot-clé: {tag}",
+  "And paste it in your newsletter":"Et collez-le dans votre newsletter 😉",
+  "Code copied!":"Code copié !",
+  "Copied!":"Copié !",
+  "Color of the QR Code": "Couleur du Qr Code",
 };

package/src/locale/it.ts

@@ -198,7 +198,6 @@ export default{
     'select productor': 'Seleziona producer',
     'Share newsletter': "Condividi newsletter",
     "Configure your Newsletter tile": 'Configura il riquadro Newsletter',
-    "Copy and embed the HTML code into your email tool": 'Copia e incorpora il codice HTML nel tuo strumento di posta elettronica',
     'Listen this episode': 'Ascolta questo episodio',
     'Choose main color': 'Scegli il colore degli elementi del modulo newsletter',
     'Octopus is ACPM Podcast accredited': 'Saooti Play è accreditata ACPM Podcast',
@@ -271,7 +270,7 @@ export default{
     'Refresh': 'Aggiorna', 
     'See associated article':"Leggi l'articolo", 
     "Display associated article":"Mostra articolo associato",
-    "Copy this page URL":"Copia link", 
+    "Copy this page URL":"Copia l'URL della pagina", 
     "Custom version":"Versione customizzata",
     "All":"Tutto", 
     'By category': 'Per categoria',
@@ -409,4 +408,8 @@ export default{
   "Preview":"Anteprima",
   "Save":"Salva",
   "Search for keyword": "Cerca parola chiave: {tag}",
+  "And paste it in your newsletter":"E incollalo nella tua newsletter 😉",
+  "Code copied!":"Codice copiato!",
+  "Copied!":"Copiato!",
+  "Color of the QR Code": "Colore del codice QR",
 };

package/src/locale/sl.ts

@@ -195,7 +195,6 @@ export default {
   "select productor": "Izberi producenta",
   "Share newsletter": "Deli glasilo",
   "Configure your Newsletter tile": "Konfigurirajte svojo ploščico Newsletter",
-  "Copy and embed the HTML code into your email tool": "Kopirajte in vdelajte kodo HTML v svoje e-poštno orodje",
   "Listen this episode": "Poslušajte to epizodo",
   "Choose main color": "Izberite barvo elementov modula newsletter",
   "Octopus is ACPM Podcast accredited":
@@ -266,7 +265,7 @@ export default {
   Refresh: "Osveži",
   "See associated article": "Preberi članek",
   "Display associated article": "Prikaži povezan vir",
-  "Copy this page URL": "Kopiraj povezavo",
+  "Copy this page URL": "Kopiraj URL strani",
   "Custom version": "Prilagojena različica",
   All: "Vse",
   "By category": "Po kategoriji IAB",
@@ -404,4 +403,8 @@ export default {
   "Preview":"Predogled",
   "Save":"Shrani",
   "Search for keyword": "Iskanje ključne besede: {tag}",
+  "And paste it in your newsletter":"In ga prilepite v svoje glasilo 😉",
+  "Code copied!":"Koda kopirana!",
+  "Copied!":"Kopirano!",
+  "Color of the QR Code": "Barva kode QR",
 }

package/src/router/router.ts

@@ -302,11 +302,6 @@ const routes: Array<RouteRecordRaw> = [
     path: "/main/pub/contact",
     component: Home,
   },
-  {
-    path: "/main/priv/share",
-    name: "advancedShare",
-    component: Home,
-  },
   {
     path: "/main/pub/cgu",
     component: Home,
@@ -367,7 +362,7 @@ async function changeOrgaFilter(orgaFilter: string, filterStore: any){
     isLive: isLive,
   });
 }
-var fetchMyOrgaActive = false;
+let fetchMyOrgaActive = false;
 router.beforeResolve(async () =>{
   fetchMyOrgaActive = false;
 });
@@ -380,8 +375,8 @@ router.beforeEach(async (to, from) => {
   const authStore = useAuthStore();
   const filterStore = useFilterStore();
   
-  var isSamePath = to.matched[0]?.path === from.matched[0]?.path && to.path.includes(from.path);
-  var orgaToFocus = isSamePath ? (to.query.productor?.toString() ?? undefined) : undefined;
+  const isSamePath = to.matched[0]?.path === from.matched[0]?.path && to.path.includes(from.path);
+  let orgaToFocus = isSamePath ? (to.query.productor?.toString() ?? undefined) : undefined;
 
   if(authStore.authProfile){
     if(!isSamePath && !fetchMyOrgaActive){

package/src/stores/class/config/commentsConfig.ts

@@ -34,8 +34,8 @@ export function defaultCommentsConfig(inherited: boolean): CommentsConfig {
     },
     commentLikes: {
       authRequired: true,
-      dislikeEnabled: true,
-      likeEnabled: true,
+      dislikeEnabled: false,
+      likeEnabled: false,
     },
     comments: {
       authRequired: true,

package/src/style/bootstrap.scss

@@ -20,7 +20,7 @@ input:not([class^="vs__"]), button:not([class^="vs__"]), select:not([class^="vs_
 	}
 
 	h1,.h1{
-		font-size: 1.8rem;
+		font-size: 1.5rem;
 		text-align: center;
 		color: var(--octopus-gray-text);
 		margin-bottom: 1rem;
@@ -32,35 +32,27 @@ input:not([class^="vs__"]), button:not([class^="vs__"]), select:not([class^="vs_
 	}
 
 	h2,.h2{
-		font-size: 1.17rem;
+		font-size: 1.1rem;
 
 		@media (width <= 500px){
 			font-size: 1rem;
 		}
 	}
 
-	.big-h2{
-		font-size: 1.5rem;
-
-		@media (width <= 500px){
-			font-size: 1.1rem;
-		}
-	}
-
 	h3,.h3{
-		font-size: 1.125rem;
+		font-size: 1.05rem;
 	}
 
 	h4,.h4{
-		font-size: 0.99rem;
+		font-size: 1rem;
 	}
 
 	h5,.h5{
-		font-size: .81rem;
+		font-size: .80rem;
 	}
 
 	h6,.h6{
-		font-size: .63rem;
+		font-size: .60rem;
 		display: flex;
     	align-items: center;
 		font-weight: normal;