@saooti/octopus-sdk 30.0.13 → 30.0.17

package/README.md

@@ -510,4 +510,8 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.10 PB clearInterval
  * 30.0.11 Version pour release
  * 30.0.12 Export ClasicLoading
- * 30.0.13 Améliorations css
+ * 30.0.13 Améliorations css
+ * 30.0.14 Améliorations css
+ * 30.0.15 Améliorations css
+ * 30.0.16 Change Aria-Label in title
+ * 30.0.17 Oups

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "30.0.13",
+  "version": "30.0.17",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -14,10 +14,10 @@
   },
   "main": "./dist/octopus.common.js",
   "dependencies": {
-    "@popperjs/core": "^2.10.2",
+    "@popperjs/core": "^2.11.0",
     "@saooti/octopus-api": "^0.30.2",
-    "@vue/cli": "^5.0.0-rc.0",
-    "@vue/compat": "^3.2.21",
+    "@vue/cli": "^5.0.0-rc.1",
+    "@vue/compat": "^3.2.26",
     "axios": "^0.24.0",
     "bootstrap": "^5.1.3",
     "core-js": "^3.19.01",
@@ -42,22 +42,22 @@
     "webpack": "^5.62.1"
   },
   "devDependencies": {
-    "@types/bootstrap": "^5.1.6",
+    "@types/bootstrap": "^5.1.8",
     "@types/hls.js": "^1.0.0",
-    "@types/jquery": "^3.5.8",
+    "@types/jquery": "^3.5.11",
     "@types/vue-datetime": "^1.0.1",
-    "@typescript-eslint/eslint-plugin": "^5.3.0",
-    "@typescript-eslint/parser": "^5.3.0",
-    "@vue/cli-plugin-babel": "^5.0.0-rc.0",
-    "@vue/cli-plugin-eslint": "^5.0.0-rc.0",
-    "@vue/cli-plugin-typescript": "^5.0.0-rc.0",
-    "@vue/cli-service": "^5.0.0-rc.0",
-    "@vue/compiler-sfc": "^3.2.21",
+    "@typescript-eslint/eslint-plugin": "^5.8.1",
+    "@typescript-eslint/parser": "^5.8.1",
+    "@vue/cli-plugin-babel": "^5.0.0-rc.1",
+    "@vue/cli-plugin-eslint": "^5.0.0-rc.1",
+    "@vue/cli-plugin-typescript": "^5.0.0-rc.1",
+    "@vue/cli-service": "^5.0.0-rc.1",
+    "@vue/compiler-sfc": "^3.2.26",
     "@vue/eslint-config-typescript": "^8.0.0",
     "babel-eslint": "^10.1.0",
     "eslint": "^8.2.0",
     "eslint-plugin-vue": "^7.20.0",
-    "typescript": "^4.4.4"
+    "typescript": "^4.5.4"
   },
   "eslintConfig": {
     "parser": "vue-eslint-parser",

package/src/assets/bootstrap-diff.scss

@@ -255,10 +255,16 @@
     .accordion-button {
         padding: 0.5rem;
     }
+    .accordion-item:not(:first-of-type) {
+        border-top: 0.1rem solid rgba(0, 0, 0, 0.125);
+    }
     .breadcrumb{
         padding: 1rem;
         align-items: center;
     }
+    .bg-secondary{
+        background: #eee !important;
+    }
 }
 
 	

package/src/assets/multiselect.scss

@@ -166,7 +166,6 @@
         line-height: 28px;
         border: none;
         border-radius: 5px;
-        background: #fff;
         padding: 0 0 0 5px;
         width: 100%;
         transition: border 0.1s ease;

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

@@ -6,7 +6,7 @@
     <label
       :for="id"
       class="d-inline"
-      aria-label="select category"
+      title="select category"
     />
     <VueMultiselect
       :id="id"

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

@@ -2,7 +2,7 @@
   <div v-if="isDisplay">
     <nav
       v-if="categoryFilter || rubriqueFilter.length"
-      aria-label="breadcrumb"
+      title="breadcrumb"
     >
       <ol class="breadcrumb">
         <li class="breadcrumb-item">

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

@@ -22,7 +22,7 @@
         class="btn dropdown-toggle category-rubrique-item-plus dropdown-toggle-no-caret saooti-plus"
         data-bs-toggle="dropdown"
         aria-expanded="false"
-        :aria-label="$t('See more')"
+        :title="$t('See more')"
       />
       <ul class="dropdown-menu dropdown-menu-right px-4">
         <div

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

