@saooti/octopus-sdk 32.0.6 → 32.0.9
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/README.md +3 -0
- package/package.json +2 -2
- package/src/assets/form.scss +1 -1
- package/src/assets/multiselect.scss +4 -2
- package/src/assets/share.scss +1 -1
- package/src/components/display/comments/CommentItem.vue +1 -1
- package/src/components/display/emission/EmissionInlineList.vue +4 -8
- package/src/components/display/emission/EmissionPlayerItem.vue +4 -4
- package/src/components/display/filter/AdvancedSearch.vue +2 -2
- package/src/components/display/filter/MonetizableFilter.vue +1 -1
- package/src/components/display/playlist/PodcastPlaylistInlineList.vue +4 -8
- package/src/components/display/podcasts/PodcastInlineListTemplate.vue +4 -8
- package/src/components/misc/TopBar.vue +1 -2
- package/src/components/misc/player/PlayerCompact.vue +7 -2
- package/src/components/misc/player/PlayerLarge.vue +7 -2
package/README.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@saooti/octopus-sdk",
|
|
3
|
-
"version": "32.0.
|
|
3
|
+
"version": "32.0.9",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Javascript SDK for using octopus",
|
|
6
6
|
"author": "Saooti",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"@vue/cli": "^5.0.8",
|
|
19
19
|
"@vue/compat": "^3.2.37",
|
|
20
20
|
"axios": "^0.24.0",
|
|
21
|
-
"bootstrap": "5.
|
|
21
|
+
"bootstrap": "5.2.0",
|
|
22
22
|
"core-js": "^3.23.5",
|
|
23
23
|
"hls.js": "^1.1.5",
|
|
24
24
|
"humanize-duration": "^3.27.2",
|
package/src/assets/form.scss
CHANGED
|
@@ -65,9 +65,11 @@
|
|
|
65
65
|
margin: 0;
|
|
66
66
|
background-color: #ccc;
|
|
67
67
|
border-radius: 50%;
|
|
68
|
+
display: flex;
|
|
69
|
+
justify-content: center;
|
|
70
|
+
align-items: center;
|
|
68
71
|
&:before{
|
|
69
|
-
|
|
70
|
-
top:2px;
|
|
72
|
+
font-size: 0.8rem;
|
|
71
73
|
}
|
|
72
74
|
@media (max-width: 450px) {
|
|
73
75
|
top: 14px;
|
package/src/assets/share.scss
CHANGED
|
@@ -6,21 +6,17 @@
|
|
|
6
6
|
>
|
|
7
7
|
<div class="hide-phone">
|
|
8
8
|
<button
|
|
9
|
-
class="btn admin-button m-1"
|
|
9
|
+
class="btn admin-button m-1 saooti-left"
|
|
10
10
|
:class="{ disabled: !previousAvailable }"
|
|
11
11
|
:title="$t('Display previous')"
|
|
12
12
|
@click="displayPrevious()"
|
|
13
|
-
|
|
14
|
-
<div class="saooti-left fw-bold" />
|
|
15
|
-
</button>
|
|
13
|
+
/>
|
|
16
14
|
<button
|
|
17
|
-
class="btn admin-button m-1"
|
|
15
|
+
class="btn admin-button m-1 saooti-right"
|
|
18
16
|
:class="{ disabled: !nextAvailable }"
|
|
19
17
|
:title="$t('Display next')"
|
|
20
18
|
@click="displayNext()"
|
|
21
|
-
|
|
22
|
-
<div class="saooti-right fw-bold" />
|
|
23
|
-
</button>
|
|
19
|
+
/>
|
|
24
20
|
</div>
|
|
25
21
|
</div>
|
|
26
22
|
<ClassicLoading
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
</router-link>
|
|
93
93
|
<PodcastPlayBar :podcast="p" />
|
|
94
94
|
</div>
|
|
95
|
-
<
|
|
95
|
+
<button
|
|
96
96
|
v-if="
|
|
97
97
|
$store.state.player.podcast !== p ||
|
|
98
98
|
($store.state.player.podcast === p &&
|
|
@@ -105,8 +105,8 @@
|
|
|
105
105
|
class="text-light saooti-play"
|
|
106
106
|
:title="$t('Play')"
|
|
107
107
|
/>
|
|
108
|
-
</
|
|
109
|
-
<
|
|
108
|
+
</button>
|
|
109
|
+
<button
|
|
110
110
|
v-else
|
|
111
111
|
class="play-button-box bg-secondary"
|
|
112
112
|
@click="pause(p)"
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
class="text-light saooti-pause"
|
|
116
116
|
:title="$t('Pause')"
|
|
117
117
|
/>
|
|
118
|
-
</
|
|
118
|
+
</button>
|
|
119
119
|
</div>
|
|
120
120
|
</div>
|
|
121
121
|
<div
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="d-flex flex-column justify-content-center align-items-center">
|
|
3
3
|
<button
|
|
4
|
-
class="d-flex justify-content-center mb-3 text-secondary btn-transparent"
|
|
4
|
+
class="d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent"
|
|
5
5
|
@click="showFilters = !showFilters"
|
|
6
6
|
>
|
|
7
7
|
<div>{{ $t('Advanced filters') }}</div>
|
|
8
8
|
<div
|
|
9
|
-
class="
|
|
9
|
+
class="saooti-down mx-1"
|
|
10
10
|
:class="{ 'arrow-transform': showFilters }"
|
|
11
11
|
/>
|
|
12
12
|
</button>
|
|
@@ -9,21 +9,17 @@
|
|
|
9
9
|
class="d-flex justify-content-end hide-phone"
|
|
10
10
|
>
|
|
11
11
|
<button
|
|
12
|
-
class="btn admin-button m-1"
|
|
12
|
+
class="btn admin-button m-1 saooti-left"
|
|
13
13
|
:class="{ disabled: !previousAvailable }"
|
|
14
14
|
:title="$t('Display previous')"
|
|
15
15
|
@click="displayPrevious()"
|
|
16
|
-
|
|
17
|
-
<div class="saooti-left fw-bold" />
|
|
18
|
-
</button>
|
|
16
|
+
/>
|
|
19
17
|
<button
|
|
20
|
-
class="btn admin-button m-1"
|
|
18
|
+
class="btn admin-button m-1 saooti-right"
|
|
21
19
|
:class="{ disabled: !nextAvailable }"
|
|
22
20
|
:title="$t('Display next')"
|
|
23
21
|
@click="displayNext()"
|
|
24
|
-
|
|
25
|
-
<div class="saooti-right fw-bold" />
|
|
26
|
-
</button>
|
|
22
|
+
/>
|
|
27
23
|
</div>
|
|
28
24
|
<ClassicLoading
|
|
29
25
|
:loading-text="loading?$t('Loading podcasts ...'):undefined"
|
|
@@ -36,21 +36,17 @@
|
|
|
36
36
|
class="hide-phone"
|
|
37
37
|
>
|
|
38
38
|
<button
|
|
39
|
-
class="btn admin-button m-1"
|
|
39
|
+
class="btn admin-button m-1 saooti-left"
|
|
40
40
|
:class="{ disabled: !previousAvailable }"
|
|
41
41
|
:title="$t('Display previous')"
|
|
42
42
|
@click="displayPrevious()"
|
|
43
|
-
|
|
44
|
-
<div class="saooti-left fw-bold" />
|
|
45
|
-
</button>
|
|
43
|
+
/>
|
|
46
44
|
<button
|
|
47
|
-
class="btn admin-button m-1"
|
|
45
|
+
class="btn admin-button m-1 saooti-right"
|
|
48
46
|
:class="{ disabled: !nextAvailable }"
|
|
49
47
|
:title="$t('Display next')"
|
|
50
48
|
@click="displayNext()"
|
|
51
|
-
|
|
52
|
-
<div class="saooti-right fw-bold" />
|
|
53
|
-
</button>
|
|
49
|
+
/>
|
|
54
50
|
</div>
|
|
55
51
|
</div>
|
|
56
52
|
<slot name="list-inline" />
|
|
@@ -18,11 +18,16 @@
|
|
|
18
18
|
:class="{
|
|
19
19
|
'saooti-play': isPaused,
|
|
20
20
|
'saooti-pause': isPlaying,
|
|
21
|
-
'
|
|
21
|
+
'':!isPaused&&!isPlaying
|
|
22
22
|
}"
|
|
23
23
|
class="btn play-button-box text-light primary-bg"
|
|
24
24
|
@click="switchPausePlay"
|
|
25
|
-
|
|
25
|
+
>
|
|
26
|
+
<span
|
|
27
|
+
v-if="!isPaused&&!isPlaying"
|
|
28
|
+
class="spinner-border flex-shrink-0"
|
|
29
|
+
/>
|
|
30
|
+
</button>
|
|
26
31
|
<div class="text-light player-grow-content">
|
|
27
32
|
<div class="d-flex mb-1">
|
|
28
33
|
<div
|
|
@@ -57,11 +57,16 @@
|
|
|
57
57
|
:class="{
|
|
58
58
|
'saooti-play': isPaused,
|
|
59
59
|
'saooti-pause': isPlaying,
|
|
60
|
-
'
|
|
60
|
+
'':!isPaused&&!isPlaying
|
|
61
61
|
}"
|
|
62
62
|
class="btn play-big-button-box text-light primary-bg"
|
|
63
63
|
@click="switchPausePlay"
|
|
64
|
-
|
|
64
|
+
>
|
|
65
|
+
<span
|
|
66
|
+
v-if="!isPaused&&!isPlaying"
|
|
67
|
+
class="spinner-border flex-shrink-0"
|
|
68
|
+
/>
|
|
69
|
+
</button>
|
|
65
70
|
<button
|
|
66
71
|
class="btn fs-1 bg-transparent text-light saooti-forward"
|
|
67
72
|
@click="seekClick(15)"
|