@saooti/octopus-sdk 36.0.27 → 36.0.29
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 +1 -1
- package/src/assets/general.scss +4 -0
- package/src/assets/share.scss +4 -3
- package/src/components/display/categories/CategoryFilter.vue +1 -1
- package/src/components/display/list/SwiperList.vue +3 -3
- package/src/components/display/live/RadioImage.vue +2 -2
- package/src/components/display/participant/ParticipantItem.vue +1 -0
- package/src/components/display/podcasts/PodcastFilterList.vue +1 -1
- package/src/components/display/podcasts/PodcastImage.vue +2 -2
- package/src/components/display/podcasts/PodcastInlineList.vue +1 -1
- package/src/components/display/podcasts/PodcastInlineListClassic.vue +6 -3
- package/src/components/display/podcasts/PodcastItem.vue +4 -4
- package/src/components/display/podcasts/PodcastList.vue +6 -3
- package/src/components/display/podcasts/PodcastSwiperList.vue +6 -3
- package/src/components/form/ClassicMultiselect.vue +2 -0
- package/src/components/form/ClassicSearch.vue +1 -0
- package/src/components/form/Wysiwyg.vue +35 -6
- package/src/components/pages/Category.vue +4 -1
- package/src/components/pages/Emission.vue +1 -1
- package/src/components/pages/Podcasts.vue +4 -1
- package/src/sass/_variables.scss +2 -1
- package/src/stores/ParamSdkStore.ts +1 -1
package/package.json
CHANGED
package/src/assets/general.scss
CHANGED
package/src/assets/share.scss
CHANGED
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
margin: 1em 0 0;
|
|
78
78
|
padding: 0;
|
|
79
79
|
display: grid; /* 1 */
|
|
80
|
-
grid-template-columns: repeat(auto-fill, $octopus-item-size); /* 2 */
|
|
80
|
+
grid-template-columns: repeat(auto-fill, $octopus-item-podcast-size); /* 2 */
|
|
81
81
|
grid-gap: 1rem; /* 3 */
|
|
82
82
|
justify-content: space-between; /* 4 */
|
|
83
83
|
@media (max-width: 960px) {
|
|
@@ -143,10 +143,10 @@
|
|
|
143
143
|
&.three-emissions {
|
|
144
144
|
grid-template-columns: repeat(auto-fill, 32%); /* 2 */
|
|
145
145
|
}
|
|
146
|
-
@media (max-width:
|
|
146
|
+
@media (max-width: 1100px) {
|
|
147
147
|
grid-template-columns: auto !important;
|
|
148
148
|
display: flex !important;
|
|
149
|
-
flex-
|
|
149
|
+
flex-direction: column;
|
|
150
150
|
}
|
|
151
151
|
}
|
|
152
152
|
|
|
@@ -280,6 +280,7 @@
|
|
|
280
280
|
align-items: center;
|
|
281
281
|
justify-content: center;
|
|
282
282
|
z-index: 2;
|
|
283
|
+
width: fit-content;
|
|
283
284
|
|
|
284
285
|
&:hover {
|
|
285
286
|
background: #00000030;
|
|
@@ -50,7 +50,7 @@ export default defineComponent({
|
|
|
50
50
|
if (window.innerWidth <= 450) {
|
|
51
51
|
return 12.5;
|
|
52
52
|
}
|
|
53
|
-
return state.generalParameters.podcastItem ? state.generalParameters.podcastItem:
|
|
53
|
+
return state.generalParameters.podcastItem ? state.generalParameters.podcastItem: 13.5;
|
|
54
54
|
},
|
|
55
55
|
},
|
|
56
56
|
|
|
@@ -93,7 +93,7 @@ export default defineComponent({
|
|
|
93
93
|
.swiper-button-prev{
|
|
94
94
|
left: 0;
|
|
95
95
|
}
|
|
96
|
-
.swiper-slide-active{
|
|
96
|
+
/* .swiper-slide-active{
|
|
97
97
|
padding-left:27px;
|
|
98
98
|
@media (max-width: 550px) {
|
|
99
99
|
padding-left:0;
|
|
@@ -101,7 +101,7 @@ export default defineComponent({
|
|
|
101
101
|
}
|
|
102
102
|
.swiper-slide-next{
|
|
103
103
|
padding-right:27px;
|
|
104
|
-
}
|
|
104
|
+
} */
|
|
105
105
|
.swiper-button-lock{
|
|
106
106
|
display: flex;
|
|
107
107
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="img-box position-relative flex-shrink-0 mb-3 me-3 float-start">
|
|
2
|
+
<div class="img-box img-box-podcast position-relative flex-shrink-0 mb-3 me-3 float-start">
|
|
3
3
|
<img
|
|
4
4
|
v-lazy="radio.imageUrl ?proxyImageUrl(radio.imageUrl, '330') :'/img/emptyradio.webp'"
|
|
5
5
|
width="330"
|
|
6
6
|
height="330"
|
|
7
|
-
class="img-box"
|
|
7
|
+
class="img-box img-box-podcast"
|
|
8
8
|
:title="$t('Canal name image',{name:radio.name})"
|
|
9
9
|
:alt="$t('Canal name image',{name:radio.name})"
|
|
10
10
|
>
|
|
@@ -56,7 +56,7 @@ export default defineComponent({
|
|
|
56
56
|
categoryFilter: { default: false, type: Boolean},
|
|
57
57
|
reload: { default: false, type: Boolean},
|
|
58
58
|
editRight: { default: false, type: Boolean},
|
|
59
|
-
productorId: { default:
|
|
59
|
+
productorId: { default: () => [], type: Array as ()=> Array<string>},
|
|
60
60
|
showCount: { default: false, type: Boolean },
|
|
61
61
|
},
|
|
62
62
|
emits: ['fetch'],
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
3
|
v-if="podcast"
|
|
4
|
-
class="img-box mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start"
|
|
4
|
+
class="img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start"
|
|
5
5
|
>
|
|
6
6
|
<img
|
|
7
7
|
v-lazy="proxyImageUrl(podcast.imageUrl,'330')"
|
|
8
8
|
width="330"
|
|
9
9
|
height="330"
|
|
10
|
-
class="img-box"
|
|
10
|
+
class="img-box img-box-podcast"
|
|
11
11
|
:alt="$t('Episode name image', {name:podcast.title})"
|
|
12
12
|
>
|
|
13
13
|
<div
|
|
@@ -49,7 +49,7 @@ export default defineComponent({
|
|
|
49
49
|
PodcastSwiperList,
|
|
50
50
|
},
|
|
51
51
|
props: {
|
|
52
|
-
organisationId: { default:
|
|
52
|
+
organisationId: { default: () => [], type: Array as ()=> Array<string>},
|
|
53
53
|
emissionId: { default: undefined, type: Number},
|
|
54
54
|
iabId: { default: undefined, type: Number},
|
|
55
55
|
title: { default: '', type: String},
|
|
@@ -69,7 +69,7 @@ export default defineComponent({
|
|
|
69
69
|
},
|
|
70
70
|
mixins:[imageProxy],
|
|
71
71
|
props: {
|
|
72
|
-
organisationId: { default:
|
|
72
|
+
organisationId: { default: () => [], type: Array as ()=> Array<string>},
|
|
73
73
|
emissionId: { default: undefined, type: Number},
|
|
74
74
|
iabId: { default: undefined, type: Number},
|
|
75
75
|
title: { default: '', type: String},
|
|
@@ -113,8 +113,11 @@ export default defineComponent({
|
|
|
113
113
|
isInlineAnimation(): boolean {
|
|
114
114
|
return (state.generalParameters.isInlineAnimation as boolean);
|
|
115
115
|
},
|
|
116
|
-
organisation(): string
|
|
117
|
-
|
|
116
|
+
organisation(): Array<string> {
|
|
117
|
+
if(this.organisationId){
|
|
118
|
+
return this.organisationId;
|
|
119
|
+
}
|
|
120
|
+
return this.filterOrgaId ? [this.filterOrgaId] : [];
|
|
118
121
|
},
|
|
119
122
|
previousAvailable(): boolean {
|
|
120
123
|
return this.index > 0;
|
|
@@ -128,8 +128,8 @@ export default defineComponent({
|
|
|
128
128
|
border-radius: $octopus-borderradius;
|
|
129
129
|
list-style: none;
|
|
130
130
|
position: relative;
|
|
131
|
-
width: $octopus-item-size;
|
|
132
|
-
height:
|
|
131
|
+
width: $octopus-item-podcast-size;
|
|
132
|
+
height: 20.5rem;
|
|
133
133
|
overflow: hidden;
|
|
134
134
|
display: flex;
|
|
135
135
|
flex-direction: column;
|
|
@@ -142,12 +142,12 @@ export default defineComponent({
|
|
|
142
142
|
padding: 1rem;
|
|
143
143
|
color: #333;
|
|
144
144
|
background-color: rgba(255, 255, 255, 0.92);
|
|
145
|
-
height: $octopus-item-size;
|
|
145
|
+
height: $octopus-item-podcast-size;
|
|
146
146
|
overflow: hidden;
|
|
147
147
|
text-overflow: ellipsis;
|
|
148
148
|
font-size: 0.9em;
|
|
149
149
|
position: absolute;
|
|
150
|
-
width: $octopus-item-size;
|
|
150
|
+
width: $octopus-item-podcast-size;
|
|
151
151
|
word-break: break-word;
|
|
152
152
|
&.after-podcast-description:after {
|
|
153
153
|
content: '...';
|
|
@@ -55,7 +55,7 @@ export default defineComponent({
|
|
|
55
55
|
props: {
|
|
56
56
|
first: { default: 0, type: Number},
|
|
57
57
|
size: { default: 30, type: Number},
|
|
58
|
-
organisationId: { default:
|
|
58
|
+
organisationId: { default: () => [], type: Array as ()=> Array<string>},
|
|
59
59
|
emissionId: { default: undefined, type: Number},
|
|
60
60
|
iabId: { default: undefined, type: Number},
|
|
61
61
|
participantId: { default: undefined, type: Number},
|
|
@@ -102,8 +102,11 @@ export default defineComponent({
|
|
|
102
102
|
${this.iabId}|${this.participantId}|${this.query}|${this.monetization}|${this.popularSort}|
|
|
103
103
|
${this.rubriqueId}|${this.rubriquageId}|${this.before}|${this.after}|${this.includeHidden}|${this.noRubriquageId}|${this.notValid}`;
|
|
104
104
|
},
|
|
105
|
-
organisation(): string
|
|
106
|
-
|
|
105
|
+
organisation(): Array<string> {
|
|
106
|
+
if(this.organisationId){
|
|
107
|
+
return this.organisationId;
|
|
108
|
+
}
|
|
109
|
+
return this.filterOrgaId ? [this.filterOrgaId] : [];
|
|
107
110
|
},
|
|
108
111
|
sort(): string {
|
|
109
112
|
return this.popularSort? "POPULARITY" : this.sortCriteria??'DATE';
|
|
@@ -54,7 +54,7 @@ export default defineComponent({
|
|
|
54
54
|
},
|
|
55
55
|
|
|
56
56
|
props: {
|
|
57
|
-
organisationId: { default:
|
|
57
|
+
organisationId: { default: () => [], type: Array as ()=> Array<string>},
|
|
58
58
|
emissionId: { default: undefined, type: Number},
|
|
59
59
|
iabId: { default: undefined, type: Number},
|
|
60
60
|
title: { default: '', type: String},
|
|
@@ -79,8 +79,11 @@ export default defineComponent({
|
|
|
79
79
|
},
|
|
80
80
|
computed: {
|
|
81
81
|
...mapState(useFilterStore, ['filterOrgaId']),
|
|
82
|
-
organisation(): string
|
|
83
|
-
|
|
82
|
+
organisation(): Array<string> {
|
|
83
|
+
if(this.organisationId){
|
|
84
|
+
return this.organisationId;
|
|
85
|
+
}
|
|
86
|
+
return this.filterOrgaId ? [this.filterOrgaId] : [];
|
|
84
87
|
},
|
|
85
88
|
watchVariable():string{
|
|
86
89
|
return `${this.emissionId}|${this.organisationId}|${this.filterOrgaId}|${this.iabId}|${this.rubriqueId}|${this.rubriquageId}|${this.query}`;
|
|
@@ -167,6 +167,8 @@ import vSelect from "vue-select";
|
|
|
167
167
|
--vs-dropdown-option--active-bg: #ddd;
|
|
168
168
|
--vs-dropdown-option--active-color: black;
|
|
169
169
|
--vs-font-size:0.8rem;
|
|
170
|
+
--vs-border-width: 2px;
|
|
171
|
+
--vs-border-color: #dee2e6;
|
|
170
172
|
}
|
|
171
173
|
.octopus-app{
|
|
172
174
|
.vs__dropdown-option{
|
|
@@ -49,14 +49,43 @@
|
|
|
49
49
|
:class="{ 'is-active': editor.isActive('link') }"
|
|
50
50
|
@click="setLink"
|
|
51
51
|
>
|
|
52
|
-
<svg
|
|
53
|
-
|
|
52
|
+
<svg
|
|
53
|
+
viewBox="0 0 24 24"
|
|
54
|
+
fill="none"
|
|
55
|
+
>
|
|
56
|
+
<path
|
|
57
|
+
transform="translate(2, 2)scale(0.8)"
|
|
58
|
+
d="M7.7574 10.5858L4.92897 13.4142C3.7574 14.5858 3.7574 16.4853 4.92897 17.6569L6.34319 19.0711C7.51476 20.2427 9.41425 20.2427 10.5858 19.0711L13.4143 16.2427M9.87873 14.1214L14.1214 9.87873M10.5858 7.7574L13.4142 4.92897C14.5858 3.7574 16.4853 3.7574 17.6569 4.92897L19.0711 6.34319C20.2427 7.51476 20.2427 9.41425 19.0711 10.5858L16.2427 13.4143"
|
|
59
|
+
stroke="#000000"
|
|
60
|
+
stroke-width="2"
|
|
61
|
+
stroke-linecap="round"
|
|
62
|
+
stroke-linejoin="round"
|
|
63
|
+
/>
|
|
54
64
|
</svg>
|
|
55
65
|
</button>
|
|
56
|
-
<button
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
66
|
+
<button
|
|
67
|
+
:disabled="!editor.isActive('link')"
|
|
68
|
+
@click="editor.chain().focus().unsetLink().run()"
|
|
69
|
+
>
|
|
70
|
+
<svg
|
|
71
|
+
viewBox="0 0 24 24"
|
|
72
|
+
fill="none"
|
|
73
|
+
>
|
|
74
|
+
<path
|
|
75
|
+
transform="translate(2, 2)scale(0.8)"
|
|
76
|
+
d="M7.05029 11.2929L4.92897 13.4142C3.7574 14.5858 3.7574 16.4853 4.92897 17.6568L6.34319 19.0711C7.51476 20.2426 9.41425 20.2426 10.5858 19.0711L12.7071 16.9497M5.00004 5L19 19"
|
|
77
|
+
stroke="#000000"
|
|
78
|
+
stroke-width="2"
|
|
79
|
+
stroke-linecap="round"
|
|
80
|
+
stroke-linejoin="round"
|
|
81
|
+
/>
|
|
82
|
+
<path
|
|
83
|
+
transform="translate(2, 2)scale(0.8)"
|
|
84
|
+
fill-rule="evenodd"
|
|
85
|
+
clip-rule="evenodd"
|
|
86
|
+
d="M11.8358 10.75L9.17156 13.4142C8.78103 13.8048 8.78103 14.4379 9.17156 14.8284C9.56208 15.219 10.1952 15.219 10.5858 14.8284L13.25 12.1642L11.8358 10.75ZM17.4926 13.5785L16.0784 12.1643L16.2426 12L17.6568 10.5858L18.3639 9.87872C19.145 9.09767 19.145 7.83134 18.3639 7.05029L16.9497 5.63608C16.1687 4.85503 14.9024 4.85503 14.1213 5.63608L13.4142 6.34319L12 7.7574L11.8358 7.92161L10.4216 6.5074L10.5858 6.34319L12 4.92897L12.7071 4.22187C14.2692 2.65977 16.8019 2.65977 18.3639 4.22187L19.7782 5.63608C21.3403 7.19818 21.3403 9.73084 19.7782 11.2929L19.0711 12L17.6568 13.4143L17.4926 13.5785ZM13.25 9.33581L13.4142 9.1716C13.8047 8.78107 14.4379 8.78107 14.8284 9.1716C15.2189 9.56212 15.2189 10.1953 14.8284 10.5858L14.6642 10.75L13.25 9.33581Z"
|
|
87
|
+
fill="#000000"
|
|
88
|
+
/>
|
|
60
89
|
</svg>
|
|
61
90
|
</button>
|
|
62
91
|
<button
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
:first="0"
|
|
6
6
|
:size="30"
|
|
7
7
|
:iab-id="iabId"
|
|
8
|
-
:organisation-id="
|
|
8
|
+
:organisation-id="orgaArray"
|
|
9
9
|
/>
|
|
10
10
|
</div>
|
|
11
11
|
</template>
|
|
@@ -28,6 +28,9 @@ export default defineComponent({
|
|
|
28
28
|
computed: {
|
|
29
29
|
...mapState(useGeneralStore, ['storedCategories']),
|
|
30
30
|
...mapState(useFilterStore, ['filterOrgaId']),
|
|
31
|
+
orgaArray(): Array<string>{
|
|
32
|
+
return this.filterOrgaId ? [this.filterOrgaId] : [];
|
|
33
|
+
},
|
|
31
34
|
title():string{
|
|
32
35
|
const matchCategories = this.storedCategories.filter((c: Category) => c.id === this.iabId);
|
|
33
36
|
if (1 !== matchCategories.length) return "";
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
:show-count="true"
|
|
25
25
|
:first="0"
|
|
26
26
|
:size="30"
|
|
27
|
-
:organisation-id="
|
|
27
|
+
:organisation-id="orgaArray"
|
|
28
28
|
:query="searchPattern"
|
|
29
29
|
:monetization="monetization"
|
|
30
30
|
:before="toDate"
|
|
@@ -88,6 +88,9 @@ export default defineComponent({
|
|
|
88
88
|
return (true===this.authenticated && this.myOrganisationId === this.organisationId) ||
|
|
89
89
|
true===state.generalParameters.isAdmin;
|
|
90
90
|
},
|
|
91
|
+
orgaArray(): Array<string>{
|
|
92
|
+
return this.organisationId ? [this.organisationId] : [];
|
|
93
|
+
},
|
|
91
94
|
organisation(): string|undefined {
|
|
92
95
|
return this.organisationId ?this.organisationId: this.filterOrgaId;
|
|
93
96
|
},
|
package/src/sass/_variables.scss
CHANGED
|
@@ -3,7 +3,8 @@ $font-family-sans-serif: sans-serif;
|
|
|
3
3
|
$font-size-base: 0.9rem;
|
|
4
4
|
$line-height-base: 1.6;
|
|
5
5
|
|
|
6
|
-
$octopus-item-size:
|
|
6
|
+
$octopus-item-size: 12.5rem !default;
|
|
7
|
+
$octopus-item-podcast-size: 13.5rem !default;
|
|
7
8
|
$octopus-mobile-item-size: 12.5rem !default;
|
|
8
9
|
$octopus-borderradius: 0.2rem !default;
|
|
9
10
|
|