@@ -149,7 +149,7 @@
     </div>
     <div
       :id="'commentItemDetail'+comment.comId"
-      :aria-labelledby="'commentItem'+comment.comId"
+      :titleledby="'commentItem'+comment.comId"
     >
       <CommentInput
         v-if="!isFlat || (isFlat && !comment.commentIdReferer) && collapseVisible"

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

@@ -39,7 +39,7 @@
       class="btn btn-primary mt-2"
       :class="comId ? 'align-self-start' : 'align-self-center'"
       :disabled="inFetching"
-      :aria-label="$t('See more comments')"
+      :title="$t('See more comments')"
       @click="displayMore"
     >
       {{ $t('See more comments') }}

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

@@ -17,7 +17,7 @@
       </h2>
       <button
         v-if="!isLive"
-        :aria-label="$t('Refresh')"
+        :title="$t('Refresh')"
         class="saooti-refresh-stud btn btn-reload primary-color"
         @click="reloadComments"
       />

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

@@ -2,24 +2,24 @@
   <div class="d-flex">
     <button
       class="btn btn-comment-edit saooti-edit-bounty"
-      aria-label="edit"
+      title="edit"
       @click="editComment"
     />
     <button
       v-if="'Pending' === comment.status || 'Invalid' === comment.status"
       class="btn btn-comment-edit saooti-valid-stud"
-      aria-label="valid"
+      title="valid"
       @click="validComment"
     />
     <button
       v-if="'Pending' === comment.status || 'Valid' === comment.status"
       class="btn btn-comment-edit saooti-cross"
-      aria-label="invalid"
+      title="invalid"
       @click="invalidComment"
     />
     <button
       class="btn btn-comment-edit saooti-bin"
-      aria-label="delete"
+      title="delete"
       @click="deleteComment"
     />
   </div>

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

@@ -6,7 +6,7 @@
     <label
       for="emissionChooser"
       class="d-inline"
-      aria-label="select emission"
+      title="select emission"
     />
     <VueMultiselect
       id="emissionChooser"

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

@@ -8,7 +8,7 @@
         <button
           class="btn btn-arrow"
           :class="{ disabled: !previousAvailable }"
-          :aria-label="$t('Display previous')"
+          :title="$t('Display previous')"
           @click="displayPrevious()"
         >
           <div class="saooti-arrow-left2" />
@@ -16,7 +16,7 @@
         <button
           class="btn btn-arrow"
           :class="{ disabled: !nextAvailable }"
-          :aria-label="$t('Display next')"
+          :title="$t('Display next')"
           @click="displayNext()"
         >
           <div class="saooti-arrow-right2" />

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

@@ -8,7 +8,7 @@
         params: { emissionId: emission.emissionId },
         query: { productor: $store.state.filter.organisationId },
       }"
-      :aria-label="$t('Emission')"
+      :title="$t('Emission')"
       class="d-flex text-dark"
     >
       <div

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

@@ -43,7 +43,7 @@
         class="btn"
         :class="buttonPlus ? 'btn-link-plus' : 'btn-more'"
         :disabled="loading"
-        :aria-label="$t('See more')"
+        :title="$t('See more')"
         @click="fetchContent(false)"
       >
         <template v-if="buttonPlus">

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

@@ -87,7 +87,7 @@
         >
           <div
             class="text-light saooti-play2-bounty"
-            :aria-label="$t('Play')"
+            :title="$t('Play')"
           />
         </div>
         <div
@@ -97,7 +97,7 @@
         >
           <div
             class="text-light saooti-pause-bounty"
-            :aria-label="$t('Pause')"
+            :title="$t('Pause')"
           />
         </div>
       </div>

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

@@ -37,7 +37,7 @@
     <button
       v-if="index"
       class="btn admin-button ms-1 saooti-bin"
-      aria-label="delete"
+      title="delete"
       @click="deleteRubriquage"
     />
   </div>

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

@@ -18,7 +18,7 @@
       class="btn"
       :class="buttonPlus ? 'btn-link-plus mt-3' : 'btn-more'"
       :disabled="inFetching"
-      :aria-label="$t('See more')"
+      :title="$t('See more')"
       @click="displayMore"
     >
       <template v-if="buttonPlus">

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

@@ -86,7 +86,7 @@
         <router-link
           v-for="animator in live.animators"
           :key="animator.participantId"
