@saooti/octopus-sdk 31.0.28 → 31.0.31
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 +1 -1
- package/src/assets/bootstrap-diff.scss +8 -37
- package/src/assets/general.scss +0 -1
- package/src/assets/share.scss +4 -1
- package/src/components/display/comments/AddCommentModal.vue +1 -1
- package/src/components/display/comments/CommentInput.vue +2 -2
- package/src/components/display/comments/CommentItem.vue +1 -1
- package/src/components/display/comments/CommentList.vue +1 -1
- package/src/components/display/emission/EmissionInlineList.vue +1 -1
- package/src/components/display/emission/EmissionList.vue +1 -1
- package/src/components/display/live/LiveHorizontalList.vue +1 -1
- package/src/components/display/playlist/PlaylistList.vue +1 -1
- package/src/components/display/playlist/PodcastList.vue +1 -1
- package/src/components/display/playlist/PodcastPlaylistInlineList.vue +1 -1
- package/src/components/display/podcasts/PodcastInlineListTemplate.vue +1 -1
- package/src/components/display/podcasts/PodcastList.vue +1 -1
- package/src/components/display/podcasts/PodcastModuleBox.vue +1 -1
- package/src/components/display/sharing/ShareButtons.vue +1 -1
- package/src/components/display/sharing/ShareDistribution.vue +1 -1
- package/src/components/display/sharing/SharePlayer.vue +16 -16
- package/src/components/display/sharing/SharePlayerTypes.vue +8 -2
- package/src/components/misc/modal/ClipboardModal.vue +1 -1
- package/src/components/misc/modal/MessageModal.vue +2 -2
- package/src/components/misc/modal/NewsletterModal.vue +1 -1
- package/src/components/misc/modal/QrCodeModal.vue +1 -1
- package/src/components/misc/modal/ShareModalPlayer.vue +1 -1
- package/src/components/misc/player/PlayerCompact.vue +3 -3
- package/src/components/pages/Error403Page.vue +1 -1
- package/src/components/pages/Podcast.vue +0 -1
- package/src/sass/_variables.scss +1 -1
package/README.md
CHANGED
|
@@ -615,3 +615,6 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
|
|
|
615
615
|
* 31.0.26 Erreur 403 page expose
|
|
616
616
|
* 31.0.27 Snackbar chose holdtime
|
|
617
617
|
* 31.0.28 Mixins orgComputed
|
|
618
|
+
* 31.0.29 Changement css
|
|
619
|
+
* 31.0.30 Changement css
|
|
620
|
+
* 31.0.31 Changement css (trop de fun)
|
package/package.json
CHANGED
|
@@ -27,38 +27,6 @@
|
|
|
27
27
|
&:hover{
|
|
28
28
|
background: rgba($octopus-primary-color, 0.3) ;
|
|
29
29
|
}
|
|
30
|
-
// Button Primary
|
|
31
|
-
&.btn-primary {
|
|
32
|
-
background: $octopus-third-color;
|
|
33
|
-
background: -moz-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-linear-background 100%);
|
|
34
|
-
background: -webkit-gradient(left top, right bottom, color-stop(0%, $octopus-third-color), color-stop(100%, $octopus-primary-linear-background));
|
|
35
|
-
background: -webkit-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-linear-background 100%);
|
|
36
|
-
background: -o-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-linear-background 100%);
|
|
37
|
-
background: -ms-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-linear-background 100%);
|
|
38
|
-
background: linear-gradient(135deg, $octopus-third-color 0%, $octopus-primary-linear-background 100%);
|
|
39
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d91f', endColorstr='#50b685', GradientType=1 );
|
|
40
|
-
border-radius: 50px;
|
|
41
|
-
height: auto;
|
|
42
|
-
border: 0;
|
|
43
|
-
color: black !important;
|
|
44
|
-
&:focus,
|
|
45
|
-
&:hover {
|
|
46
|
-
background:$octopus-third-color;
|
|
47
|
-
background: -moz-linear-gradient(-45deg, darken($octopus-third-color,7%) 0%, darken($octopus-primary-linear-background, 7%) 100%);
|
|
48
|
-
background: -webkit-gradient(left top, right bottom, color-stop(0%, darken($octopus-third-color,7%)), color-stop(100%, darken($octopus-primary-linear-background, 7%)));
|
|
49
|
-
background: -webkit-linear-gradient(-45deg, darken($octopus-third-color,7%) 0%, darken($octopus-primary-linear-background, 7%) 100%);
|
|
50
|
-
background: -o-linear-gradient(-45deg, darken($octopus-third-color,7%) 0%, darken($octopus-primary-linear-background, 7%) 100%);
|
|
51
|
-
background: -ms-linear-gradient(-45deg, darken($octopus-third-color,7%) 0%, darken($octopus-primary-linear-background, 7%) 100%);
|
|
52
|
-
background: linear-gradient(135deg, darken($octopus-third-color,7%) 0%, darken($octopus-primary-linear-background, 7%) 100%);
|
|
53
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d91f', endColorstr='#4fcf91', GradientType=1 );
|
|
54
|
-
border: 0;
|
|
55
|
-
}
|
|
56
|
-
&:active,
|
|
57
|
-
&.active {
|
|
58
|
-
background: darken($octopus-primary-linear-background, 4%);
|
|
59
|
-
border-color: darken($octopus-primary-linear-background, 7%);
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
30
|
//Button disable halo after click
|
|
63
31
|
&.btn-underline{
|
|
64
32
|
background: none;
|
|
@@ -74,26 +42,27 @@
|
|
|
74
42
|
}
|
|
75
43
|
}
|
|
76
44
|
|
|
77
|
-
&.btn-
|
|
45
|
+
&.btn-primary {
|
|
78
46
|
display: flex;
|
|
79
47
|
align-items: center;
|
|
80
48
|
justify-content: center;
|
|
81
49
|
background: $octopus-primary-dark;
|
|
82
|
-
border:
|
|
83
|
-
|
|
50
|
+
border: 1px solid $octopus-primary-dark;
|
|
51
|
+
border-radius: 4px !important;
|
|
52
|
+
color: white !important;
|
|
84
53
|
font-weight: bold;
|
|
85
54
|
&:focus,
|
|
86
55
|
&:hover,
|
|
87
56
|
&:active,
|
|
88
57
|
&.active {
|
|
89
58
|
background: transparent;
|
|
90
|
-
color: $octopus-primary-dark;
|
|
59
|
+
color: $octopus-primary-dark !important;
|
|
91
60
|
}
|
|
92
61
|
&:disabled{
|
|
93
62
|
background-color: #cccccc;
|
|
94
63
|
border: black;
|
|
95
64
|
cursor: default;
|
|
96
|
-
color: gray;
|
|
65
|
+
color: gray !important;
|
|
97
66
|
}
|
|
98
67
|
@media (max-width: 500px){
|
|
99
68
|
margin: 0.3rem;
|
|
@@ -134,6 +103,8 @@
|
|
|
134
103
|
justify-content: center;
|
|
135
104
|
color : $octopus-primary-dark;
|
|
136
105
|
flex-shrink: 0;
|
|
106
|
+
font-weight: normal;
|
|
107
|
+
border-radius: 50% !important;
|
|
137
108
|
}
|
|
138
109
|
|
|
139
110
|
}
|
package/src/assets/general.scss
CHANGED
package/src/assets/share.scss
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
{{ $t('Cancel') }}
|
|
34
34
|
</button>
|
|
35
35
|
<button
|
|
36
|
-
class="btn btn-
|
|
36
|
+
class="btn btn-primary m-1"
|
|
37
37
|
:disabled="0 === countName || !validName"
|
|
38
38
|
@click="validEdit"
|
|
39
39
|
>
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
{{ $t('Cancel') }}
|
|
65
65
|
</button>
|
|
66
66
|
<button
|
|
67
|
-
class="btn btn-
|
|
67
|
+
class="btn btn-primary"
|
|
68
68
|
:disabled="0 === countComment || !validComment"
|
|
69
69
|
@mousedown="requestToSend"
|
|
70
70
|
>
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
</transition-group>
|
|
26
26
|
<button
|
|
27
27
|
v-show="!allFetched && (!loading || 0!==first)"
|
|
28
|
-
class="btn btn-
|
|
28
|
+
class="btn btn-primary mt-2"
|
|
29
29
|
:class="comId ? 'align-self-start' : 'align-self-center'"
|
|
30
30
|
:disabled="loading"
|
|
31
31
|
:title="$t('See more comments')"
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
<button
|
|
42
42
|
v-show="!allFetched"
|
|
43
43
|
class="btn"
|
|
44
|
-
:class="buttonPlus ? 'btn-
|
|
44
|
+
:class="buttonPlus ? 'btn-primary align-self-center width-fit-content m-4' : 'btn-more'"
|
|
45
45
|
:disabled="loading"
|
|
46
46
|
:title="$t('See more')"
|
|
47
47
|
@click="fetchContent(false)"
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
<button
|
|
17
17
|
v-show="!allFetched"
|
|
18
18
|
class="btn"
|
|
19
|
-
:class="buttonPlus ? 'btn-
|
|
19
|
+
:class="buttonPlus ? 'btn-primary align-self-center width-fit-content m-4 mt-3' : 'btn-more'"
|
|
20
20
|
:disabled="inFetching"
|
|
21
21
|
:title="$t('See more')"
|
|
22
22
|
@click="displayMore"
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
<button
|
|
20
20
|
v-show="!allFetched && loaded"
|
|
21
21
|
class="btn"
|
|
22
|
-
:class="buttonPlus ? 'btn-
|
|
22
|
+
:class="buttonPlus ? 'btn-primary align-self-center width-fit-content m-4':'btn-more'"
|
|
23
23
|
:disabled="inFetching"
|
|
24
24
|
:title="$t('See more')"
|
|
25
25
|
@click="displayMore"
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
<button
|
|
41
41
|
v-show="size < podcasts.length && loaded"
|
|
42
42
|
class="btn"
|
|
43
|
-
:class="buttonPlus ? 'btn-
|
|
43
|
+
:class="buttonPlus ? 'btn-primary align-self-center width-fit-content m-4':'btn-more'"
|
|
44
44
|
:title="$t('See more')"
|
|
45
45
|
@click="displayMore"
|
|
46
46
|
>
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
<button
|
|
24
24
|
v-show="!allFetched"
|
|
25
25
|
class="btn"
|
|
26
|
-
:class="buttonPlus ? 'btn-
|
|
26
|
+
:class="buttonPlus ? 'btn-primary align-self-center width-fit-content m-4' : 'btn-more'"
|
|
27
27
|
:disabled="inFetching"
|
|
28
28
|
:title="$t('See more')"
|
|
29
29
|
@click="displayMore"
|
|
@@ -20,22 +20,14 @@
|
|
|
20
20
|
:height="iFrameHeight"
|
|
21
21
|
class="max-iframe my-2"
|
|
22
22
|
/>
|
|
23
|
-
<
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
v-if="!isLiveReadyToRecord"
|
|
32
|
-
v-model:iFrameModel="iFrameModel"
|
|
33
|
-
:podcast="podcast"
|
|
34
|
-
:emission="emission"
|
|
35
|
-
:playlist="playlist"
|
|
36
|
-
:organisation-id="organisationId"
|
|
37
|
-
/>
|
|
38
|
-
</div>
|
|
23
|
+
<SharePlayerTypes
|
|
24
|
+
v-if="!isLiveReadyToRecord"
|
|
25
|
+
v-model:iFrameModel="iFrameModel"
|
|
26
|
+
:podcast="podcast"
|
|
27
|
+
:emission="emission"
|
|
28
|
+
:playlist="playlist"
|
|
29
|
+
:organisation-id="organisationId"
|
|
30
|
+
/>
|
|
39
31
|
<SharePlayerColors
|
|
40
32
|
v-model:color="color"
|
|
41
33
|
v-model:theme="theme"
|
|
@@ -58,6 +50,14 @@
|
|
|
58
50
|
@isVisible="isVisible = $event"
|
|
59
51
|
@iFrameNumber="iFrameNumber = $event"
|
|
60
52
|
/>
|
|
53
|
+
<div class="d-flex flex-column align-items-center mt-3">
|
|
54
|
+
<button
|
|
55
|
+
class="btn btn-primary mb-3"
|
|
56
|
+
@click="isShareModal = true"
|
|
57
|
+
>
|
|
58
|
+
{{ $t('Share the player') }}
|
|
59
|
+
</button>
|
|
60
|
+
</div>
|
|
61
61
|
</template>
|
|
62
62
|
<div v-else-if="exclusive && authenticated">
|
|
63
63
|
{{ $t('Only organisation members can share the content') }}
|
|
@@ -10,8 +10,14 @@
|
|
|
10
10
|
class="input-no-outline"
|
|
11
11
|
@change="$emit('update:iFrameModel',$event.target.value)"
|
|
12
12
|
>
|
|
13
|
-
<template
|
|
14
|
-
|
|
13
|
+
<template
|
|
14
|
+
v-for="option in optionsSelect"
|
|
15
|
+
:key="option.value"
|
|
16
|
+
>
|
|
17
|
+
<option
|
|
18
|
+
v-if="option.condition"
|
|
19
|
+
:value="option.value"
|
|
20
|
+
>
|
|
15
21
|
{{ option.name }}
|
|
16
22
|
</option>
|
|
17
23
|
</template>
|
|
@@ -39,13 +39,13 @@
|
|
|
39
39
|
</button>
|
|
40
40
|
<button
|
|
41
41
|
v-if="thirdText"
|
|
42
|
-
class="btn btn-
|
|
42
|
+
class="btn btn-primary m-1"
|
|
43
43
|
@click="onThirdAction"
|
|
44
44
|
>
|
|
45
45
|
{{ thirdText }}
|
|
46
46
|
</button>
|
|
47
47
|
<button
|
|
48
|
-
class="btn btn-
|
|
48
|
+
class="btn btn-primary m-1"
|
|
49
49
|
@click="onValid"
|
|
50
50
|
>
|
|
51
51
|
{{ validatetext }}
|
|
@@ -134,14 +134,14 @@ export default defineComponent({
|
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
136
|
.play-button-box {
|
|
137
|
-
height: 2.
|
|
138
|
-
width: 2.
|
|
137
|
+
height: 2.2rem;
|
|
138
|
+
width: 2.2rem;
|
|
139
139
|
display: flex;
|
|
140
140
|
align-items: center;
|
|
141
141
|
justify-content: center;
|
|
142
142
|
margin: 0 0.5rem;
|
|
143
143
|
border-radius: 50%;
|
|
144
|
-
font-size:
|
|
144
|
+
font-size: 0.7rem !important;
|
|
145
145
|
flex-shrink: 0;
|
|
146
146
|
cursor: pointer;
|
|
147
147
|
}
|
package/src/sass/_variables.scss
CHANGED
|
@@ -27,7 +27,7 @@ $octopus-primary-color: #40a372;
|
|
|
27
27
|
$octopus-secondary-color : #ddd;
|
|
28
28
|
$octopus-primary-linear-background: #7fd8ab;
|
|
29
29
|
$octopus-third-color: #fdff7b;
|
|
30
|
-
$octopus-primary-dark : #
|
|
30
|
+
$octopus-primary-dark : #1a8658;
|
|
31
31
|
|
|
32
32
|
$primaryColorTransparent : #40a37193;
|
|
33
33
|
$primaryColorMoreTransparent : #40a37154;
|