@saooti/octopus-sdk 30.0.20 → 30.0.24

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/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,11 @@
 <template>
   <div
-    v-if="undefined !== tagList"
-    class="tag-list-component d-flex flex-wrap"
+    v-if="undefined !== tagList && 0!==tagList.length"
+    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

@@ -20,7 +20,7 @@
         v-for="rubrique in rubriqueDisplay"
         :id="'rubrique' + rubrique.rubriqueId"
         :key="rubrique.rubriqueId"
-        class="rubrique-item"
+        class="rubrique-item bg-white"
         @click="addFilter(rubrique)"
       >
         {{ rubrique.name }}
@@ -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')"
@@ -205,7 +205,7 @@ export default defineComponent({
   white-space: nowrap;
   flex-shrink: 0;
   &:hover {
-    background: #ddd !important;
+    background: #eee !important;
   }
 }
 </style>

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>

package/src/components/misc/HomeDropdown.vue

@@ -1,105 +1,97 @@
 <template>
   <div
-    class="top-bar-dropdown"
+    class="d-flex align-items-center"
   >
-    <div
+    <button
       v-if="authenticated"
-      class="dropdown split-dropdown btn-group"
+      class="btn btn-primary m-1"
+      @click="goToUrl('/main/priv/backoffice')"
+    >
+      {{ $t('My space') }}
+    </button>
+    <div
+      class="dropdown btn-group"
     >
       <button
-        class="btn btn-primary main-button-dropdown"
-        @click="goToUrl('/main/priv/backoffice')"
-      >
-        {{ $t('My space') }}
-      </button>
-      <button
-        class="btn dropdown-toggle btn-primary data-selenium-dropdown-topbar dropdown-toggle-split"
+        class="btn dropdown-toggle m-1 admin-button dropdown-toggle-no-caret saooti-user-octopus"
         data-bs-toggle="dropdown"
         aria-expanded="false"
+        :title="$t('User menu')"
       />
       <div class="dropdown-menu dropdown-menu-right px-4">
-        <router-link
-          v-if="isContribution && !isPodcastmaker"
-          class="btn btn-primary w-100"
-          to="/main/priv/upload"
-        >
-          {{ $t('Upload') }}
-        </router-link>
-        <template v-if="!isPodcastmaker">
-          <router-link
-            to="/main/priv/backoffice"
-            class="show-phone dropdown-item"
-          >
-            {{ $t('My space') }}
-          </router-link>
-          <router-link
+        <template v-if="!authenticated">
+          <a
             class="dropdown-item"
-            to="/main/priv/edit/profile"
+            href="/sso/login"
           >
-            {{ $t('Edit my profile') }}
-          </router-link>
+            {{ $t('Login') }}
+          </a>
           <router-link
-            v-if="isOrganisation"
+            v-if="!isPodcastmaker"
             class="dropdown-item"
-            to="/main/priv/edit/organisation"
+            to="/main/pub/create"
           >
-            {{ $t('Edit my organisation') }}
+            {{ $t('Create an account') }}
           </router-link>
         </template>
-        <template v-if="!isEducation">
-          <hr class="dropdown-divider">
-          <a
-            href="https://help.octopus.saooti.com/Aide/"
-            class="dropdown-item"
-            rel="noopener"
-            target="_blank"
-          >
-            {{ $t('Help') }}
-          </a>
-          <a
-            href="https://help.octopus.saooti.com/"
-            class="dropdown-item"
-            rel="noopener"
-            target="_blank"
-          >
-            {{ $t('TutoMag') }}
-          </a>
-          <hr class="dropdown-divider">
-          <a
-            class="dropdown-item"
-            href="/sso/logout"
+        <template v-else>
+          <router-link
+            v-if="isContribution && !isPodcastmaker"
+            class="btn btn-primary w-100"
+            to="/main/priv/upload"
           >
-            {{ $t('Logout') }}
-          </a>
+            {{ $t('Upload') }}
+          </router-link>
+          <template v-if="!isPodcastmaker">
+            <router-link
+              to="/main/priv/backoffice"
+              class="show-phone dropdown-item"
+            >
+              {{ $t('My space') }}
+            </router-link>
+            <router-link
+              class="dropdown-item"
+              to="/main/priv/edit/profile"
+            >
+              {{ $t('Edit my profile') }}
+            </router-link>
+            <router-link
+              v-if="isOrganisation"
+              class="dropdown-item"
+              to="/main/priv/edit/organisation"
+            >
+              {{ $t('Edit my organisation') }}
+            </router-link>
+          </template>
+          <template v-if="!isEducation">
+            <hr class="dropdown-divider">
+            <a
+              href="https://help.octopus.saooti.com/Aide/"
+              class="dropdown-item"
+              rel="noopener"
+              target="_blank"
+            >
+              {{ $t('Help') }}
+            </a>
+            <a
+              href="https://help.octopus.saooti.com/"
+              class="dropdown-item"
+              rel="noopener"
+              target="_blank"
+            >
+              {{ $t('TutoMag') }}
+            </a>
+            <hr class="dropdown-divider">
+            <a
+              class="dropdown-item"
+              href="/sso/logout"
+            >
+              {{ $t('Logout') }}
+            </a>
+          </template>
         </template>
       </div>
     </div>
-    <div
-      v-else
-      class="dropdown btn-group"
-    >
-      <button
-        class="btn dropdown-toggle m-1 admin-button dropdown-toggle-no-caret saooti-user-octopus"
-        data-bs-toggle="dropdown"
-        aria-expanded="false"
-        title="Profile"
-      />
-      <div class="dropdown-menu dropdown-menu-right px-4">
-        <a
-          class="dropdown-item"
-          href="/sso/login"
-        >
-          {{ $t('Login') }}
-        </a>
-        <router-link
-          v-if="!isPodcastmaker"
-          class="dropdown-item"
-          to="/main/pub/create"
-        >
-          {{ $t('Create an account') }}
-        </router-link>
-      </div>
-    </div>
   </div>
 </template>
 
@@ -136,37 +128,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss">
-.top-bar-dropdown {
-  display: flex;
-  align-items: center;
-
-  .main-button-dropdown {
-    padding-bottom: 0.4rem;
-    width: 140px;
-    text-align: left;
-    padding-left: 15px;
-    margin-right: 30px;
-    @media (max-width: 650px) {
-      display: none;
-    }
-  }
-  .btn-group .dropdown-toggle-split {
-    align-items: center;
-    border-radius: 50%;
-    width: 40px !important;
-    height: 40px !important;
-    justify-content: center;
-    position: absolute;
-    right: 5px;
-    border: 4px solid white !important;
-    z-index: 2;
-    @media (max-width: 650px) {
-      position: relative;
-      right: auto;
-    }
-  }
-}
-</style>
+</script>

package/src/components/misc/PlayerButtons.vue

@@ -23,7 +23,7 @@
     />
   </div>
   <div
-    v-if="(isPlaying || isPaused) && (media || isStop)"
+    v-if="isPlaying || isPaused"
     class="play-button-box primary-bg text-light"
     @click="stopPlayer"
   >
@@ -61,9 +61,6 @@ export default defineComponent({
       if (this.$store.state.player.podcast) return this.$store.state.player.podcast.imageUrl;
       return '';
     },
-    isStop(): boolean{
-      return this.$store.state.player.stop;
-    },
     media(): undefined|Media{
       return this.$store.state.player.media;
     },

package/src/components/misc/TopBar.vue

@@ -34,7 +34,7 @@
       :reset="reset"
       @selected="onOrganisationSelected"
     />
-    <div class="d-flex justify-content-center flex-grow-1">
+    <div class="d-flex justify-content-end flex-grow-1">
       <router-link
         v-if="
           isLiveTab &&
@@ -101,7 +101,7 @@
     </div>
     <div class="d-flex flex-column">
       <div class="hosted-by">
-        <span>{{ $t('Hosted by') }}</span><span class="ms-1 me-1 primary-color">Saooti</span>
+        <span>{{ $t('Hosted by') }}</span><span class="ms-1 me-1 primary-darker">Saooti</span>
       </div>
       <div class="d-flex justify-content-end flex-nowrap">
         <HomeDropdown :is-education="isEducation" />

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

@@ -32,7 +32,7 @@
         >
           <button
             v-if="canceltext"
-            class="btn btn-light m-1"
+            class="btn m-1"
             @click="onCancel"
           >
             {{ canceltext }}
@@ -86,6 +86,4 @@ export default defineComponent({
     },
   },
 })
