@saooti/octopus-sdk 37.0.47 → 37.0.49
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/components/display/live/LiveItem.vue +4 -3
- package/src/components/display/sharing/PlayerParameters.vue +42 -45
- package/src/components/display/sharing/SharePlayer.vue +13 -10
- package/src/components/pages/PodcastPage.vue +8 -6
- package/src/locale/de.ts +1 -0
- package/src/locale/en.ts +1 -0
- package/src/locale/es.ts +1 -0
- package/src/locale/fr.ts +1 -0
- package/src/locale/it.ts +1 -0
- package/src/locale/sl.ts +1 -0
- package/src/stores/class/conference/conference.ts +5 -0
package/package.json
CHANGED
|
@@ -13,7 +13,7 @@ import crudApi from "@/api/classicCrud";
|
|
|
13
13
|
import displayMethods from "../../mixins/displayMethods";
|
|
14
14
|
import { Podcast } from "@/stores/class/general/podcast";
|
|
15
15
|
import { defineComponent } from "vue";
|
|
16
|
-
import { Conference } from "@/stores/class/conference/conference";
|
|
16
|
+
import { Conference, ConferencePublicInfo } from "@/stores/class/conference/conference";
|
|
17
17
|
export default defineComponent({
|
|
18
18
|
name: "LiveItem",
|
|
19
19
|
|
|
@@ -71,10 +71,11 @@ export default defineComponent({
|
|
|
71
71
|
) {
|
|
72
72
|
return;
|
|
73
73
|
}
|
|
74
|
-
const
|
|
74
|
+
const confInfo = await octopusApi.fetchData<ConferencePublicInfo>(
|
|
75
75
|
9,
|
|
76
|
-
"conference/
|
|
76
|
+
"conference/info/" + this.fetchConference.conferenceId,
|
|
77
77
|
);
|
|
78
|
+
const newStatus = confInfo.status;
|
|
78
79
|
if (newStatus !== this.fetchConference.status) {
|
|
79
80
|
this.$emit("updateItem", {
|
|
80
81
|
...this.fetchConference,
|
|
@@ -41,32 +41,45 @@
|
|
|
41
41
|
<span class="flex-shrink-0">{{ $t("Last podcasts") }}</span>
|
|
42
42
|
</div>
|
|
43
43
|
<ClassicCheckbox
|
|
44
|
-
|
|
44
|
+
:text-init="proceedReading"
|
|
45
|
+
@update:text-init="$emit('update:proceedReading', $event)"
|
|
45
46
|
id-checkbox="proceed-reading-checkbox"
|
|
46
47
|
:label="$t('Proceed reading')"
|
|
47
48
|
/>
|
|
48
49
|
<ClassicCheckbox
|
|
49
|
-
|
|
50
|
+
:text-init="isVisible"
|
|
51
|
+
@update:text-init="$emit('update:isVisible', $event)"
|
|
50
52
|
id-checkbox="is-visible-checkbox"
|
|
51
53
|
:label="$t('Podcasts still available')"
|
|
52
54
|
/>
|
|
53
55
|
</template>
|
|
56
|
+
<template v-if="displayClassicParameter">
|
|
57
|
+
<ClassicCheckbox
|
|
58
|
+
v-if="displayArticleParam"
|
|
59
|
+
:text-init="displayArticle"
|
|
60
|
+
@update:text-init="$emit('update:displayArticle', $event)"
|
|
61
|
+
id-checkbox="display-article-checkbox"
|
|
62
|
+
:label="$t('Display associated article')"
|
|
63
|
+
/>
|
|
64
|
+
<ClassicCheckbox
|
|
65
|
+
v-if="displayTranscriptParam"
|
|
66
|
+
:text-init="displayTranscript"
|
|
67
|
+
@update:text-init="$emit('update:displayTranscript', $event)"
|
|
68
|
+
id-checkbox="display-transcript-checkbox"
|
|
69
|
+
:label="$t('If the transcript is available, show it')"
|
|
70
|
+
/>
|
|
71
|
+
<ClassicCheckbox
|
|
72
|
+
:text-init="displayWave"
|
|
73
|
+
@update:text-init="$emit('update:displayWave', $event)"
|
|
74
|
+
id-checkbox="display-wave-checkbox"
|
|
75
|
+
:label="$t('Show animated wave')"
|
|
76
|
+
/>
|
|
77
|
+
</template>
|
|
54
78
|
<ClassicCheckbox
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
id-checkbox="
|
|
58
|
-
:label="$t('
|
|
59
|
-
/>
|
|
60
|
-
<ClassicCheckbox
|
|
61
|
-
v-if="displayTranscriptParam"
|
|
62
|
-
v-model:textInit="displayTranscript"
|
|
63
|
-
id-checkbox="display-transcript-checkbox"
|
|
64
|
-
:label="$t('If the transcript is available, show it')"
|
|
65
|
-
/>
|
|
66
|
-
<ClassicCheckbox
|
|
67
|
-
v-model:textInit="displayWave"
|
|
68
|
-
id-checkbox="display-wave-checkbox"
|
|
69
|
-
:label="$t('Show animated wave')"
|
|
79
|
+
:text-init="playerAutoPlay"
|
|
80
|
+
@update:text-init="$emit('update:playerAutoPlay', $event)"
|
|
81
|
+
id-checkbox="player-autoplay-checkbox"
|
|
82
|
+
:label="$t('Trigger automatic reading if this is possible')"
|
|
70
83
|
/>
|
|
71
84
|
</template>
|
|
72
85
|
|
|
@@ -80,29 +93,31 @@ export default defineComponent({
|
|
|
80
93
|
props: {
|
|
81
94
|
isVisible: { default: false, type: Boolean },
|
|
82
95
|
choseNumberEpisode: { default: false, type: Boolean },
|
|
96
|
+
displayClassicParameter: { default: true, type: Boolean },
|
|
83
97
|
displayChoiceAllEpisodes: { default: false, type: Boolean },
|
|
84
98
|
displayTranscriptParam: { default: false, type: Boolean },
|
|
85
99
|
displayArticleParam: { default: false, type: Boolean },
|
|
100
|
+
proceedReading: { default: true, type: Boolean },
|
|
101
|
+
displayArticle: { default: true, type: Boolean },
|
|
102
|
+
displayTranscript: { default: true, type: Boolean },
|
|
103
|
+
displayWave: { default: true, type: Boolean },
|
|
104
|
+
playerAutoPlay: { default: false, type: Boolean },
|
|
86
105
|
},
|
|
87
106
|
emits: [
|
|
88
107
|
"episodeNumbers",
|
|
89
|
-
"proceedReading",
|
|
90
|
-
"isVisible",
|
|
108
|
+
"update:proceedReading",
|
|
109
|
+
"update:isVisible",
|
|
91
110
|
"iFrameNumber",
|
|
92
|
-
"displayArticle",
|
|
93
|
-
"displayTranscript",
|
|
94
|
-
"displayWave",
|
|
111
|
+
"update:displayArticle",
|
|
112
|
+
"update:displayTranscript",
|
|
113
|
+
"update:displayWave",
|
|
114
|
+
"update:playerAutoPlay"
|
|
95
115
|
],
|
|
96
116
|
|
|
97
117
|
data() {
|
|
98
118
|
return {
|
|
99
|
-
proceedReading: true as boolean,
|
|
100
119
|
episodeNumbers: "number" as string,
|
|
101
120
|
iFrameNumberPriv: "3" as string,
|
|
102
|
-
isVisibleTemp: this.isVisible,
|
|
103
|
-
displayArticle: true as boolean,
|
|
104
|
-
displayTranscript: true as boolean,
|
|
105
|
-
displayWave: true as boolean,
|
|
106
121
|
};
|
|
107
122
|
},
|
|
108
123
|
computed: {
|
|
@@ -122,27 +137,9 @@ export default defineComponent({
|
|
|
122
137
|
episodeNumbers(): void {
|
|
123
138
|
this.$emit("episodeNumbers", this.episodeNumbers);
|
|
124
139
|
},
|
|
125
|
-
proceedReading(): void {
|
|
126
|
-
this.$emit("proceedReading", this.proceedReading);
|
|
127
|
-
},
|
|
128
|
-
isVisibleTemp(): void {
|
|
129
|
-
this.$emit("isVisible", this.isVisibleTemp);
|
|
130
|
-
},
|
|
131
|
-
isVisible(): void {
|
|
132
|
-
this.isVisibleTemp = this.isVisible;
|
|
133
|
-
},
|
|
134
140
|
iFrameNumberPriv(): void {
|
|
135
141
|
this.$emit("iFrameNumber", this.iFrameNumberPriv);
|
|
136
142
|
},
|
|
137
|
-
displayArticle(): void {
|
|
138
|
-
this.$emit("displayArticle", this.displayArticle);
|
|
139
|
-
},
|
|
140
|
-
displayTranscript(): void {
|
|
141
|
-
this.$emit("displayTranscript", this.displayTranscript);
|
|
142
|
-
},
|
|
143
|
-
displayWave(): void {
|
|
144
|
-
this.$emit("displayWave", this.displayWave);
|
|
145
|
-
},
|
|
146
143
|
},
|
|
147
144
|
});
|
|
148
145
|
</script>
|
|
@@ -46,21 +46,20 @@
|
|
|
46
46
|
:label="titleStillAvailable"
|
|
47
47
|
/>
|
|
48
48
|
<PlayerParameters
|
|
49
|
-
v-if="isPlayerParameter"
|
|
50
49
|
:is-visible="isVisible"
|
|
51
|
-
:chose-number-episode="
|
|
52
|
-
displayChoiceAllEpisodes || isLargeSuggestion
|
|
53
|
-
"
|
|
50
|
+
:chose-number-episode="displayChoiceAllEpisodes || isLargeSuggestion"
|
|
54
51
|
:display-choice-all-episodes="displayChoiceAllEpisodes"
|
|
55
52
|
:display-transcript-param="displayTranscriptParam"
|
|
56
53
|
:display-article-param="displayArticleParam"
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
54
|
+
:display-classic-parameter="isPlayerParameter"
|
|
55
|
+
v-model:display-article="displayArticle"
|
|
56
|
+
v-model:display-transcript="displayTranscript"
|
|
57
|
+
v-model:display-wave="displayWave"
|
|
58
|
+
v-model:proceed-reading="proceedReading"
|
|
59
|
+
v-model:is-visible="isVisible"
|
|
60
|
+
v-model:player-auto-play="playerAutoPlay"
|
|
63
61
|
@i-frame-number="iFrameNumber = $event"
|
|
62
|
+
@episode-numbers="episodeNumbers = $event"
|
|
64
63
|
/>
|
|
65
64
|
<ShareModalPlayer
|
|
66
65
|
v-if="isShareModal"
|
|
@@ -144,6 +143,7 @@ export default defineComponent({
|
|
|
144
143
|
displayArticle: true as boolean,
|
|
145
144
|
displayTranscript: true as boolean,
|
|
146
145
|
displayWave: true as boolean,
|
|
146
|
+
playerAutoPlay: false as boolean,
|
|
147
147
|
orgaAttributes: undefined as
|
|
148
148
|
| { [key: string]: string | number | boolean | undefined }
|
|
149
149
|
| undefined,
|
|
@@ -368,6 +368,9 @@ export default defineComponent({
|
|
|
368
368
|
if (!this.displayWave) {
|
|
369
369
|
url.push("&wave=false");
|
|
370
370
|
}
|
|
371
|
+
if(this.playerAutoPlay){
|
|
372
|
+
url.push('&autoplay=true');
|
|
373
|
+
}
|
|
371
374
|
if (this.isVisible) {
|
|
372
375
|
url.push("&key=" + window.btoa(this.dataTitle.toString()));
|
|
373
376
|
}
|
|
@@ -81,7 +81,7 @@ import crudApi from "@/api/classicCrud";
|
|
|
81
81
|
import { state } from "../../stores/ParamSdkStore";
|
|
82
82
|
import dayjs from "dayjs";
|
|
83
83
|
import { Podcast } from "@/stores/class/general/podcast";
|
|
84
|
-
import { Conference } from "@/stores/class/conference/conference";
|
|
84
|
+
import { Conference, ConferencePublicInfo } from "@/stores/class/conference/conference";
|
|
85
85
|
import { handle403 } from "../mixins/handle403";
|
|
86
86
|
import { defineComponent, defineAsyncComponent } from "vue";
|
|
87
87
|
import { CommentPodcast } from "@/stores/class/general/comment";
|
|
@@ -265,14 +265,16 @@ export default defineComponent({
|
|
|
265
265
|
|
|
266
266
|
methods: {
|
|
267
267
|
async fetchConferencePublic() {
|
|
268
|
-
const data = await octopusApi.fetchData<
|
|
268
|
+
const data = await octopusApi.fetchData<ConferencePublicInfo>(
|
|
269
269
|
9,
|
|
270
|
-
"conference/
|
|
270
|
+
"conference/info/" + this.podcast?.conferenceId,
|
|
271
271
|
);
|
|
272
272
|
this.fetchConference = {
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
273
|
+
...data,
|
|
274
|
+
...{
|
|
275
|
+
conferenceId: this.podcast?.conferenceId??0,
|
|
276
|
+
title: ""
|
|
277
|
+
}
|
|
276
278
|
};
|
|
277
279
|
},
|
|
278
280
|
async initConference() {
|
package/src/locale/de.ts
CHANGED
package/src/locale/en.ts
CHANGED
package/src/locale/es.ts
CHANGED
package/src/locale/fr.ts
CHANGED
package/src/locale/it.ts
CHANGED
package/src/locale/sl.ts
CHANGED