-          :aria-label="$t('Participant')"
+          :title="$t('Participant')"
           class="fw-bold"
           :to="{
             name: 'participant',

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

@@ -7,7 +7,7 @@
     <label
       for="organisationChooser"
       class="d-inline"
-      aria-label="select productor"
+      title="select productor"
     />
     <VueMultiselect
       id="organisationChooser"

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

@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="(!value || init) && organisation"
-    class="default-multiselect-width"
+    class="default-multiselect-width organisation-chooser-light"
     :style="{ width: width }"
   >
     <select
@@ -20,14 +20,13 @@
     <label
       :for="'organisation_chooser_light' + page"
       class="d-inline"
-      :aria-label="$t('select productor')"
+      :title="$t('select productor')"
     />
   </div>
 </template>
 
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
-
 import { Organisation } from '@/store/class/general/organisation';
 import { defineComponent } from 'vue'
 export default defineComponent({
@@ -83,8 +82,8 @@ export default defineComponent({
 })
 </script>
 
-<style lang="scss" scoped>
-select {
+<style lang="scss">
+.organisation-chooser-light select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

package/src/components/display/participant/ParticipantItem.vue

@@ -10,7 +10,7 @@
         query: { productor: $store.state.filter.organisationId },
       }"
       class="mt-3 text-dark"
-      :aria-label="$t('Participant')"
+      :title="$t('Participant')"
     >
       <div
         class="img-box-circle"

package/src/components/display/participant/ParticipantList.vue

@@ -24,7 +24,7 @@
       <button
         v-show="!allFetched"
         class="btn btn-more saooti-plus"
-        :aria-label="$t('See more')"
+        :title="$t('See more')"
         :disabled="loading"
         @click="fetchContent(false)"
       />

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

@@ -9,7 +9,7 @@
         params: { playlistId: playlist.playlistId },
         query: { productor: $store.state.filter.organisationId },
       }"
-      :aria-label="$t('Playlist')"
+      :title="$t('Playlist')"
       class="text-dark"
     >
       <div

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

@@ -21,7 +21,7 @@
       class="btn"
       :class="buttonPlus ? 'btn-link-plus':'btn-more'"
       :disabled="inFetching"
-      :aria-label="$t('See more')"
+      :title="$t('See more')"
       @click="displayMore"
     >
       <template v-if="buttonPlus">

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

@@ -41,7 +41,7 @@
       v-show="size < podcasts.length && loaded"
       class="btn"
       :class="buttonPlus ? 'btn-link-plus':'btn-more'"
-      :aria-label="$t('See more')"
+      :title="$t('See more')"
       @click="displayMore"
     >
       <template v-if="buttonPlus">

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

@@ -12,7 +12,7 @@
         params: { participantId: animator.participantId },
         query: { productor: $store.state.filter.organisationId },
       }"
-      :aria-label="$t('Participant')"
+      :title="$t('Participant')"
     >
       <div class="podcast-item-animator text-dark">
         {{ getAnimatorName(animator) }}

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

@@ -8,7 +8,7 @@
       :id="idPopover"
       tabindex="-1"
       class="saooti-help m-0"
-      :aria-label="$t('Help')"
+      :title="$t('Help')"
     />
     <span class="mx-1">:</span>
     <Popover
@@ -37,7 +37,7 @@
     <router-link
       v-for="participant in participants"
       :key="participant.participantId"
-      :aria-label="$t('Participant')"
+      :title="$t('Participant')"
       class="fw-bold"
       :to="{
         name: 'participant',

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

@@ -38,7 +38,7 @@
       >
         <div
           v-show="!playingPodcast"
-          :aria-label="$t('Play')"
+          :title="$t('Play')"
           class="saooti-play2-bounty primary-color"
         />
         <div
@@ -60,7 +60,7 @@
         class="icon-container error-icon"
       >
         <div
-          :aria-label="textVisible"
+          :title="textVisible"
           class="big-icon-error"
           :class="iconName"
         />
@@ -75,13 +75,13 @@
     <div
       v-if="!isDescription && displayDescription && isMobile"
       class="background-icon primary-bg saooti-arrow-up2"
-      :aria-label="$t('Show description')"
+      :title="$t('Show description')"
       @click="showDescription"
     />
     <div
       v-if="isDescription && displayDescription && isMobile"
       class="background-icon primary-bg saooti-arrow-down2"
-      :aria-label="$t('Hide description')"
+      :title="$t('Hide description')"
       @click="showDescription"
     />
   </div>

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

