@saooti/octopus-sdk 33.2.5 → 33.2.7

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 (9) hide show
  1. package/package.json +1 -1
  2. package/public/img/logo_octopus_final.svg +68 -92
  3. package/src/App.vue +1 -2
  4. package/src/assets/general.scss +9 -0
  5. package/src/components/form/ClassicSelect.vue +14 -1
  6. package/src/components/misc/Footer.vue +57 -97
  7. package/src/components/misc/TopBar.vue +2 -0
  8. package/src/components/misc/player/Player.vue +1 -1
  9. package/src/components/misc/player/PlayerCompact.vue +2 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saooti/octopus-sdk",
3
- "version": "33.2.5",
3
+ "version": "33.2.7",
4
4
  "private": false,
5
5
  "description": "Javascript SDK for using octopus",
6
6
  "author": "Saooti",
package/public/img/logo_octopus_final.svg CHANGED
@@ -1,92 +1,68 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
- viewBox="0 0 193.6 55.8" style="enable-background:new 0 0 193.6 55.8;" xml:space="preserve">
5
- <style type="text/css">
6
- .st0{fill:url(#SVGID_1_);}
7
- .st1{fill:url(#SVGID_2_);}
8
- .st2{fill:url(#SVGID_3_);}
9
- .st3{fill:url(#SVGID_4_);}
10
- .st4{fill:url(#SVGID_5_);}
11
- </style>
12
- <g>
13
- <path d="M130.2,41.3c1.7,0,2.6,0.8,2.6,2.3c0,1.5-1,2.4-2.6,2.4h-1.5v2h-1.1v-6.6H130.2z M128.7,44.9h1.5c1,0,1.6-0.4,1.6-1.3
14
- c0-0.9-0.6-1.3-1.6-1.3h-1.5V44.9z"/>
15
- <path d="M138.6,45.4c0,1.5-1.1,2.6-2.6,2.6c-1.6,0-2.6-1-2.6-2.6c0-1.5,1.1-2.5,2.6-2.5C137.6,42.8,138.6,43.9,138.6,45.4z
16
- M134.5,45.4c0,1,0.6,1.6,1.5,1.6c0.9,0,1.5-0.7,1.5-1.6c0-1-0.6-1.6-1.5-1.6C135.1,43.8,134.5,44.4,134.5,45.4z"/>
17
- <path d="M144.6,47.9h-1.1v-0.9c-0.4,0.6-1,0.9-1.8,0.9c-1.4,0-2.4-1-2.4-2.6c0-1.5,1-2.5,2.4-2.5c0.8,0,1.4,0.3,1.8,0.9v-2.9h1.1
18
- V47.9z M143.5,45.4c0-1-0.6-1.7-1.5-1.7c-0.9,0-1.5,0.7-1.5,1.7c0,1,0.6,1.6,1.5,1.6C142.8,47.1,143.5,46.4,143.5,45.4z"/>
19
- <path d="M150.3,43.7l-0.6,0.7c-0.3-0.4-0.8-0.6-1.4-0.6c-0.9,0-1.5,0.7-1.5,1.6s0.6,1.6,1.5,1.6c0.6,0,1.1-0.2,1.5-0.6l0.6,0.6
20
- c-0.5,0.6-1.2,0.9-2.1,0.9c-1.5,0-2.5-1-2.5-2.5c0-1.5,1-2.6,2.5-2.6C149.2,42.8,149.9,43.1,150.3,43.7z"/>
21
- <path d="M154.3,47.3c-0.4,0.4-0.9,0.7-1.7,0.7c-1.1,0-1.8-0.7-1.8-1.6c0-0.9,0.7-1.5,1.9-1.5h1.5v-0.2c0-0.6-0.4-1-1.2-1
22
- c-0.5,0-1,0.2-1.5,0.5l-0.4-0.8c0.7-0.4,1.2-0.6,2.2-0.6c1.3,0,2,0.7,2,1.8l0,3.3h-1.1V47.3z M154.3,46.1v-0.5H153
23
- c-0.7,0-1,0.2-1,0.7c0,0.5,0.4,0.7,1,0.7C153.7,47.1,154.3,46.7,154.3,46.1z"/>
24
- <path d="M160.1,43.3l-0.4,0.8c-0.4-0.3-1-0.4-1.4-0.4c-0.4,0-0.7,0.1-0.7,0.5c0,0.9,2.7,0.4,2.7,2.2c0,1-0.9,1.5-1.9,1.5
25
- c-0.7,0-1.5-0.2-2-0.7l0.4-0.8c0.4,0.4,1.1,0.6,1.7,0.6c0.5,0,0.8-0.2,0.8-0.5c0-1-2.6-0.5-2.6-2.3c0-1,0.9-1.5,1.9-1.5
26
- C159,42.8,159.7,43,160.1,43.3z"/>
27
- <path d="M164.1,47.6c-0.4,0.2-0.8,0.4-1.2,0.4c-0.8,0-1.4-0.4-1.4-1.5v-2.6h-0.7v-0.8h0.7v-1.4h1.1v1.4h1.5v0.8h-1.5v2.4
28
- c0,0.5,0.2,0.7,0.5,0.7c0.2,0,0.5-0.1,0.8-0.2L164.1,47.6z"/>
29
- <path d="M171.4,47.1c-0.6,0.6-1.3,0.9-2,0.9c-1.2,0-2.1-0.8-2.1-1.9c0-0.9,0.7-1.4,1.4-1.8c-0.4-0.6-0.6-1.1-0.6-1.5
30
- c0-0.9,0.7-1.5,1.7-1.5c1,0,1.7,0.6,1.7,1.4c0,0.9-0.8,1.4-1.6,1.8c0.4,0.4,0.8,0.9,1.4,1.4c0.2-0.3,0.4-0.7,0.6-1.2l0.7,0.5
31
- c-0.2,0.5-0.4,0.9-0.7,1.3l1.1,1l-0.6,0.6L171.4,47.1z M170.8,46.5c-0.7-0.7-1.2-1.2-1.6-1.7c-0.5,0.3-1,0.7-1,1.2
32
- c0,0.7,0.5,1.1,1.2,1.1C169.9,47.1,170.4,46.9,170.8,46.5z M169.5,43.9c0.6-0.3,1.2-0.7,1.2-1.3c0-0.4-0.3-0.7-0.8-0.7
33
- c-0.5,0-0.9,0.3-0.9,0.8C169,43.1,169.1,43.5,169.5,43.9z"/>
34
- <path d="M180.3,46.9v1h-4v-6.6h1.1v5.6H180.3z"/>
35
- <path d="M182.5,41.5c0,0.4-0.3,0.7-0.6,0.7c-0.4,0-0.6-0.3-0.6-0.7c0-0.4,0.3-0.7,0.6-0.7C182.2,40.8,182.5,41.1,182.5,41.5z
36
- M181.3,47.9v-5h1.1v5H181.3z"/>
37
- <path d="M185.1,47.9l-1.9-5h1.1l1.4,4l1.4-4h1.1l-1.9,5H185.1z"/>
38
- <path d="M193.2,45.8h-3.8c0.2,0.8,0.8,1.3,1.6,1.3c0.5,0,1-0.2,1.4-0.6l0.6,0.6c-0.5,0.5-1.2,0.9-2.1,0.9c-1.5,0-2.6-1-2.6-2.5
39
- c0-1.5,1-2.5,2.5-2.6C192.6,42.8,193.3,44,193.2,45.8z M192.2,45c0-0.8-0.6-1.3-1.4-1.3c-0.8,0-1.4,0.5-1.5,1.3H192.2z"/>
40
- </g>
41
- <g>
42
- <path d="M32.7,15.6c0,8.7-7.1,15.5-16.2,15.5S0.4,24.3,0.4,15.6c0-8.8,7.1-15.4,16.2-15.4S32.7,6.9,32.7,15.6z M5.7,15.6
43
- c0,6.1,5,10.8,11,10.8s10.8-4.8,10.8-10.8c0-6.1-4.9-10.8-10.8-10.8C10.6,4.9,5.7,9.6,5.7,15.6z"/>
44
- <path d="M59.2,11.3l-2.7,3.2c-1.6-1.7-3.8-2.7-6.6-2.6c-4,0-6.9,3-6.9,7.4c0,4.4,2.9,7.4,6.9,7.4c2.9,0,5.3-1,6.8-2.8l2.8,2.8
45
- C57.3,29.5,54,31,49.6,31c-6.9,0-11.7-4.7-11.7-11.7c0-7,4.8-11.8,11.7-11.8C53.8,7.5,57,8.9,59.2,11.3z"/>
46
- <path d="M79.9,29.4c-1.8,1.1-3.7,1.7-5.7,1.7c-3.5,0-6.5-2-6.5-6.7v-12h-3.3V8.6h3.3V2.2h5v6.4h6.8v3.7h-6.8v11.1
47
- c0,2.4,0.9,3.1,2.5,3.1c1,0,2.1-0.3,3.5-1L79.9,29.4z"/>
48
- <path d="M140.2,19.4c0,6.9-4.4,11.7-11,11.7c-3.7,0-6.5-1.5-8.2-4.2v21h-5V7.7h5v4c1.7-2.7,4.5-4.2,8.1-4.2
49
- C135.7,7.5,140.2,12.3,140.2,19.4z M135.2,19.2c0-4.3-2.9-7.5-7.1-7.5c-4.1,0-7.1,3.1-7.1,7.5c0,4.5,2.9,7.6,7.1,7.6
50
- C132.3,26.8,135.2,23.6,135.2,19.2z"/>
51
- <path d="M168.7,30.9h-5v-4.5c-1.6,3.2-4.5,4.7-8.3,4.7c-5.3,0-8.5-3.4-8.5-8.9V7.7h5v13c0,3.5,2,5.6,5.4,5.6c4-0.1,6.4-3.2,6.4-7.2
52
- V7.7h5V30.9z"/>
53
- <path d="M193.2,9.8l-1.8,3.7c-2-1.3-4.6-2-6.7-2c-2,0-3.4,0.7-3.4,2.3c0,4.3,12.3,2,12.3,10.4c0,4.7-4.2,6.9-8.9,6.9
54
- c-3.4,0-7-1.1-9.3-3.2l1.8-3.6c2,1.8,5.2,2.9,7.7,2.9c2.1,0,3.8-0.7,3.8-2.5c0-4.7-12.2-2.1-12.1-10.4c0-4.7,4.1-6.7,8.5-6.7
55
- C188.1,7.5,191.2,8.4,193.2,9.8z"/>
56
- </g>
57
- <g>
58
- <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="94.4164" y1="38.1055" x2="105.4353" y2="49.1244">
59
- <stop offset="7.179065e-03" style="stop-color:#DFD900"/>
60
- <stop offset="0.9949" style="stop-color:#54B17B"/>
61
- </linearGradient>
62
- <path class="st0" d="M94.1,38.4c-1.8,2-2.5,4.9-1.6,7.7c1.3,4.1,5.8,6.3,9.9,5c4.1-1.3,6.3-5.8,5-9.9c-0.5-1.7-1.6-3-2.9-3.9
63
- l-0.9,1c1.1,0.8,2.1,1.9,2.5,3.3c1.1,3.4-0.7,7-4.1,8.2c-3.4,1.1-7-0.7-8.2-4.1c-0.7-2.3-0.2-4.6,1.3-6.3L94.1,38.4z"/>
64
- <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="85.2447" y1="28.7365" x2="108.708" y2="52.1998">
65
- <stop offset="7.179065e-03" style="stop-color:#DFD900"/>
66
- <stop offset="0.9949" style="stop-color:#54B17B"/>
67
- </linearGradient>
68
- <path class="st1" d="M88.6,47.4c2.1,6.4,9,9.8,15.3,7.7c6.4-2.1,9.8-9,7.7-15.3c-0.8-2.5-2.4-4.5-4.4-6l-0.9,1
69
- c1.8,1.3,3.2,3.1,4,5.4c1.9,5.7-1.2,11.8-6.9,13.7c-5.7,1.9-11.8-1.2-13.7-6.9c-1.3-3.8-0.3-7.8,2.2-10.6l-1-0.9
70
- c-0.7,0.7-1.2,1.6-1.7,2.5c-0.1,0-1.9,0.1-2.5-1.3c0,0-0.4-1.4,0.6-2.3l-0.9-1c-1.6,1.5-1,3.6-1,3.7c0.6,1.6,2,2.1,3.1,2.2
71
- c-0.4,0.9-0.6,1.9-0.7,3c-0.9-0.2-3.4-0.9-4.6-3c-1.1-1.9-0.9-4.6,0.5-7.9l-0.9-0.4c-0.3,0.5-0.6,0.9-0.9,1.4c-1,3-1,5.5,0.2,7.5
72
- c1.6,2.8,4.8,3.5,5.7,3.7C88,44.8,88.2,46.1,88.6,47.4z"/>
73
- <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="97.4466" y1="41.1256" x2="102.393" y2="46.072">
74
- <stop offset="7.179065e-03" style="stop-color:#DFD900"/>
75
- <stop offset="0.9949" style="stop-color:#54B17B"/>
76
- </linearGradient>
77
- <path class="st2" d="M101,46.9c1.8-0.6,2.8-2.6,2.2-4.4c-0.6-1.8-2.6-2.8-4.4-2.2c-1.8,0.6-2.8,2.6-2.2,4.4
78
- C97.2,46.5,99.2,47.5,101,46.9z M99.2,41.5c1.1-0.4,2.4,0.2,2.7,1.4c0.4,1.1-0.2,2.4-1.4,2.7c-1.1,0.4-2.4-0.2-2.7-1.4
79
- C97.5,43.1,98.1,41.9,99.2,41.5z"/>
80
- </g>
81
- <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="89.1003" y1="10.9395" x2="106.2315" y2="28.0708">
82
- <stop offset="7.179065e-03" style="stop-color:#DFD900"/>
83
- <stop offset="0.9949" style="stop-color:#54B17B"/>
84
- </linearGradient>
85
- <path class="st3" d="M97.7,31.6c6.7,0,12.1-5.4,12.1-12.1S104.3,7.4,97.7,7.4c-6.7,0-12.1,5.4-12.1,12.1S91,31.6,97.7,31.6z"/>
86
- <linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="86.9488" y1="8.8697" x2="108.3836" y2="30.3045">
87
- <stop offset="7.179065e-03" style="stop-color:#DFD900"/>
88
- <stop offset="0.9949" style="stop-color:#54B17B"/>
89
- </linearGradient>
90
- <path class="st4" d="M97.7,34.8c8.4,0,15.2-6.8,15.2-15.2S106,4.4,97.7,4.4s-15.2,6.8-15.2,15.2S89.3,34.8,97.7,34.8z M97.7,5.7
91
- c7.7,0,13.9,6.3,13.9,13.9s-6.3,13.9-13.9,13.9c-7.7,0-13.9-6.3-13.9-13.9S90,5.7,97.7,5.7z"/>
92
- </svg>
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 27.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 193.6 55.8" style="enable-background:new 0 0 193.6 55.8;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{enable-background:new ;}
7
+ .st1{fill:#188658;}
8
+ </style>
9
+ <g class="st0">
10
+ <path d="M130.2,41.3c1.7,0,2.6,0.8,2.6,2.3c0,1.5-1,2.4-2.6,2.4h-1.5v2h-1.1v-6.6H130.2z M128.7,44.9h1.5c1,0,1.6-0.4,1.6-1.3
11
+ c0-0.9-0.6-1.3-1.6-1.3h-1.5V44.9z"/>
12
+ <path d="M138.6,45.4c0,1.5-1.1,2.6-2.6,2.6c-1.6,0-2.6-1-2.6-2.6c0-1.5,1.1-2.5,2.6-2.5C137.6,42.8,138.6,43.9,138.6,45.4z
13
+ M134.5,45.4c0,1,0.6,1.6,1.5,1.6c0.9,0,1.5-0.7,1.5-1.6c0-1-0.6-1.6-1.5-1.6C135.1,43.8,134.5,44.4,134.5,45.4z"/>
14
+ <path d="M144.6,47.9h-1.1v-0.9c-0.4,0.6-1,0.9-1.8,0.9c-1.4,0-2.4-1-2.4-2.6c0-1.5,1-2.5,2.4-2.5c0.8,0,1.4,0.3,1.8,0.9v-2.9h1.1
15
+ V47.9z M143.5,45.4c0-1-0.6-1.7-1.5-1.7c-0.9,0-1.5,0.7-1.5,1.7c0,1,0.6,1.6,1.5,1.6C142.8,47.1,143.5,46.4,143.5,45.4z"/>
16
+ <path d="M150.3,43.7l-0.6,0.7c-0.3-0.4-0.8-0.6-1.4-0.6c-0.9,0-1.5,0.7-1.5,1.6s0.6,1.6,1.5,1.6c0.6,0,1.1-0.2,1.5-0.6l0.6,0.6
17
+ c-0.5,0.6-1.2,0.9-2.1,0.9c-1.5,0-2.5-1-2.5-2.5c0-1.5,1-2.6,2.5-2.6C149.2,42.8,149.9,43.1,150.3,43.7z"/>
18
+ <path d="M154.3,47.3c-0.4,0.4-0.9,0.7-1.7,0.7c-1.1,0-1.8-0.7-1.8-1.6c0-0.9,0.7-1.5,1.9-1.5h1.5v-0.2c0-0.6-0.4-1-1.2-1
19
+ c-0.5,0-1,0.2-1.5,0.5l-0.4-0.8c0.7-0.4,1.2-0.6,2.2-0.6c1.3,0,2,0.7,2,1.8l0,3.3h-1.1V47.3z M154.3,46.1v-0.5H153
20
+ c-0.7,0-1,0.2-1,0.7c0,0.5,0.4,0.7,1,0.7C153.7,47.1,154.3,46.7,154.3,46.1z"/>
21
+ <path d="M160.1,43.3l-0.4,0.8c-0.4-0.3-1-0.4-1.4-0.4c-0.4,0-0.7,0.1-0.7,0.5c0,0.9,2.7,0.4,2.7,2.2c0,1-0.9,1.5-1.9,1.5
22
+ c-0.7,0-1.5-0.2-2-0.7l0.4-0.8c0.4,0.4,1.1,0.6,1.7,0.6c0.5,0,0.8-0.2,0.8-0.5c0-1-2.6-0.5-2.6-2.3c0-1,0.9-1.5,1.9-1.5
23
+ C159,42.8,159.7,43,160.1,43.3z"/>
24
+ <path d="M164.1,47.6c-0.4,0.2-0.8,0.4-1.2,0.4c-0.8,0-1.4-0.4-1.4-1.5v-2.6h-0.7v-0.8h0.7v-1.4h1.1v1.4h1.5v0.8h-1.5v2.4
25
+ c0,0.5,0.2,0.7,0.5,0.7c0.2,0,0.5-0.1,0.8-0.2L164.1,47.6z"/>
26
+ <path d="M171.4,47.1c-0.6,0.6-1.3,0.9-2,0.9c-1.2,0-2.1-0.8-2.1-1.9c0-0.9,0.7-1.4,1.4-1.8c-0.4-0.6-0.6-1.1-0.6-1.5
27
+ c0-0.9,0.7-1.5,1.7-1.5c1,0,1.7,0.6,1.7,1.4c0,0.9-0.8,1.4-1.6,1.8c0.4,0.4,0.8,0.9,1.4,1.4c0.2-0.3,0.4-0.7,0.6-1.2l0.7,0.5
28
+ c-0.2,0.5-0.4,0.9-0.7,1.3l1.1,1l-0.6,0.6L171.4,47.1z M170.8,46.5c-0.7-0.7-1.2-1.2-1.6-1.7c-0.5,0.3-1,0.7-1,1.2
29
+ c0,0.7,0.5,1.1,1.2,1.1C169.9,47.1,170.4,46.9,170.8,46.5z M169.5,43.9c0.6-0.3,1.2-0.7,1.2-1.3c0-0.4-0.3-0.7-0.8-0.7
30
+ c-0.5,0-0.9,0.3-0.9,0.8C169,43.1,169.1,43.5,169.5,43.9z"/>
31
+ <path d="M180.3,46.9v1h-4v-6.6h1.1v5.6H180.3z"/>
32
+ <path d="M182.5,41.5c0,0.4-0.3,0.7-0.6,0.7c-0.4,0-0.6-0.3-0.6-0.7c0-0.4,0.3-0.7,0.6-0.7C182.2,40.8,182.5,41.1,182.5,41.5z
33
+ M181.3,47.9v-5h1.1v5H181.3z"/>
34
+ <path d="M185.1,47.9l-1.9-5h1.1l1.4,4l1.4-4h1.1l-1.9,5H185.1z"/>
35
+ <path d="M193.2,45.8h-3.8c0.2,0.8,0.8,1.3,1.6,1.3c0.5,0,1-0.2,1.4-0.6l0.6,0.6c-0.5,0.5-1.2,0.9-2.1,0.9c-1.5,0-2.6-1-2.6-2.5
36
+ c0-1.5,1-2.5,2.5-2.6C192.6,42.8,193.3,44,193.2,45.8z M192.2,45c0-0.8-0.6-1.3-1.4-1.3c-0.8,0-1.4,0.5-1.5,1.3H192.2z"/>
37
+ </g>
38
+ <g>
39
+ <path d="M32.7,15.6c0,8.7-7.1,15.5-16.2,15.5S0.4,24.3,0.4,15.6c0-8.8,7.1-15.4,16.2-15.4S32.7,6.9,32.7,15.6z M5.7,15.6
40
+ c0,6.1,5,10.8,11,10.8s10.8-4.8,10.8-10.8c0-6.1-4.9-10.8-10.8-10.8C10.6,4.9,5.7,9.6,5.7,15.6z"/>
41
+ <path d="M59.2,11.3l-2.7,3.2c-1.6-1.7-3.8-2.7-6.6-2.6c-4,0-6.9,3-6.9,7.4s2.9,7.4,6.9,7.4c2.9,0,5.3-1,6.8-2.8l2.8,2.8
42
+ C57.3,29.5,54,31,49.6,31c-6.9,0-11.7-4.7-11.7-11.7S42.7,7.5,49.6,7.5C53.8,7.5,57,8.9,59.2,11.3z"/>
43
+ <path d="M79.9,29.4c-1.8,1.1-3.7,1.7-5.7,1.7c-3.5,0-6.5-2-6.5-6.7v-12h-3.3V8.6h3.3V2.2h5v6.4h6.8v3.7h-6.8v11.1
44
+ c0,2.4,0.9,3.1,2.5,3.1c1,0,2.1-0.3,3.5-1L79.9,29.4z"/>
45
+ <path d="M140.2,19.4c0,6.9-4.4,11.7-11,11.7c-3.7,0-6.5-1.5-8.2-4.2v21h-5V7.7h5v4c1.7-2.7,4.5-4.2,8.1-4.2
46
+ C135.7,7.5,140.2,12.3,140.2,19.4z M135.2,19.2c0-4.3-2.9-7.5-7.1-7.5c-4.1,0-7.1,3.1-7.1,7.5c0,4.5,2.9,7.6,7.1,7.6
47
+ C132.3,26.8,135.2,23.6,135.2,19.2z"/>
48
+ <path d="M168.7,30.9h-5v-4.5c-1.6,3.2-4.5,4.7-8.3,4.7c-5.3,0-8.5-3.4-8.5-8.9V7.7h5v13c0,3.5,2,5.6,5.4,5.6c4-0.1,6.4-3.2,6.4-7.2
49
+ V7.7h5L168.7,30.9L168.7,30.9z"/>
50
+ <path d="M193.2,9.8l-1.8,3.7c-2-1.3-4.6-2-6.7-2c-2,0-3.4,0.7-3.4,2.3c0,4.3,12.3,2,12.3,10.4c0,4.7-4.2,6.9-8.9,6.9
51
+ c-3.4,0-7-1.1-9.3-3.2l1.8-3.6c2,1.8,5.2,2.9,7.7,2.9c2.1,0,3.8-0.7,3.8-2.5c0-4.7-12.2-2.1-12.1-10.4c0-4.7,4.1-6.7,8.5-6.7
52
+ C188.1,7.5,191.2,8.4,193.2,9.8z"/>
53
+ </g>
54
+ <g>
55
+ <path class="st1" d="M94.1,38.4c-1.8,2-2.5,4.9-1.6,7.7c1.3,4.1,5.8,6.3,9.9,5s6.3-5.8,5-9.9c-0.5-1.7-1.6-3-2.9-3.9l-0.9,1
56
+ c1.1,0.8,2.1,1.9,2.5,3.3c1.1,3.4-0.7,7-4.1,8.2c-3.4,1.1-7-0.7-8.2-4.1c-0.7-2.3-0.2-4.6,1.3-6.3L94.1,38.4z"/>
57
+ <path class="st1" d="M88.6,47.4c2.1,6.4,9,9.8,15.3,7.7c6.4-2.1,9.8-9,7.7-15.3c-0.8-2.5-2.4-4.5-4.4-6l-0.9,1
58
+ c1.8,1.3,3.2,3.1,4,5.4c1.9,5.7-1.2,11.8-6.9,13.7c-5.7,1.9-11.8-1.2-13.7-6.9c-1.3-3.8-0.3-7.8,2.2-10.6l-1-0.9
59
+ c-0.7,0.7-1.2,1.6-1.7,2.5c-0.1,0-1.9,0.1-2.5-1.3c0,0-0.4-1.4,0.6-2.3l-0.9-1c-1.6,1.5-1,3.6-1,3.7c0.6,1.6,2,2.1,3.1,2.2
60
+ c-0.4,0.9-0.6,1.9-0.7,3c-0.9-0.2-3.4-0.9-4.6-3c-1.1-1.9-0.9-4.6,0.5-7.9L82.6,31c-1.8,3.3-1.7,7-0.6,9c1.6,2.8,4.8,3.5,5.7,3.7
61
+ C88,44.8,88.2,46.1,88.6,47.4z"/>
62
+ <path class="st1" d="M101,46.9c1.8-0.6,2.8-2.6,2.2-4.4c-0.6-1.8-2.6-2.8-4.4-2.2s-2.8,2.6-2.2,4.4C97.2,46.5,99.2,47.5,101,46.9z
63
+ M99.2,41.5c1.1-0.4,2.4,0.2,2.7,1.4c0.4,1.1-0.2,2.4-1.4,2.7c-1.1,0.4-2.4-0.2-2.7-1.4C97.5,43.1,98.1,41.9,99.2,41.5z"/>
64
+ </g>
65
+ <path class="st1" d="M97.7,31.6c6.7,0,12.1-5.4,12.1-12.1S104.3,7.4,97.7,7.4c-6.7,0-12.1,5.4-12.1,12.1S91,31.6,97.7,31.6z"/>
66
+ <path class="st1" d="M97.7,34.8c8.4,0,15.2-6.8,15.2-15.2S106,4.4,97.7,4.4s-15.2,6.8-15.2,15.2S89.3,34.8,97.7,34.8z M97.7,5.7
67
+ c7.7,0,13.9,6.3,13.9,13.9s-6.3,13.9-13.9,13.9c-7.7,0-13.9-6.3-13.9-13.9S90,5.7,97.7,5.7z"/>
68
+ </svg>
package/src/App.vue CHANGED
@@ -1,9 +1,8 @@
1
1
  <template>
2
2
  <div
3
3
  v-if="isInit"
4
- id="app"
5
4
  :key="reload"
6
- class="octopus-app"
5
+ class="d-flex flex-column h-100 octopus-app"
7
6
  >
8
7
  <TopBar
9
8
  v-model:displayMenu="displayMenu"
package/src/assets/general.scss CHANGED
@@ -12,8 +12,16 @@ body{
12
12
  background: #ebebeb;
13
13
  min-height: 100%;
14
14
  overscroll-behavior-y: contain;
15
+ display: flex;
16
+ flex-direction: column;
17
+ }
18
+ #app{
19
+ display: flex;
20
+ flex-direction: column;
21
+ flex-grow: 1;
15
22
  }
16
23
  .octopus-app{
24
+ flex-grow: 1;
17
25
  *:focus-visible{
18
26
  outline: none;
19
27
  box-shadow: 0 0 10px 1px $octopus-primary-color !important;
@@ -66,6 +74,7 @@ body{
66
74
  .page-box{
67
75
  background-color: $octopus-background;
68
76
  padding: 2rem 5rem 5rem 5rem;
77
+ flex-grow: 1;
69
78
  @media (max-width: 1400px) {
70
79
  padding: 2rem;
71
80
  }
package/src/components/form/ClassicSelect.vue CHANGED
@@ -10,6 +10,7 @@
10
10
  v-model="textValue"
11
11
  :disabled="isDisabled"
12
12
  class="c-hand w-100"
13
+ :class="transparent?'transparent':''"
13
14
  :style="getFontFamily"
14
15
  >
15
16
  <option
@@ -31,6 +32,7 @@ export default defineComponent({
31
32
  idSelect: { default: '', type: String },
32
33
  label: { default: '', type: String },
33
34
  displayLabel:{default: true, type: Boolean},
35
+ transparent:{ default: false, type: Boolean },
34
36
  isDisabled: { default: false, type: Boolean },
35
37
  options: { default: ()=>[], type: Array as () => Array<{title: string, value: string|undefined, fontFamily?: string}> },
36
38
  textInit: { default: undefined, type: String },
@@ -68,4 +70,15 @@ export default defineComponent({
68
70
  },
69
71
  },
70
72
  });
71
- </script>
73
+ </script>
74
+ <style lang="scss">
75
+ .octopus-app{
76
+ select.transparent {
77
+ background: transparent !important;
78
+ outline-color: transparent !important;
79
+ padding:0;
80
+ border: 0;
81
+ height: unset;
82
+ }
83
+ }
84
+ </style>
package/src/components/misc/Footer.vue CHANGED
@@ -1,94 +1,59 @@
1
1
  <template>
2
- <div class="bg-dark">
3
- <div
4
- v-if="displayFooter"
5
- id="footer"
6
- ref="footer"
7
- class="d-flex-column p-3 secondary-bg border-top"
8
- >
9
- <div class="d-flex flex-column flex-grow-1 align-items-end">
10
- <div class="d-flex flex-column">
11
- <template
12
- v-for="link in routerLinkArray"
13
- :key="link.routeName"
14
- >
15
- <router-link
16
- v-if="link.condition"
17
- class="link-hover"
18
- :to="{
19
- name: link.routeName,
20
- query: getQueriesRouter(link.routeName),
21
- }"
22
- >
23
- {{ link.title }}
24
- </router-link>
25
- </template>
26
- </div>
2
+ <div
3
+ v-if="displayFooter"
4
+ id="footer"
5
+ ref="footer"
6
+ class="d-flex align-items-center justify-content-between border-top"
7
+ >
8
+ <div class="d-flex align-items-center px-1" v-if="!isPodcastmaker">
9
+ <div class="text-dark me-2">
10
+ &copy; Saooti 2019
27
11
  </div>
28
- <hr class="show-phone">
29
- <div
30
- v-if="!isPodcastmaker"
31
- class="d-flex flex-grow-1 align-items-center flex-column"
12
+ <router-link
13
+ v-for="link in routerLinkSecondArray"
14
+ :key="link.routeName"
15
+ class="link-hover me-2"
16
+ :to="link.routeName"
32
17
  >
33
- <div class="d-flex flex-column">
34
- <div class="text-dark">
35
- &copy; Saooti 2019
36
- </div>
37
- <router-link
38
- v-for="link in routerLinkSecondArray"
39
- :key="link.routeName"
40
- class="link-hover"
41
- :to="link.routeName"
42
- >
43
- {{ link.title }}
44
- </router-link>
45
- <ClassicSelect
46
- v-model:textInit="language"
47
- :display-label="false"
48
- id-select="language-chooser-select"
49
- :label="$t('Change locale')"
50
- :options="[{title:'Deutsch', value:'de'},
51
- {title:'English', value:'en'},
52
- {title:'Español', value:'es'},
53
- {title:'Français', value:'fr'},
54
- {title:'Italiano', value:'it'},
55
- {title:'Slovenščina', value:'sl'}]"
56
- />
57
- </div>
58
- </div>
59
- <hr class="show-phone">
60
- <div class="flex-grow-1">
61
- <a
62
- href="https://www.acpm.fr/L-ACPM/Certifications-et-Labels/Les-Podcasts"
63
- rel="noopener"
64
- target="_blank"
65
- :title="$t('Octopus is ACPM Podcast accredited')"
66
- >
67
- <img
68
- class="acpm_image"
69
- src="/img/ACPM.webp"
70
- :title="$t('Octopus is ACPM Podcast accredited')"
71
- :alt="$t('Octopus is ACPM Podcast accredited')"
72
- >
73
- </a>
74
- </div>
75
- <div
76
- v-if="isPodcastmaker && isContactLink"
77
- class="d-flex flex-column flex-grow-1 align-items-center"
78
- >
79
- <div class="d-flex flex-column">
80
- <a
81
- id="footer-contact"
82
- class="link-hover"
83
- :href="isContactLink"
84
- rel="noopener"
85
- target="_blank"
86
- >{{ $t('Contact') }}</a>
87
- </div>
88
- </div>
18
+ {{ link.title }}
19
+ </router-link>
20
+ <ClassicSelect
21
+ v-model:textInit="language"
22
+ :display-label="false"
23
+ id-select="language-chooser-select"
24
+ :label="$t('Change locale')"
25
+ :transparent="true"
26
+ :options="[{title:'Deutsch', value:'de'},
27
+ {title:'English', value:'en'},
28
+ {title:'Español', value:'es'},
29
+ {title:'Français', value:'fr'},
30
+ {title:'Italiano', value:'it'},
31
+ {title:'Slovenščina', value:'sl'}]"
32
+ />
89
33
  </div>
90
- <Player @hide="showBlackBorder" />
34
+ <a
35
+ v-if="isPodcastmaker && isContactLink"
36
+ id="footer-contact"
37
+ class="link-hover"
38
+ :href="isContactLink"
39
+ rel="noopener"
40
+ target="_blank"
41
+ >{{ $t('Contact') }}</a>
42
+ <a
43
+ href="https://www.acpm.fr/L-ACPM/Certifications-et-Labels/Les-Podcasts"
44
+ rel="noopener"
45
+ target="_blank"
46
+ :title="$t('Octopus is ACPM Podcast accredited')"
47
+ >
48
+ <img
49
+ class="acpm_image"
50
+ src="/img/ACPM.webp"
51
+ :title="$t('Octopus is ACPM Podcast accredited')"
52
+ :alt="$t('Octopus is ACPM Podcast accredited')"
53
+ >
54
+ </a>
91
55
  </div>
56
+ <Player @hide="showBlackBorder" />
92
57
  </template>
93
58
 
94
59
  <script lang="ts">
@@ -118,15 +83,6 @@ export default defineComponent({
118
83
  };
119
84
  },
120
85
  computed: {
121
- routerLinkArray(){
122
- return [
123
- {title : this.$t('Home'), routeName: 'home', condition : true},
124
- {title : this.$t('Podcasts'), routeName: 'podcasts', condition : true},
125
- {title : this.$t('Emissions'), routeName: 'emissions', condition : true},
126
- {title : this.$t('Productors'), routeName: 'productors', condition : !this.isPodcastmaker && !this.$store.state.filter.organisationId},
127
- {title : this.$t('Playlists'), routeName: 'playlists', condition : true},
128
- {title : this.$t('Speakers'), routeName: 'participants', condition : true},]
129
- },
130
86
  routerLinkSecondArray(){
131
87
  return [
132
88
  {title : this.$t('Contact'), routeName: '/main/pub/contact'},
@@ -192,9 +148,13 @@ export default defineComponent({
192
148
  .octopus-app{
193
149
  #footer{
194
150
  font-size: 0.7rem;
151
+ position: sticky;
152
+ bottom: 0;
153
+ z-index: 10;
154
+ background: white;
195
155
  .acpm_image {
196
- width: 70px;
197
- height: 70px;
156
+ width: 44px;
157
+ height: 44px;
198
158
  }
199
159
  a{
200
160
  color: #666;
package/src/components/misc/TopBar.vue CHANGED
@@ -14,6 +14,8 @@
14
14
  @click="onDisplayMenu(true)"
15
15
  >
16
16
  <img
17
+ width="160"
18
+ height="50"
17
19
  :src="!filterOrga || '' === imgUrl ? logoUrl : proxyImageUrl(imgUrl, '', '50')"
18
20
  :alt="!filterOrga || '' === imgUrl ? $t('Logo of main page') : $t('Visual', {name: $store.state.filter?.name})"
19
21
  :class="isEducation ? 'educationLogo' : ''"
package/src/components/misc/player/Player.vue CHANGED
@@ -115,7 +115,7 @@ export default defineComponent({
115
115
  .octopus-app{
116
116
  .player-container {
117
117
  max-height: 94%;
118
- position: fixed;
118
+ position: sticky;
119
119
  overflow: hidden;
120
120
  z-index: 12;
121
121
  width: 100%;
package/src/components/misc/player/PlayerCompact.vue CHANGED
@@ -18,13 +18,14 @@
18
18
  :class="{
19
19
  'saooti-play': isPaused,
20
20
  'saooti-pause': isPlaying,
21
- '':!isPaused&&!isPlaying
21
+ 'p-0':!isPaused&&!isPlaying
22
22
  }"
23
23
  class="btn play-button-box text-light bg-primary"
24
24
  @click="switchPausePlay"
25
25
  >
26
26
  <Spinner
27
27
  v-if="!isPaused&&!isPlaying"
28
+ :small="true"
28
29
  />
29
30
  </button>
30
31
  <div class="text-light player-grow-content">