-</script>
-
-<style lang="scss"></style>
+</script>

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

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

package/src/components/pages/Emission.vue

@@ -233,12 +233,8 @@ export default defineComponent({
         this.$emit('emissionTitle', this.name);
         this.loaded = true;
         if (!this.emission.annotations) return;
-        if (this.emission.annotations.RSS) {
-          this.rssEmission = true;
-        }
-        if (this.emission.annotations.FTP) {
-          this.ftpEmission = true;
-        }
+        this.rssEmission = this.emission.annotations.RSS? true: false;
+        this.ftpEmission = this.emission.annotations.FTP? true: false;
         if (this.emission.annotations.exclusive) {
           this.exclusive =
             'true' === this.emission.annotations.exclusive ? true : false;

package/src/components/pages/Playlists.vue

@@ -4,7 +4,7 @@
     <router-link
       v-if="editRight && !isPodcastmaker"
       to="/main/priv/edit/playlist"
-      class="d-flex justify-content-center"
+      class="d-flex justify-content-center my-3"
     >
       <button class="btn btn-primary">
         {{ $t('Create playlist') }}

package/src/components/pages/Rubrique.vue

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

package/src/locale/en.ts

@@ -295,4 +295,6 @@ export default{
   "Download":"Download",
   "Download started": 'Download started',
   'From RSS': "From an RSS feed",
+  "User menu":"User menu",
+  'Podcast tags': 'Podcast tags',
 };

package/src/locale/fr.ts

@@ -295,4 +295,6 @@ export default{
   "Download":"Télécharger",
   "Download started": 'Téléchargement lancé',
   'From RSS': "Issu d'un flux RSS",
+  "User menu":"Menu utilisateur",
+  'Podcast tags': "Mot-clé de l'épisode",
 };