@@ -28,7 +28,7 @@
         <button
           class="btn btn-arrow"
           :class="{ disabled: !previousAvailable }"
-          :aria-label="$t('Display previous')"
+          :title="$t('Display previous')"
           @click="displayPrevious()"
         >
           <div class="saooti-arrow-left2" />
@@ -36,7 +36,7 @@
         <button
           class="btn btn-arrow"
           :class="{ disabled: !nextAvailable }"
-          :aria-label="$t('Display next')"
+          :title="$t('Display next')"
           @click="displayNext()"
         >
           <div class="saooti-arrow-right2" />

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

@@ -25,7 +25,7 @@
       class="btn"
       :class="buttonPlus ? 'btn-link-plus' : 'btn-more'"
       :disabled="inFetching"
-      :aria-label="$t('See more')"
+      :title="$t('See more')"
       @click="displayMore"
     >
       <template v-if="buttonPlus">

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

@@ -6,7 +6,7 @@
     <label
       :for="id"
       class="d-inline"
-      aria-label="select rubrique"
+      title="select rubrique"
     />
     <VueMultiselect
       :id="id"

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

@@ -34,7 +34,7 @@
         class="btn dropdown-toggle category-rubrique-item-plus dropdown-toggle-no-caret saooti-plus"
         data-bs-toggle="dropdown"
         aria-expanded="false"
-        :aria-label="$t('See more')"
+        :title="$t('See more')"
       />
       <ul class="dropdown-menu dropdown-menu-right px-4">
         <div

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

@@ -22,7 +22,7 @@
       <div
         id="playerParameters"
         class="accordion-collapse collapse"
-        aria-labelledby="labelPlayerParameter"
+        titleledby="labelPlayerParameter"
         data-bs-parent="#accordionParameters"
       >
         <div class="accordion-body">
@@ -66,7 +66,7 @@
               >
               <label
                 for="number-input"
-                :aria-label="$t('Number of player podcasts')"
+                :title="$t('Number of player podcasts')"
               />
               <span class="flex-shrink-0">{{ $t('Last podcasts') }}</span>
             </div>

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

@@ -15,7 +15,7 @@
         id="popover-share-help"
         tabindex="-1"
         class="saooti-help ms-2"
-        :aria-label="$t('Help')"
+        :title="$t('Help')"
       />
       <Popover
         v-if="authenticated"
@@ -40,7 +40,6 @@
         rel="noopener"
         target="_blank"
         download
-        :aria-label="$t('Downloading')"
       >
         <div class="saooti-download-bounty" />
       </a>
@@ -53,7 +52,6 @@
           verticalDisplay ? '' : 'mx-2',
         ]"
         title="Facebook"
-        aria-label="Facebook"
       >
         <span
           v-if="!bigRound"
@@ -73,7 +71,6 @@
         ]"
         :href="twitterURL"
         title="Twitter"
-        aria-label="Twitter"
       >
         <span
           v-if="!bigRound"
@@ -93,7 +90,6 @@
         ]"
         :href="linkedinURL"
         title="Linkedin"
-        aria-label="Linkedin"
       >
         <span
           v-if="!bigRound"
@@ -114,7 +110,6 @@
         ]"
         :href="rssUrl"
         :title="$t('Subscribe to this emission')"
-        aria-label="RSS"
         @click.prevent="openPopup()"
       >
         <span
@@ -133,7 +128,6 @@
           bigRound ? 'btn btn-big-round' : 'btn btn-rss share-btn mb-2',
           verticalDisplay ? '' : 'mx-2',
         ]"
-        aria-label="copy"
         :title="$t('Copy this page URL')"
         @click="onCopyCode(urlPage,afterCopy)"
       >
@@ -154,7 +148,6 @@
           bigRound ? 'btn btn-big-round' : 'btn btn-rss share-btn mb-2',
           verticalDisplay ? '' : 'mx-2',
         ]"
-        :aria-label="$t('Share newsletter')"
         :title="$t('Share newsletter')"
         @click="newsletter = true"
       >
@@ -175,7 +168,6 @@
           bigRound ? 'btn btn-big-round' : 'btn btn-rss share-btn mb-2',
           verticalDisplay ? '' : 'mx-2',
         ]"
-        :aria-label="$t('Share QR Code')"
         :title="$t('Share QR Code')"
         @click="qrCode = true"
       >
