@saooti/octopus-sdk 31.0.28 → 31.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.
Files changed (29) hide show
  1. package/README.md +1 -0
  2. package/package.json +1 -1
  3. package/src/assets/bootstrap-diff.scss +3 -34
  4. package/src/assets/general.scss +0 -1
  5. package/src/assets/share.scss +3 -0
  6. package/src/components/display/comments/AddCommentModal.vue +1 -1
  7. package/src/components/display/comments/CommentInput.vue +2 -2
  8. package/src/components/display/comments/CommentItem.vue +1 -1
  9. package/src/components/display/comments/CommentList.vue +1 -1
  10. package/src/components/display/emission/EmissionInlineList.vue +1 -1
  11. package/src/components/display/emission/EmissionList.vue +1 -1
  12. package/src/components/display/live/LiveHorizontalList.vue +1 -1
  13. package/src/components/display/playlist/PlaylistList.vue +1 -1
  14. package/src/components/display/playlist/PodcastList.vue +1 -1
  15. package/src/components/display/playlist/PodcastPlaylistInlineList.vue +1 -1
  16. package/src/components/display/podcasts/PodcastInlineListTemplate.vue +1 -1
  17. package/src/components/display/podcasts/PodcastList.vue +1 -1
  18. package/src/components/display/sharing/ShareButtons.vue +1 -1
  19. package/src/components/display/sharing/ShareDistribution.vue +1 -1
  20. package/src/components/display/sharing/SharePlayer.vue +16 -16
  21. package/src/components/misc/modal/ClipboardModal.vue +1 -1
  22. package/src/components/misc/modal/MessageModal.vue +2 -2
  23. package/src/components/misc/modal/NewsletterModal.vue +1 -1
  24. package/src/components/misc/modal/QrCodeModal.vue +1 -1
  25. package/src/components/misc/modal/ShareModalPlayer.vue +1 -1
  26. package/src/components/misc/player/PlayerCompact.vue +3 -3
  27. package/src/components/pages/Error403Page.vue +1 -1
  28. package/src/components/pages/Podcast.vue +0 -1
  29. package/src/sass/_variables.scss +1 -1
package/README.md CHANGED
@@ -615,3 +615,4 @@ 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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saooti/octopus-sdk",
3
- "version": "31.0.28",
3
+ "version": "31.0.29",
4
4
  "private": false,
5
5
  "description": "Javascript SDK for using octopus",
6
6
  "author": "Saooti",
package/src/assets/bootstrap-diff.scss 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,12 +42,13 @@
74
42
  }
75
43
  }
76
44
 
