@saooti/octopus-sdk 33.2.9 → 33.2.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saooti/octopus-sdk",
3
- "version": "33.2.9",
3
+ "version": "33.2.11",
4
4
  "private": false,
5
5
  "description": "Javascript SDK for using octopus",
6
6
  "author": "Saooti",
@@ -13,6 +13,8 @@
13
13
  >
14
14
  <img
15
15
  v-lazy="proxyImageUrl(emission.imageUrl, '260')"
16
+ width="260"
17
+ height="260"
16
18
  class="img-box"
17
19
  :title="$t('Emission name image', {name:emission.name})"
18
20
  :alt="$t('Emission name image', {name:emission.name})"
@@ -21,6 +21,8 @@
21
21
  >
22
22
  <img
23
23
  v-lazy="proxyImageUrl(emission.imageUrl, '260')"
24
+ width="260"
25
+ height="260"
24
26
  :title="$t('Emission name image', {name:emission.name})"
25
27
  :alt="$t('Emission name image', {name:emission.name})"
26
28
  class="img-box rounded-0"
@@ -16,7 +16,7 @@
16
16
  <ClassicDatePicker
17
17
  class="ps-3 pe-3"
18
18
  :date="fromDate"
19
- templateClass="px-2 py-1 border rounded focus:border-blue-300"
19
+ template-class="px-2 py-1 border rounded focus:border-blue-300"
20
20
  @updateDate="fromDate=$event;updateFromDate"
21
21
  />
22
22
  </div>
@@ -30,7 +30,7 @@
30
30
  <ClassicDatePicker
31
31
  class="ps-3"
32
32
  :date="toDate"
33
- templateClass="px-2 py-1 border rounded focus:border-blue-300"
33
+ template-class="px-2 py-1 border rounded focus:border-blue-300"
34
34
  @updateDate="toDate=$event;updateToDate"
35
35
  />
36
36
  </div>
@@ -46,6 +46,8 @@
46
46
  <img
47
47
  v-if="!light"
48
48
  v-lazy="proxyImageUrl(option.imageUrl, '32')"
49
+ width="32"
50
+ height="32"
49
51
  class="option__image"
50
52
  :alt="option.name"
51
53
  >
@@ -66,6 +68,8 @@
66
68
  <img
67
69
  v-if="!light"
68
70
  v-lazy="proxyImageUrl(option.imageUrl, '32')"
71
+ width="32"
72
+ height="32"
69
73
  class="option__image"
70
74
  :alt="option.name"
71
75
  >
@@ -14,6 +14,8 @@
14
14
  >
15
15
  <img
16
16
  v-lazy="proxyImageUrl(participant.imageUrl, '200')"
17
+ width="200"
18
+ height="200"
17
19
  :title="$t('Animator image')"
18
20
  :alt="$t('Animator image')"
19
21
  class="img-box-circle"
@@ -14,6 +14,8 @@
14
14
  >
15
15
  <img
16
16
  v-lazy="proxyImageUrl(playlist.imageUrl, '260')"
17
+ width="260"
18
+ height="260"
17
19
  :title="$t('Playlist name image', {name:name})"
18
20
  :alt="$t('Playlist name image', {name:name})"
19
21
  class="img-box"
@@ -5,6 +5,8 @@
5
5
  >
6
6
  <img
7
7
  v-lazy="proxyImageUrl(podcast.imageUrl,'260')"
8
+ width="260"
9
+ height="260"
8
10
  class="img-box"
9
11
  :alt="$t('Episode name image', {name:podcast.title})"
10
12
  >
@@ -33,17 +33,20 @@
33
33
  />
34
34
  <!-- eslint-enable -->
35
35
  </div>
36
- <PodcastItemInfo
37
- :podcast-id="podcast.podcastId"
38
- :title="podcast.title"
39
- :pub-date="podcast.pubDate"
40
- :podcast-organisation-id="podcast.organisation.id"
41
- :podcast-organisation-name="podcast.organisation.name"
42
- :duration="podcast.duration"
43
- :animators="podcast.animators"
36
+ <div
44
37
  @mouseenter="showDescription"
