@saooti/octopus-sdk 37.0.47 → 37.0.48
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 +27 -33
- package/src/components/display/sharing/SharePlayer.vue +12 -9
- 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,33 +41,44 @@
|
|
|
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>
|
|
54
56
|
<ClassicCheckbox
|
|
55
57
|
v-if="displayArticleParam"
|
|
56
|
-
|
|
58
|
+
:text-init="displayArticle"
|
|
59
|
+
@update:text-init="$emit('update:displayArticle', $event)"
|
|
57
60
|
id-checkbox="display-article-checkbox"
|
|
58
61
|
:label="$t('Display associated article')"
|
|
59
62
|
/>
|
|
60
63
|
<ClassicCheckbox
|
|
61
64
|
v-if="displayTranscriptParam"
|
|
62
|
-
|
|
65
|
+
:text-init="displayTranscript"
|
|
66
|
+
@update:text-init="$emit('update:displayTranscript', $event)"
|
|
63
67
|
id-checkbox="display-transcript-checkbox"
|
|
64
68
|
:label="$t('If the transcript is available, show it')"
|
|
65
69
|
/>
|
|
66
70
|
<ClassicCheckbox
|
|
67
|
-
|
|
71
|
+
:text-init="displayWave"
|
|
72
|
+
@update:text-init="$emit('update:displayWave', $event)"
|
|
68
73
|
id-checkbox="display-wave-checkbox"
|
|
69
74
|
:label="$t('Show animated wave')"
|
|
70
75
|
/>
|
|
76
|
+
<ClassicCheckbox
|
|
77
|
+
:text-init="playerAutoPlay"
|
|
78
|
+
@update:text-init="$emit('update:playerAutoPlay', $event)"
|
|
79
|
+
id-checkbox="player-autoplay-checkbox"
|
|
80
|
+
:label="$t('Trigger automatic reading if this is possible')"
|
|
81
|
+
/>
|
|
71
82
|
</template>
|
|
72
83
|
|
|
73
84
|
<script lang="ts">
|
|
@@ -83,26 +94,27 @@ export default defineComponent({
|
|
|
83
94
|
displayChoiceAllEpisodes: { default: false, type: Boolean },
|
|
84
95
|
displayTranscriptParam: { default: false, type: Boolean },
|
|
85
96
|
displayArticleParam: { default: false, type: Boolean },
|
|
97
|
+
proceedReading: { default: true, type: Boolean },
|
|
98
|
+
displayArticle: { default: true, type: Boolean },
|
|
99
|
+
displayTranscript: { default: true, type: Boolean },
|
|
100
|
+
displayWave: { default: true, type: Boolean },
|
|
101
|
+
playerAutoPlay: { default: false, type: Boolean },
|
|
86
102
|
},
|
|
87
103
|
emits: [
|
|
88
104
|
"episodeNumbers",
|
|
89
|
-
"proceedReading",
|
|
90
|
-
"isVisible",
|
|
105
|
+
"update:proceedReading",
|
|
106
|
+
"update:isVisible",
|
|
91
107
|
"iFrameNumber",
|
|
92
|
-
"displayArticle",
|
|
93
|
-
"displayTranscript",
|
|
94
|
-
"displayWave",
|
|
108
|
+
"update:displayArticle",
|
|
109
|
+
"update:displayTranscript",
|
|
110
|
+
"update:displayWave",
|
|
111
|
+
"update:playerAutoPlay"
|
|
95
112
|
],
|
|
96
113
|
|
|
97
114
|
data() {
|
|
98
115
|
return {
|
|
99
|
-
proceedReading: true as boolean,
|
|
100
116
|
episodeNumbers: "number" as string,
|
|
101
117
|
iFrameNumberPriv: "3" as string,
|
|
102
|
-
isVisibleTemp: this.isVisible,
|
|
103
|
-
displayArticle: true as boolean,
|
|
104
|
-
displayTranscript: true as boolean,
|
|
105
|
-
displayWave: true as boolean,
|
|
106
118
|
};
|
|
107
119
|
},
|
|
108
120
|
computed: {
|
|
@@ -122,27 +134,9 @@ export default defineComponent({
|
|
|
122
134
|
episodeNumbers(): void {
|
|
123
135
|
this.$emit("episodeNumbers", this.episodeNumbers);
|
|
124
136
|
},
|
|
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
137
|
iFrameNumberPriv(): void {
|
|
135
138
|
this.$emit("iFrameNumber", this.iFrameNumberPriv);
|
|
136
139
|
},
|
|
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
140
|
},
|
|
147
141
|
});
|
|
148
142
|
</script>
|
|
@@ -48,19 +48,18 @@
|
|
|
48
48
|
<PlayerParameters
|
|
49
49
|
v-if="isPlayerParameter"
|
|
50
50
|
:is-visible="isVisible"
|
|
51
|
-
:chose-number-episode="
|
|
52
|
-
displayChoiceAllEpisodes || isLargeSuggestion
|
|
53
|
-
"
|
|
51
|
+
:chose-number-episode="displayChoiceAllEpisodes || isLargeSuggestion"
|
|
54
52
|
:display-choice-all-episodes="displayChoiceAllEpisodes"
|
|
55
53
|
:display-transcript-param="displayTranscriptParam"
|
|
56
54
|
:display-article-param="displayArticleParam"
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
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