@@ -197,7 +189,6 @@
           bigRound ? 'btn btn-big-round' : 'btn btn-whatsapp share-btn mb-2',
           verticalDisplay ? '' : 'mx-2',
         ]"
-        aria-label="Whatsapp"
         title="Whatsapp"
       >
         <span

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

@@ -8,7 +8,7 @@
         type="button"
         :value="$t('Copy')"
         class="btn btn-primary"
-        :aria-label="$t('Copy')"
+        :title="$t('Copy')"
         @click="onCopyCode(rss, afterCopy)"
       >
     </p>

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

@@ -2,7 +2,7 @@
   <div class="d-flex flex-column">
     <label
       for="iframe-select"
-      aria-label="select miniplayer"
+      title="select miniplayer"
     />
     <select
       id="iframe-select"

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

@@ -12,7 +12,7 @@
         target="_blank"
         class="btn me-3 mb-2 share-btn"
         :href="amazon"
-        aria-label="amazon"
+        title="amazon"
       >
         <span class="saooti-amazon">
           <div class="path1" />
@@ -26,7 +26,7 @@
         target="_blank"
         class="btn me-3 mb-2 share-btn"
         :href="applePodcast"
-        aria-label="Apple"
+        title="Apple"
       >
         <span class="saooti-apple" />
       </a>
@@ -36,7 +36,7 @@
         target="_blank"
         class="btn me-3 mb-2 share-btn"
         :href="deezer"
-        aria-label="Deezer"
+        title="Deezer"
       >
         <span class="saooti-deezer" />
       </a>
@@ -46,7 +46,7 @@
         target="_blank"
         class="btn me-3 mb-2 share-btn"
         :href="playerFm"
-        aria-label="playerFm"
+        title="playerFm"
       >
         <span class="saooti-playerfm" />
       </a>
@@ -56,7 +56,7 @@
         target="_blank"
         class="btn me-3 mb-2 share-btn"
         :href="podcastAddict"
-        aria-label="podcastAddict"
+        title="podcastAddict"
       >
         <span class="saooti-podcast-addict" />
       </a>
@@ -66,7 +66,7 @@
         target="_blank"
         class="btn me-3 mb-2 btn-radioline share-btn"
         :href="radioline"
-        aria-label="Radioline"
+        title="Radioline"
       >
         <span class="saooti-radioline" />
       </a>
@@ -76,7 +76,7 @@
         target="_blank"
         class="btn me-3 mb-2 share-btn"
         :href="spotify"
-        aria-label="Spotify"
+        title="Spotify"
       >
         <span class="saooti-spotify" />
       </a>
@@ -86,7 +86,7 @@
         target="_blank"
         class="btn me-3 mb-2 share-btn"
         :href="stitcher"
-        aria-label="stitcher"
+        title="stitcher"
       >
         <span class="saooti-stitcher-logo">
           <div class="path1" />
@@ -114,7 +114,7 @@
         target="_blank"
         class="btn me-3 mb-2 share-btn"
         :href="tunein"
-        aria-label="Tunin"
+        title="Tunin"
       >
         <span class="saooti-tunin" />
       </a>

package/src/components/form/ClassicSearch.vue

@@ -11,7 +11,7 @@
     >
     <label
       :for="idSearch"
-      :aria-label="label"
+      :title="label"
     />
     <div
       v-if="!textValue"

package/src/components/misc/Footer.vue

@@ -106,7 +106,7 @@
           href="https://www.acpm.fr/L-ACPM/Certifications-et-Labels/Les-Podcasts"
           rel="noopener"
           target="_blank"
-          :aria-label="$t('Octopus is ACPM Podcast accredited')"
+          :title="$t('Octopus is ACPM Podcast accredited')"
         >
           <img
             class="acpm_image"

package/src/components/misc/HomeDropdown.vue

@@ -82,7 +82,7 @@
         class="btn dropdown-toggle m-1 admin-button dropdown-toggle-no-caret saooti-user-octopus"
         data-bs-toggle="dropdown"
         aria-expanded="false"
-        aria-label="Profile"
+        title="Profile"
       />
       <div class="dropdown-menu dropdown-menu-right px-4">
         <a

package/src/components/misc/PlayerButtons.vue

@@ -15,7 +15,7 @@
     @click="switchPausePlay"
   >
     <div
-      :aria-label="$t('Play')"
+      :title="$t('Play')"
       :class="{
         'saooti-play2-bounty': isPaused,
         'saooti-pause-bounty': isPlaying,