77
- &.btn-link {
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: 2px solid $octopus-primary-dark;
50
+ border: 1px solid $octopus-primary-dark;
51
+ border-radius: 4px !important;
83
52
  color: white;
84
53
  font-weight: bold;
85
54
  &:focus,
package/src/assets/general.scss CHANGED
@@ -95,7 +95,6 @@ body{
95
95
  .page-box{
96
96
  background-color: $octopus-background;
97
97
  padding: 2rem 5rem 5rem 6rem;
98
- border-radius: 2rem 2rem 0 0;
99
98
  @media (max-width: 1400px) {
100
99
  padding: 2rem;
101
100
  }
package/src/assets/share.scss CHANGED
@@ -233,5 +233,8 @@
233
233
  @media (max-width: 960px) {
234
234
  width: 200px;
235
235
  }
236
+ @media (max-width: 200px) {
237
+ width: 90%;
238
+ }
236
239
  }
237
240
  }
package/src/components/display/comments/AddCommentModal.vue CHANGED
@@ -53,7 +53,7 @@
53
53
  </button>
54
54
  <button
55
55
  v-if="!sending"
56
- class="btn btn-link m-1"
56
+ class="btn btn-primary m-1"
57
57
  :disabled="0 === countName || !validName"
58
58
  @click="validateName"
59
59
  >
package/src/components/display/comments/CommentInput.vue CHANGED
@@ -33,7 +33,7 @@
33
33
  {{ $t('Cancel') }}
34
34
  </button>
35
35
  <button
36
- class="btn btn-link m-1"
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-link"
67
+ class="btn btn-primary"
68
68
  :disabled="0 === countComment || !validComment"
69
69
  @mousedown="requestToSend"
70
70
  >
package/src/components/display/comments/CommentItem.vue CHANGED
@@ -39,7 +39,7 @@
39
39
  {{ $t('Cancel') }}
40
40
  </button>
41
41
  <button
42
- class="btn btn-link m-1"
42
+ class="btn btn-primary m-1"
43
43
  :disabled="0 === countComment || !validComment || 0 === countName || !validName"
44
44
  @click="validEdit"
45
45
  >
package/src/components/display/comments/CommentList.vue CHANGED
@@ -25,7 +25,7 @@
25
25
  </transition-group>
26
26
  <button
27
27
  v-show="!allFetched && (!loading || 0!==first)"
28
- class="btn btn-link mt-2"
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')"
package/src/components/display/emission/EmissionInlineList.vue CHANGED
@@ -57,7 +57,7 @@
57
57
  </transition-group>
58
58
  <router-link
59
59
  :to="href"
60
- class="btn btn-link align-self-center width-fit-content m-4"
60
+ class="btn btn-primary align-self-center width-fit-content m-4"
61
61
  >
62
62
  {{
63
63
  buttonText
package/src/components/display/emission/EmissionList.vue CHANGED
@@ -41,7 +41,7 @@
41
41
  <button
42
42
  v-show="!allFetched"
43
43
  class="btn"
44
- :class="buttonPlus ? 'btn-link align-self-center width-fit-content m-4' : 'btn-more'"
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)"
package/src/components/display/live/LiveHorizontalList.vue CHANGED
@@ -16,7 +16,7 @@
16
16
  <button
17
17
  v-show="!allFetched"
18
18
  class="btn"
19
- :class="buttonPlus ? 'btn-link align-self-center width-fit-content m-4 mt-3' : 'btn-more'"
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"
package/src/components/display/playlist/PlaylistList.vue CHANGED
@@ -19,7 +19,7 @@
19
19
  <button
20
20
  v-show="!allFetched && loaded"
21
21
  class="btn"
22
- :class="buttonPlus ? 'btn-link align-self-center width-fit-content m-4':'btn-more'"
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"
package/src/components/display/playlist/PodcastList.vue CHANGED
@@ -40,7 +40,7 @@
40
40
  <button
41
41
  v-show="size < podcasts.length && loaded"
42
42
  class="btn"
43
- :class="buttonPlus ? 'btn-link align-self-center width-fit-content m-4':'btn-more'"
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
  >
package/src/components/display/playlist/PodcastPlaylistInlineList.vue CHANGED
@@ -47,7 +47,7 @@
47
47
  />
48
48
  </transition-group>
49
49
  <router-link
50
- class="btn btn-link align-self-center width-fit-content m-4"
50
+ class="btn btn-primary align-self-center width-fit-content m-4"
51
51
  :to="{
52
52
  name: 'playlist',
53
53
  params: { playlistId: playlistId.toString() },
package/src/components/display/podcasts/PodcastInlineListTemplate.vue CHANGED
@@ -44,7 +44,7 @@
44
44
  </div>
45
45
  <slot name="list-inline" />
46
46
  <router-link
47
- class="btn btn-link align-self-center width-fit-content m-4"
47
+ class="btn btn-primary align-self-center width-fit-content m-4"
48
48
  :to="refTo"
49
49
  @click="handleSeeMoreButton"
50
50
  >
package/src/components/display/podcasts/PodcastList.vue CHANGED
@@ -23,7 +23,7 @@
23
23
  <button
24
24
  v-show="!allFetched"
25
25
  class="btn"
26
- :class="buttonPlus ? 'btn-link align-self-center width-fit-content m-4' : 'btn-more'"
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"
package/src/components/display/sharing/ShareButtons.vue CHANGED
@@ -87,7 +87,7 @@
87
87
  rel="noopener"
88
88
  target="_blank"
89
89
  :class="[
90
- bigRound ? 'btn btn-big-round' : 'btn btn-linkedin share-btn mb-2',
90
+ bigRound ? 'btn btn-big-round' : 'btn btn-primaryedin share-btn mb-2',
91
91
  verticalDisplay ? '' : 'mx-2',
92
92
  ]"
93
93
  :href="linkedinURL"
package/src/components/display/sharing/ShareDistribution.vue CHANGED
@@ -7,7 +7,7 @@
7
7
  <input
8
8
  type="button"
9
9
  :value="$t('Copy')"
10
- class="btn btn-link"
10
+ class="btn btn-primary"
11
11
  :title="$t('Copy')"
12
12
  @click="onCopyCode(rss, afterCopy)"
13
13
  >
package/src/components/display/sharing/SharePlayer.vue CHANGED
@@ -20,22 +20,14 @@
20
20
  :height="iFrameHeight"
21
21
  class="max-iframe my-2"
22
22
  />
23
- <div class="d-flex flex-column">
24
- <button
25
- class="btn mb-3"
26
- @click="isShareModal = true"
27
- >
28
- {{ $t('Share the player') }}
29
- </button>
30
- <SharePlayerTypes
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') }}
package/src/components/misc/modal/ClipboardModal.vue CHANGED
@@ -21,7 +21,7 @@
21
21
  <input
22
22
  type="button"
23
23
  :value="$t('Copy')"
24
- class="btn btn-link"
24
+ class="btn btn-primary"
25
25
  :title="$t('Copy')"
26
26
  @click="onCopyCode(link, afterCopy)"
27
27
  >
package/src/components/misc/modal/MessageModal.vue CHANGED
@@ -39,13 +39,13 @@
39
39
  </button>
40
40
  <button
41
41
  v-if="thirdText"
42
- class="btn btn-link m-1"
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-link m-1"
48
+ class="btn btn-primary m-1"
49
49
  @click="onValid"
50
50
  >
51
51
  {{ validatetext }}
package/src/components/misc/modal/NewsletterModal.vue CHANGED
@@ -71,7 +71,7 @@
71
71
  </div>
72
72
  <div class="modal-footer">
73
73
  <button
74
- class="btn btn-link m-1"
74
+ class="btn btn-primary m-1"
75
75
  @click="closePopup"
76
76
  >
77
77
  {{ $t('Close') }}
package/src/components/misc/modal/QrCodeModal.vue CHANGED
@@ -22,7 +22,7 @@
22
22
  </div>
23
23
  <div class="modal-footer">
24
24
  <button
25
- class="btn btn-link m-1"
25
+ class="btn btn-primary m-1"
26
26
  @click="closePopup"
27
27
  >
28
28
  {{ $t('Close') }}
package/src/components/misc/modal/ShareModalPlayer.vue CHANGED
@@ -75,7 +75,7 @@
75
75
  </div>
76
76
  <div class="modal-footer">
77
77
  <button
78
- class="btn btn-link m-1"
78
+ class="btn btn-primary m-1"
79
79
  @click="closePopup"
80
80
  >
81
81
  {{ $t('Close') }}
package/src/components/misc/player/PlayerCompact.vue CHANGED
@@ -134,14 +134,14 @@ export default defineComponent({
134
134
  }
135
135
  }
136
136
  .play-button-box {
137
- height: 2.5rem;
138
- width: 2.5rem;
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: 1.2rem !important;
144
+ font-size: 0.7rem !important;
145
145
  flex-shrink: 0;
146
146
  cursor: pointer;
147
147
  }
package/src/components/pages/Error403Page.vue CHANGED
@@ -7,7 +7,7 @@
7
7
  >
8
8
  <h2>{{ $t('You do not have the right to access this page' ) }}</h2>
9
9
  <a
10
- class="btn btn-link"
10
+ class="btn btn-primary"
11
11
  href="/sso/logout"
12
12
  >{{ $t('Logout') }}</a>
13
13
  </div>
package/src/components/pages/Podcast.vue CHANGED
@@ -43,7 +43,6 @@
43
43
  </div>
44
44
  <div
45
45
  class="d-flex flex-column flex-grow-mobile"
46
- :class="authenticated || notExclusive ? 'flex-grow-1' : ''"
47
46
  >
48
47
  <SharePlayer
49
48
  v-if="pageParameters.isSharePlayer && (authenticated || notExclusive)"
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 : #32815C;
30
+ $octopus-primary-dark : #1a8658;
31
31
 
32
32
  $primaryColorTransparent : #40a37193;
33
33
  $primaryColorMoreTransparent : #40a37154;