45
38
  @mouseleave="hideDescription"
46
- />
39
+ >
40
+ <PodcastItemInfo
41
+ :podcast-id="podcast.podcastId"
42
+ :title="podcast.title"
43
+ :pub-date="podcast.pubDate"
44
+ :podcast-organisation-id="podcast.organisation.id"
45
+ :podcast-organisation-name="podcast.organisation.name"
46
+ :duration="podcast.duration"
47
+ :animators="podcast.animators"
48
+ />
49
+ </div>
47
50
  </div>
48
51
  </template>
49
52
 
@@ -22,7 +22,7 @@
22
22
  }"
23
23
  class="text-dark flex-grow-1 title-podcast-item"
24
24
  >
25
- {{ title }}
25
+ {{ title }}
26
26
  </router-link>
27
27
  <PodcastPlayBar
28
28
  :podcast-id="podcastId"
@@ -30,7 +30,10 @@
30
30
  class="mx-2"
31
31
  />
32
32
  <div class="d-flex justify-content-between">
33
- <div v-if="isPodcastmaker" class="useless-div-for-podcastmaker" />
33
+ <div
34
+ v-if="isPodcastmaker"
35
+ class="useless-div-for-podcastmaker"
36
+ />
34
37
  <router-link
35
38
  v-if="!isPodcastmaker"
36
39
  :to="{
@@ -17,6 +17,8 @@
17
17
  >
18
18
  <img
19
19
  v-if="isOuestFranceTag(tag)"
20
+ width="20"
21
+ height="20"
20
22
  class="ouest-france-logo"
21
23
  alt="Ouest France Logo"
22
24
  src="/img/ouest_france_logo.svg"
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <DatePicker
3
3
  ref="datePicker"
4
- :modelValue="undefined!==range ? range : date"
4
+ :model-value="undefined!==range ? range : date"
5
5
  :mode="mode"
6
6
  color="green"
7
7
  is24hr
@@ -14,7 +14,10 @@
14
14
  :masks="isMask ? masks : undefined"
15
15
  @update:modelValue="$emit('updateDate', $event)"
16
16
  >
17
- <template v-if="templateClass" #default="{ inputValue, inputEvents }">
17
+ <template
18
+ v-if="templateClass"
19
+ #default="{ inputValue, inputEvents }"
20
+ >
18
21
  <input
19
22
  :class="templateClass"
20
23
  :value="inputValue"
@@ -15,6 +15,8 @@
15
15
  />
16
16
  <img
17
17
  v-if="imageUrl"
18
+ width="30"
19
+ height="30"
18
20
  class="img-accordion"
19
21
  :src="imageUrl"
20
22
  :alt="title"
@@ -4,7 +4,10 @@
4
4
  ref="footer"
5
5
  class="d-flex align-items-center justify-content-between border-top mt-auto"
6
6
  >
7
- <div class="d-flex align-items-center px-1" v-if="!isPodcastmaker">
7
+ <div
8
+ v-if="!isPodcastmaker"
9
+ class="d-flex align-items-center px-1"
10
+ >
8
11
  <div class="text-dark me-2">
9
12
  &copy; Saooti 2019
10
13
  </div>
@@ -23,11 +26,11 @@
23
26
  :label="$t('Change locale')"
24
27
  :transparent="true"
25
28
  :options="[{title:'Deutsch', value:'de'},
26
- {title:'English', value:'en'},
27
- {title:'Español', value:'es'},
28
- {title:'Français', value:'fr'},
29
- {title:'Italiano', value:'it'},
30
- {title:'Slovenščina', value:'sl'}]"
29
+ {title:'English', value:'en'},
30
+ {title:'Español', value:'es'},
31
+ {title:'Français', value:'fr'},
32
+ {title:'Italiano', value:'it'},
33
+ {title:'Slovenščina', value:'sl'}]"
31
34
  />
32
35
  </div>
33
36
  <a
@@ -45,6 +48,8 @@
45
48
  :title="$t('Octopus is ACPM Podcast accredited')"