@@ -29,7 +29,7 @@
   >
     <div
       class="saooti-stop-bounty"
-      :aria-label="$t('Stop')"
+      :title="$t('Stop')"
     />
   </div>
 </template>

package/src/components/misc/TopBar.vue

@@ -5,7 +5,7 @@
   >
     <div
       class="saooti-burger-menu"
-      :aria-label="$t('open left Menu')"
+      :title="$t('open left Menu')"
       @click="onDisplayMenu(false)"
     />
     <router-link
@@ -106,7 +106,7 @@
       <div class="d-flex justify-content-end flex-nowrap">
         <HomeDropdown :is-education="isEducation" />
         <router-link
-          :aria-label="$t('Search')"
+          :title="$t('Search')"
           :to="{
             name: 'podcasts',
             query: { productor: $store.state.filter.organisationId },

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

@@ -10,7 +10,7 @@
           <button
             type="button"
             class="btn-close"
-            aria-label="Close"
+            title="Close"
             @click="closePopup"
           />
         </div>
@@ -22,7 +22,7 @@
               type="button"
               :value="$t('Copy')"
               class="btn btn-primary"
-              :aria-label="$t('Copy')"
+              :title="$t('Copy')"
               @click="onCopyCode(link, afterCopy)"
             >
           </p>

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

@@ -14,7 +14,7 @@
             v-if="closable"
             type="button"
             class="btn-close"
-            aria-label="Close"
+            title="Close"
             @click="closePopup"
           />
         </div>

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

@@ -52,7 +52,7 @@
                     type="button"
                     :value="$t('Copy')"
                     class="btn btn-primary"
-                    :aria-label="$t('Copy')"
+                    :title="$t('Copy')"
                     @click="onCopyCode(newsletterHtml, afterCopy)"
                   >
                 </div>
@@ -64,7 +64,7 @@
                 />
                 <label
                   for="newsletter_code_textarea"
-                  :aria-label="$t('HTML Code')"
+                  :title="$t('HTML Code')"
                 />
               </div>
             </div>
@@ -143,7 +143,7 @@ export default defineComponent({
       if(this.podcast.article && 0 !== this.podcast.article.length){
         return (`<a href="` +
           this.podcast.article +
-          `" aria-label="` +
+          `" title="` +
           this.$t('See associated article') +
           `">
           <img width="44" height="44" style="display: inline-block;vertical-align: middle; margin-right:3px" src="` +
@@ -239,7 +239,7 @@ export default defineComponent({
       <div style="font-family: Arial, sans-serif;font-size: 12px;line-height: 20px;background: #f3f3f3;vertical-align: middle;padding: 15px 10px;display: flex; align-items:center; flex-wrap:wrap">
         <a href="` +
           window.location.href +
-          `" aria-label="` +
+          `" title="` +
           this.$t('Listen this episode') +
           `">
           <img width="44" height="44" style="display: inline-block;vertical-align: middle" src="` +

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

@@ -13,7 +13,7 @@
           <button
             type="button"
             class="btn-close"
-            aria-label="Close"
+            title="Close"
             @click="closePopup"
           />
         </div>

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

@@ -14,7 +14,7 @@
             <button
               type="button"
               class="btn-close"
-              aria-label="Close"
+              title="Close"
               @click="closePopup"
             />
           </div>

package/src/components/pages/Emission.vue

@@ -14,6 +14,7 @@
             :rss-emission="rssEmission"
             :ftp-emission="ftpEmission"
             :is-ready="isReady"
+            @isUpdated="getEmissionDetails"
           />
           <div class="module-box">
             <h2 v-if="!isOuestFrance">
@@ -215,8 +216,6 @@ export default defineComponent({
   },
   watch: {
     emissionId(): void {
-      this.loaded = false;
-      this.error = false;
       this.getEmissionDetails();
     },
   },
@@ -226,6 +225,8 @@ export default defineComponent({
   },
   methods: {
     async getEmissionDetails(): Promise<void> {
+      this.loaded = false;
+      this.error = false;
       try {
         const data: Emission = await octopusApi.fetchEmission(this.emissionId);
         this.emission = data;

package/src/components/pages/Participant.vue

@@ -36,7 +36,6 @@
           <a
             class="btn btn-big-round"
             :title="$t('Subscribe to this participant')"
-            :aria-label="$t('Subscribe to this participant')"
             :href="rssUrl"
             rel="noopener"
             target="_blank"