46
49
  >
47
50
  <img
51
+ width="44"
52
+ height="44"
48
53
  class="acpm_image"
49
54
  src="/img/ACPM.webp"
50
55
  :title="$t('Octopus is ACPM Podcast accredited')"
@@ -1,5 +1,8 @@
1
1
  <template>
2
- <ul class="octopus-nav" :class="light?'light':''">
2
+ <ul
3
+ class="octopus-nav"
4
+ :class="light?'light':''"
5
+ >
3
6
  <li
4
7
  v-for="index in tabNumber"
5
8
  v-show="hasSlot(index-1)"
@@ -23,7 +26,10 @@
23
26
  class="octopus-tab-pane"
24
27
  :class="activeTab === (index-1)? 'active':''"
25
28
  >
26
- <slot :name="'tab'+(index-1)" :isActive="activeTab === (index-1)" />
29
+ <slot
30
+ :name="'tab'+(index-1)"
31
+ :isActive="activeTab === (index-1)"
32
+ />
27
33
  </div>
28
34
  </div>
29
35
  </template>
@@ -110,7 +110,7 @@ export default defineComponent({
110
110
  if("true"===myElement.getAttribute('reallink')){
111
111
  await myElement.click();
112
112
  }else{
113
- await this.$router.push((myElement as any).pathname);
113
+ await this.$router.push((myElement as HTMLAnchorElement).pathname);
114
114
  }
115
115
  }
116
116
  this.$nextTick(() => {
@@ -8,6 +8,8 @@
8
8
  >
9
9
  <img
10
10
  v-lazy="proxyImageUrl(podcastImage,'48')"
11
+ width="48"
12
+ height="48"
11
13
  :alt="$t('Podcast image')"
12
14
  class="player-image"
13
15
  >
@@ -13,6 +13,8 @@
13
13
  >
14
14
  <img
15
15
  v-lazy="proxyImageUrl(podcastImage,'200')"
16
+ width="200"
17
+ height="200"
16
18
  :alt="$t('Podcast image')"
17
19
  class="img-box"
18
20
  >
@@ -20,6 +20,8 @@
20
20
  <div class="mb-5 mt-3 descriptionText">
21
21
  <img
22
22
  v-lazy="proxyImageUrl(imageUrl, '260')"
23
+ width="260"
24
+ height="260"
23
25
  :alt="$t('Emission name image', { name: name })"
24
26
  class="img-box shadow-element float-start me-3 mb-3"
25
27
  >
@@ -3,6 +3,8 @@
3
3
  <div class="not-auth-content d-flex-column justify-content-between">
4
4
  <div class="d-flex flex-column justify-content-around">
5
5
  <img
6
+ width="250"
7
+ height="auto"
6
8
  class="logo-octopus"
7
9
  src="/img/logo_octopus_final.svg"
8
10
  :alt="$t('Logo of main page')"
@@ -10,6 +12,8 @@
10
12
  <h2>{{ $t('You do not have the right to access this page' ) }}</h2>
11
13
  </div>
12
14
  <img
15
+ width="600"
16
+ height="auto"
13
17
  class="stop-octopus-img"
14
18
  src="/img/403.webp"
15
19
  :alt="$t('You do not have the right to access this page')"
@@ -11,6 +11,8 @@
11
11
  >
12
12
  <img
13
13
  v-lazy="proxyImageUrl(participant.imageUrl, '200')"
14
+ width="200"
15
+ height="200"
14
16
  :title="$t('Animator image')"
15
17
  :alt="$t('Animator image')"
16
18
  class="img-box-circle mb-3"
@@ -15,6 +15,8 @@
15
15
  <div class="mb-5 mt-3 descriptionText">
16
16
  <img
17
17
  v-lazy="proxyImageUrl(imageUrl, '260')"
18
+ width="260"
19
+ height="260"
18
20
  :alt="$t('Playlist name image', { name: name })"
19
21
  class="img-box shadow-element float-start me-3 mb-3"
20
22
  >