@saooti/octopus-sdk 31.0.33 → 31.0.36

package/README.md

@@ -585,7 +585,8 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.86 Podcastmaker newest
  * 30.0.87 Podcastmaker newest (swiper list)
  * 30.0.88 Podcastmaker newest (swiper list)
-
+ * 30.0.89 Podcastmaker newest (swiper list)
+ 
  * 31.0.0 Passage en 31
  * 31.0.1 Ajout pocket casts
  * 31.0.2 Gestion des 403
@@ -620,3 +621,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 31.0.31 Changement css (trop de fun)
  * 31.0.32 Changement css (toujours trop de fun)
  * 31.0.33 Changement css (on n'arrete plus le fun)
+ * 31.0.34 Icones
+ * 31.0.35 Il faut croire que c'est SDK Day...
+ * 31.0.36 Améliorations multiples (pagination, modales, pages d'erreurs...)
+

package/index.ts

@@ -58,6 +58,7 @@ import ClassicCheckbox from "./src/components/form/ClassicCheckbox.vue";
 import ClassicRadio from "./src/components/form/ClassicRadio.vue";
 import ClassicLoading from "./src/components/form/ClassicLoading.vue";
 import ClassicSelect from "./src/components/form/ClassicSelect.vue";
+import Paginate from "./src/components/display/list/Paginate.vue";
 
 //mixins
 import {selenium} from "./src/components/mixins/functions";
@@ -118,7 +119,8 @@ const components = {
     AdvancedSearch,
     PodcastPlaylistInlineList,
     ClassicSelect,
-    Error403Page
+    Error403Page,
+    Paginate
 }
 
 export default components;
@@ -174,5 +176,6 @@ export {
     AdvancedSearch,
     PodcastPlaylistInlineList,
     ClassicSelect,
-    Error403Page
+    Error403Page,
+    Paginate
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "31.0.33",
+  "version": "31.0.36",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/public/css/fonts/saooti-ui.svg

@@ -490,7 +490,10 @@
 <glyph unicode="&#xeae0;" glyph-name="exit2" horiz-adv-x="820" d="M354.864 864.323c88.979 0 88.979-135.212 0-135.212h-190.387v-562.221h190.387c88.979 0 88.979-135.212 0-135.212h-257.994c-37.293 0-67.607 30.314-67.607 67.607v697.433c0 37.293 30.314 67.607 67.607 67.607h257.994zM301.651 524.547h212.414v45.798c0 26.388 29.878 41.218 51.032 26.388 70.005-40.346 139.792-80.691 209.579-121.037 21.809-12.649 21.154-44.053-0.436-56.048-70.659-40.781-141.319-81.564-211.978-122.345-21.59-12.431-48.196 3.49-48.196 27.914v46.016h-212.414c-14.83 0-27.042 12.212-27.042 27.042v99.228c0 15.047 11.995 27.042 27.042 27.042v0z" />
 <glyph unicode="&#xeae1;" glyph-name="more" horiz-adv-x="820" d="M449.537 408.309h298.913c22.615 0 39.537 16.923 39.537 39.537s-16.923 39.537-39.537 39.537h-298.913v298.913c0 22.615-16.923 39.537-39.537 39.537s-39.537-16.923-39.537-39.537v-298.913h-298.913c-22.615 0-39.537-16.923-39.537-39.537 0-11.231 2.769-19.691 11.231-28.153s16.923-11.231 28.153-11.231h298.913v-298.913c0-11.231 2.769-19.691 11.231-28.153v0c8.461-8.461 16.923-11.231 28.153-11.231 22.615 0 39.537 16.923 39.537 39.537l0.308 298.605z" />
 <glyph unicode="&#xeae2;" glyph-name="qrcode" d="M56 639.505c13.361 0 24 10.639 24 24v216.495h216.495c13.361 0 24 10.639 24 24s-10.639 24-24 24h-240.495c-13.361 0-24-10.639-24-24v-240.495c0-13.361 10.639-24 24-24zM968 256.495c-13.361 0-24-10.639-24-24v-216.495h-216.495c-13.361 0-24-10.639-24-24s10.639-24 24-24h240.495c13.361 0 24 10.639 24 24v240.495c0 13.361-10.639 24-24 24zM968 928h-240.495c-13.361 0-24-10.639-24-24s10.639-24 24-24h216.495v-216.495c0-13.361 10.639-24 24-24s24 10.639 24 24v240.495c0 13.361-10.639 24-24 24zM296.495 16h-216.495v216.495c0 13.361-10.639 24-24 24s-24-10.639-24-24v-240.495c0-13.361 10.639-24 24-24h240.495c13.361 0 24 10.639 24 24s-10.639 24-24 24zM779.712 204.536c0 13.361-10.639 24-24 24h-219.712v219.712c0 13.361-10.639 24-24 24h-243.712c-13.361 0-24-10.639-24-24s10.639-24 24-24h219.712v-219.712c0-13.361 10.639-24 24-24h243.712c13.114 0 24 10.639 24 24zM627.299 308.948c13.361 0 24 10.639 24 24v91.052h80.412v-91.299c0-13.361 10.639-24 24-24s24 10.639 24 24v115.299c0 13.361-10.639 24-24 24h-128.412c-13.361 0-24-10.639-24-24v-115.299c0-13.114 10.639-23.752 24-23.752zM244.288 691.712v-128.412c0-13.361 10.639-24 24-24h128.412c13.361 0 24 10.639 24 24v128.412c0 13.361-10.639 24-24 24h-128.412c-13.114 0-24-10.886-24-24zM627.299 539.299h128.412c13.361 0 24 10.639 24 24v128.412c0 13.361-10.639 24-24 24h-128.412c-13.361 0-24-10.639-24-24v-128.412c0-13.361 10.639-24 24-24zM396.701 356.948h-128.412c-13.361 0-24-10.639-24-24v-128.412c0-13.361 10.639-24 24-24h128.412c13.361 0 24 10.639 24 24v128.412c0 13.114-10.639 24-24 24zM512 539.299c13.361 0 24 10.639 24 24v128.412c0 13.361-10.639 24-24 24s-24-10.639-24-24v-128.412c0-13.361 10.639-24 24-24z" />
-<glyph unicode="" glyph-name="qrcode" d="M56 639.505c13.361 0 24 10.639 24 24v216.495h216.495c13.361 0 24 10.639 24 24s-10.639 24-24 24h-240.495c-13.361 0-24-10.639-24-24v-240.495c0-13.361 10.639-24 24-24zM968 256.495c-13.361 0-24-10.639-24-24v-216.495h-216.495c-13.361 0-24-10.639-24-24s10.639-24 24-24h240.495c13.361 0 24 10.639 24 24v240.495c0 13.361-10.639 24-24 24zM968 928h-240.495c-13.361 0-24-10.639-24-24s10.639-24 24-24h216.495v-216.495c0-13.361 10.639-24 24-24s24 10.639 24 24v240.495c0 13.361-10.639 24-24 24zM296.495 16h-216.495v216.495c0 13.361-10.639 24-24 24s-24-10.639-24-24v-240.495c0-13.361 10.639-24 24-24h240.495c13.361 0 24 10.639 24 24s-10.639 24-24 24zM779.712 204.536c0 13.361-10.639 24-24 24h-219.712v219.712c0 13.361-10.639 24-24 24h-243.712c-13.361 0-24-10.639-24-24s10.639-24 24-24h219.712v-219.712c0-13.361 10.639-24 24-24h243.712c13.114 0 24 10.639 24 24zM627.299 308.948c13.361 0 24 10.639 24 24v91.052h80.412v-91.299c0-13.361 10.639-24 24-24s24 10.639 24 24v115.299c0 13.361-10.639 24-24 24h-128.412c-13.361 0-24-10.639-24-24v-115.299c0-13.114 10.639-23.752 24-23.752zM244.288 691.712v-128.412c0-13.361 10.639-24 24-24h128.412c13.361 0 24 10.639 24 24v128.412c0 13.361-10.639 24-24 24h-128.412c-13.114 0-24-10.886-24-24zM627.299 539.299h128.412c13.361 0 24 10.639 24 24v128.412c0 13.361-10.639 24-24 24h-128.412c-13.361 0-24-10.639-24-24v-128.412c0-13.361 10.639-24 24-24zM396.701 356.948h-128.412c-13.361 0-24-10.639-24-24v-128.412c0-13.361 10.639-24 24-24h128.412c13.361 0 24 10.639 24 24v128.412c0 13.114-10.639 24-24 24zM512 539.299c13.361 0 24 10.639 24 24v128.412c0 13.361-10.639 24-24 24s-24-10.639-24-24v-128.412c0-13.361 10.639-24 24-24z" />
+<glyph unicode="&#xeae3;" glyph-name="tools" d="M920 352l-48 28.068c-52.068 31.932-52.068 108 0 139.932l48 28.068c40.068 24 52.068 72 28.068 108l-40.068 67.932c-24 40.068-72 52.068-108 28.068l-48-28.068c-52.068-31.932-120 7.932-120 67.932v56.136c0 43.932-36 79.932-79.932 79.932h-79.932c-44.136 0-80.136-36-80.136-79.932v-52.068c0-60-67.932-100.068-120-67.932l-48 24c-40.068 24-88.068 7.932-108-28.068l-40.068-67.932c-19.932-40.068-7.932-88.068 28.068-112.068l48-28.068c52.068-28.068 52.068-108 0-136.068l-48-28.068c-40.068-24-52.068-72-28.068-108l40.068-67.932c24-40.068 72-52.068 108-28.068l48 24c52.068 31.932 120-7.932 120-67.932v-55.932c0-43.932 36-79.932 79.932-79.932h79.932c43.932 0 79.932 36 79.932 79.932v52.068c0 60 67.932 100.068 120 67.932l48-28.068c40.068-24 88.068-7.932 108 28.068l40.068 67.932c20.136 44.136 8.136 92.136-27.864 116.136zM512 287.932c-88.068 0-160.068 72-160.068 160.068s72 160.068 160.068 160.068 160.068-72 160.068-160.068-72-160.068-160.068-160.068z" />
+<glyph unicode="&#xeae4;" glyph-name="copy-octopus" d="M398.043 793.673h368.64c3.803 0 7.314-1.463 9.947-4.096s4.096-6.29 4.096-9.947v-509.367c0-3.803-1.463-7.314-4.096-9.947s-6.29-4.096-9.947-4.096h-101.083v392.046c0 9.655-7.753 17.408-17.408 17.408h-264.192v113.957c0 3.803 1.463 7.314 4.096 9.947 2.633 2.487 6.29 3.95 9.947 4.096v0zM624.64 640.073h-365.861c-8.631 0-15.653-7.022-15.653-15.653v-506.295c0-8.631 7.022-15.653 15.653-15.653h365.861c8.485 0.146 15.36 7.022 15.36 15.653v506.295c0 8.485-6.875 15.506-15.36 15.653v0zM576.073 230.473h-256c-7.022 0-12.873 5.705-12.873 12.873s5.705 12.873 12.873 12.873h256c7.022 0 12.873-5.705 12.873-12.873s-5.851-12.873-12.873-12.873zM576.073 358.473h-256c-7.022 0-12.873 5.705-12.873 12.873s5.705 12.873 12.873 12.873h256c7.022 0 12.873-5.705 12.873-12.873s-5.851-12.873-12.873-12.873zM576.073 486.473h-256c-7.022 0-12.873 5.705-12.873 12.873s5.705 12.873 12.873 12.873h256c7.022 0 12.873-5.705 12.873-12.873s-5.851-12.873-12.873-12.873z" />
+<glyph unicode="&#xeae5;" glyph-name="pin-octopus" d="M899.365 476.818c-4.681-12.434-16.384-20.773-29.696-21.065l-135.753-4.096-164.279-174.226 3.95-135.753c0.439-13.312-7.168-25.454-19.31-30.866-4.389-1.902-8.923-2.926-13.458-2.926-8.192 0-16.238 3.072-22.528 8.923l-149.943 141.458-189.147-200.85c-6.437-6.875-15.214-10.386-23.845-10.386-8.046 0-16.091 2.926-22.528 8.923-13.166 12.434-13.751 33.061-1.317 46.226l189.294 200.997-150.089 141.458c-9.655 9.070-12.873 23.113-8.192 35.401 4.681 12.434 16.384 20.773 29.696 21.065l138.386 4.096 161.646 171.593-4.096 138.386c-0.439 13.312 7.168 25.454 19.31 30.866 11.995 5.413 26.185 3.072 35.84-5.998l347.867-327.68c9.655-9.070 12.873-23.113 8.192-35.547v0z" />
+<glyph unicode="" glyph-name="pin-octopus" d="M899.365 476.818c-4.681-12.434-16.384-20.773-29.696-21.065l-135.753-4.096-164.279-174.226 3.95-135.753c0.439-13.312-7.168-25.454-19.31-30.866-4.389-1.902-8.923-2.926-13.458-2.926-8.192 0-16.238 3.072-22.528 8.923l-149.943 141.458-189.147-200.85c-6.437-6.875-15.214-10.386-23.845-10.386-8.046 0-16.091 2.926-22.528 8.923-13.166 12.434-13.751 33.061-1.317 46.226l189.294 200.997-150.089 141.458c-9.655 9.070-12.873 23.113-8.192 35.401 4.681 12.434 16.384 20.773 29.696 21.065l138.386 4.096 161.646 171.593-4.096 138.386c-0.439 13.312 7.168 25.454 19.31 30.866 11.995 5.413 26.185 3.072 35.84-5.998l347.867-327.68c9.655-9.070 12.873-23.113 8.192-35.547v0z" />
 <glyph unicode="wysiwyg18" glyph-name="table" d="M0 768v-704h1024v704h-1024zM384 320v128h256v-128h-256zM640 256v-128h-256v128h256zM640 640v-128h-256v128h256zM320 640v-128h-256v128h256zM64 448h256v-128h-256v128zM704 448h256v-128h-256v128zM704 512v128h256v-128h-256zM64 256h256v-128h-256v128zM704 128v128h256v-128h-256z" />
 <glyph unicode="write2" glyph-name="pencil2" d="M384 320l128 64 448 448-64 64-448-448-64-128zM289.3 92.902c-31.632 66.728-65.666 100.762-132.396 132.394l99.096 272.792 128 77.912 384 384h-192l-384-384-192-640 640 192 384 384v192l-384-384-77.912-128z" />
 <glyph unicode="wondering2" glyph-name="wondering2" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM704 704c35.346 0 64-28.654 64-64s-28.654-64-64-64-64 28.654-64 64 28.654 64 64 64zM256 640c0 35.346 28.654 64 64 64s64-28.654 64-64-28.654-64-64-64-64 28.654-64 64zM331.244 153.614l-22.488 76.774 437 128 22.488-76.774-437-128z" />

package/public/css/fonts/style.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'saooti-ui';
-  src:  url('/css/fonts/saooti-ui.eot?i2gub6');
-  src:  url('/css/fonts/saooti-ui.eot?i2gub6#iefix') format('embedded-opentype'),
-    url('/css/fonts/saooti-ui.ttf?i2gub6') format('truetype'),
-    url('/css/fonts/saooti-ui.woff?i2gub6') format('woff'),
-    url('/css/fonts/saooti-ui.svg?i2gub6#saooti-ui') format('svg');
+  src:  url('/css/fonts/saooti-ui.eot?kv7e5j');
+  src:  url('/css/fonts/saooti-ui.eot?kv7e5j#iefix') format('embedded-opentype'),
+    url('/css/fonts/saooti-ui.ttf?kv7e5j') format('truetype'),
+    url('/css/fonts/saooti-ui.woff?kv7e5j') format('woff'),
+    url('/css/fonts/saooti-ui.svg?kv7e5j#saooti-ui') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -38,6 +38,15 @@
 .saooti-language:before {
   content: "\eadb";
 }
+.saooti-copy-octopus:before {
+  content: "\eae4";
+}
+.saooti-pin-octopus:before {
+  content: "\eae5";
+}
+.saooti-tools:before {
+  content: "\eae3";
+}
 .saooti-qrcode:before {
   content: "\eae2";
 }

package/public/img/404.svg

@@ -0,0 +1,242 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="1226.887"
+      height="700"
+      viewBox="0 0 1226.887 700"
+    >
+      <g id="water">
+        <path
+          id="leftWater"
+          fill="#135490"
+          d="M1226.887,908H1887V330.333c0,0-17.78-23.951-43.113-23.951s-50.667,32.724-144.667,32.724
+        s-99.333-32.724-177.333-32.724s-76.667,32.724-172,32.724s-166.77-31.173-218.174-31.173c-73.012,0-73.012,33.725-146.023,33.725
+        c-73.008,0-73.008-33.725-146.012-33.725c-73.011,0-73.011,33.725-146.019,33.725c-73.005,0-73.005-33.725-146.003-33.725
+        c-73.006,0-73.006,33.725-146.016,33.725c-73.008,0-73.008-33.725-146.012-33.725c-73.001,0-73.001,33.725-146.005,33.725
+        c-57.429,0-71.001-22.575-109.622-30.845c0,0-0.113-4.957-45.113-4.385s-83,24.505-129,26.572s-64.812-6.149-116.033-9.751
+        c-49.875-3.507-64.967-15.889-134.967-16.821s-237,55.572-237,55.572l2,547H0L1226.887,908z"
+        />
+        <path
+          id="rightWater"
+          opacity="0.7"
+          fill="#135490"
+          d="M1887,908V607.943V307.886c-27.059,3.017-42.916,10.22-60.79,16.67
+        s-37.766,12.146-72.893,12.146c-40.485,0-60.728-7.568-80.971-15.138c-20.243-7.568-40.486-15.137-80.973-15.137
+        c-40.483,0-60.725,7.568-80.968,15.137c-20.242,7.569-40.485,15.138-80.971,15.138c-40.484,0-60.726-7.568-80.967-15.138
+        c-20.241-7.568-40.482-15.137-80.963-15.137c-40.486,0-60.729,7.568-80.971,15.137c-20.243,7.569-40.485,15.138-80.97,15.138
+        c-40.486,0-60.729-7.568-80.972-15.138c-20.242-7.568-40.483-15.137-80.967-15.137c-40.482,0-60.724,7.568-80.966,15.137
+        c-20.242,7.569-40.483,15.138-80.968,15.138c-31.848,0-72.604-26.805-121.579-27.69s-54.279,6.633-78.847,11.038
+        c-44.312,7.945-66.016,18.911-103.266,19.056s-83.045-30.716-137.045-29.648S228.299,337,185.887,337
+        c-42,0-106.792-29.067-158.5-29.067c-32.333,0-109,31.173-188,31.173s-75-32.724-158.5-32.724s-92.5,32.724-184.5,32.724
+        s-158.5-32.724-158.5-32.724l1.984,604.087L660.113,909l613.444-1H1887z"
+        />
+      </g>
+      <g id="squidBack">
+        <path
+          id="tent1"
+          fill="#7fd8ab"
+          d="M432.199,644.237c0,0,1.444,0.534,4.153,1.536c36.663,17.052,47.713,53.916,38.136,80.266
+        c-0.885,2.635,0.001,0.119-7.069,19.606c-8.573,23.632-4.604,12.438-24.73,69.645c-2.028,5.766-4.04,11.485-6.028,17.137
+        c-3.471,9.87-13.107,34.064-11.154,62.421c0.298,4.38,0.888,8.789,1.758,13.152h82.876c-0.581-0.31-1.167-0.612-1.733-0.943
+        c-1.711-1.018-3.317-2.133-4.805-3.312c-20.484-16.15-0.4-71.467-0.652-70.467c2.937-11.676,5.919-23.535,8.903-35.396
+        c13.658-53.723,16.46-59.657,17.403-75.706c0.936-14.937-1.134-29.403-5.257-42.254c-6.648-21.014-19.66-40.621-39.378-55.898
+        c-12.336-9.366-25.246-15.318-39.856-19.242c-10.208-2.706-21.08,2.722-24.817,12.828
+        C415.977,628.345,421.462,640.267,432.199,644.237z"
+        />
+        <path
+          id="tent2"
+          fill="#7fd8ab"
+          d="M698.706,908h72.34c-1.096-0.779-2.206-1.641-3.331-2.599c-3.384-2.985-6.706-6.95-9.616-11.765
+        c-12.827-22.479-4.942-43.119-0.125-64.463c2.116-9.53,5.021-21.135,6.943-28.909c8.716-34.801,18.933-57.854,6.827-90.303
+        c-6.408-17.491-18.544-34.052-36.326-46.753c-0.493-0.351-0.748-0.532-0.748-0.532c-7.43-5.265-17.812-3.919-23.585,3.278
+        c-5.994,7.472-4.796,18.388,2.675,24.382l0.591,0.475c0,0,0.244,0.195,0.716,0.574c14.119,11.318,23.536,29.184,21.693,47.66
+        c-0.713,7.543-1.618,8.415-16.222,47.066c-20.226,54.427-27.044,67.854-26.043,94.698C694.838,890.285,696.331,899.419,698.706,908
+        z"
+        />
+      </g>
+      <g id="squidFront">
+        <path
+          id="tent3"
+          fill="#1a8658"
+          d="M644.99,730.776c0.595,1.157,1.192,2.271,1.83,3.323c6.461,10.951,11.392,16.271,17.344,22.202
+        c6.868,6.811,17.979,7.189,25.26,0.64c7.546-6.789,8.161-18.41,1.372-25.956c0,0-0.402-0.447-1.183-1.314
+        c-16.246-18.078-20.826-44.066-10.578-67.113c10.79-23.356,34.057-36.631,57.678-35.07c35.636,1.978,59.734,35.494,52.137,68.086
+        c-4.876,21.281-10.381,21.927-79.792,86.332c-19.512,18.122-28.601,25.433-40.788,45.235c-1.229,2.223-2.474,4.358-3.563,6.674
+        c-10.297,20.577-13.039,45.029-4.896,69.393c0.556,1.662,1.143,3.253,1.746,4.793h84.269c-1.585-2.688-3.545-5.213-5.897-7.487
+        l-0.489-0.472c-19.034-18.422-23.844-33.269-4.432-54.468c46.325-50.523,81.968-79.772,95.599-103.887
+        c12.249-21.862,17.11-48.022,12.09-74.304c-9.789-50.995-54.321-87.492-104.955-87.36
+        c-61.184-0.297-110.777,52.717-103.774,114.993C635.625,709.523,640.12,721.613,644.99,730.776z"
+        />
+        <path
+          id="tent4"
+          fill="#1a8658"
+          d="M660.793,908c2.253-7.773,3.738-15.787,4.461-23.756c1.413-15.434,0.156-27.82-2.252-42.207
+        c-2.122-13.193-7.265-27.879-10.179-36.745c-2.408-7.325-4.846-14.741-7.303-22.215c-4.912-14.938-9.902-30.112-14.893-45.287
+        c-22.985-69.287-22.439-65.345-24.909-75.007c-3.308-13.814-3.245-27.866-0.034-41.389c6.995-30.237,29.952-55.992,62.892-67.404
+        c8.504-2.938,13.787-11.751,12.042-20.846c-1.913-9.979-11.553-16.517-21.531-14.604l-0.584,0.111
+        c-33.272,6.387-60.368,23.244-79.792,46.13c-9.368,11.052-18.096,24.585-24.294,40.48c-6.248,15.835-10.077,33.979-10.106,53.095
+        c-0.106,19.916,2.797,27.117,15.55,98.894c2.719,15.55,5.438,31.1,8.114,46.406c1.336,7.645,2.662,15.229,3.972,22.721
+        c5.611,32.11,7.223,52.174-15.813,61.501c-22.003,8.724-36.428,2.564-55.607,20.121H660.793z"
+        />
+        <path
+          id="tent5"
+          fill="#1a8658"
+          d="M379.528,740.987c31.41,31.916,17.937,18.077,59.572,61.208c6.335,6.562,12.564,13.014,18.661,19.329
+        c13.024,13.485,35.26,33.938,33.978,57.603c-0.209,3.458-0.875,6.712-1.907,9.881c-2.295,7.052-5.856,12.384-9.219,17.11
+        c-0.487,0.647-0.971,1.272-1.451,1.882h75.496c0.107-0.404,0.221-0.8,0.325-1.209c2.114-8.326,3.421-17.719,3.261-27.648
+        c-0.156-9.925-1.917-20.271-5.093-30.196c-13.417-41.985-55.82-74.435-92.669-108.668c-19.715-18.321-10.236-9.61-42.628-39.146
+        c-11.349-10.349-29.472-25.52-32.859-57.594c-4.255-43.684,26.915-81.023,67.837-88.431c25.528-4.499,51.999,2.554,72.586,21.087
+        c0.881,0.793,1.336,1.203,1.336,1.203c7.206,6.462,18.331,6.277,25.272-0.641c7.19-7.165,7.21-18.802,0.044-25.992
+        c-37.368-37.493-87.944-46.48-131.987-31.007c-50.09,17.689-87.94,66.966-85.534,126.883
+        C336.678,688.176,354.184,715.236,379.528,740.987z"
+        />
+      </g>
+      <g id="bubbles">
+        <circle
+          fill="#00AEF7"
+          cx="623.879"
+          cy="408.974"
+          r="4.913"
+        />
+        <circle
+          fill="#00AEF7"
+          cx="545.501"
+          cy="747.773"
+          r="4.913"
+        />
+        <circle
+          fill="#00AEF7"
+          cx="592.4"
+          cy="627.177"
+          r="7.37"
+        />
+        <circle
+          fill="#00AEF7"
+          cx="504.856"
+          cy="602.164"
+          r="7.37"
+        />
+        <circle
+          fill="#006FCF"
+          cx="530.887"
+          cy="614.999"
+          r="5.527"
+        />
+        <circle
+          fill="#006FCF"
+          cx="686.885"
+          cy="504.999"
+          r="3.825"
+        />
+        <circle
+          fill="#FFFFFF"
+          cx="622.773"
+          cy="795.12"
+          r="3.685"
+        />
+        <circle
+          fill="#006FCF"
+          cx="472.697"
+          cy="527.126"
+          r="3.685"
+        />
+      </g>
+      <g id="bubbles2">
+        <path
+          fill="#006FCF"
+          d="M647.786,752.464c-2.035,0-3.685-1.65-3.685-3.686C644.101,738.023,658.502,752.464,647.786,752.464z"
+        />
+        <circle
+          fill="#006FCF"
+          cx="722.824"
+          cy="556.717"
+          r="3.685"
+        />
+        <circle
+          fill="#006FCF"
+          cx="610.195"
+          cy="430.975"
+          r="3.685"
+        />
+        <circle
+          fill="#FFFFFF"
+          cx="449.917"
+          cy="538.738"
+          r="6.142"
+        />
+        <circle
+          fill="#FFFFFF"
+          cx="616.746"
+          cy="470"
+          r="6.142"
+        />
+        <circle
+          fill="#FFFFFF"
+          cx="585.701"
+          cy="684.795"
+          r="8.061"
+        />
+        <circle
+          fill="#FFFFFF"
+          cx="640.192"
+          cy="818.792"
+          r="8.061"
+        />
+      </g>
+      <g id="bottle">
+        <path
+          fill="#FFFFFF"
+          d="M589.59,332.821c6.882,1.926,13.794,3.701,20.812,5.024c4.953,0.352,9.882,0.345,14.836-0.011
+        c1.066-0.204,2.126-0.431,3.187-0.659c5.371-10.27,9.474-18.127,9.509-18.232l0.093-0.027c8.667-16.526-5.036-10.668,5.175-32.325
+        l10.401-19.835l-13.808-7.24l-10.467,19.961c-11.961,20.557-14.931,6.019-23.58,22.513l0.029,0.092
+        C605.686,302.203,597.821,317.157,589.59,332.821z"
+        />
+      
+        <rect
+          x="641.23"
+          y="254.555"
+          transform="matrix(0.8856 0.4644 -0.4644 0.8856 196.4175 -269.9889)"
+          fill="#C7A66F"
+          width="10.258"
+          height="18.461"
+        />
+        <path
+          fill="#FFFFFF"
+          d="M653.436,273.045c-0.365,0.695-1.232,0.967-1.927,0.602l-16.188-8.488
+        c-0.695-0.365-0.966-1.232-0.602-1.928l2.083-3.972c0.365-0.695,1.232-0.966,1.927-0.601l16.188,8.489
+        c0.695,0.364,0.966,1.23,0.602,1.926L653.436,273.045z"
+        />
+        <path
+          fill="#7fd8ab"
+          d="M579.017,352.949c-4.666,8.884-8.058,15.347-8.058,15.347c-1.54,2.937-0.408,6.566,2.529,8.106
+        l21.672,11.364c2.937,1.54,6.566,0.408,8.106-2.529c0,0,9.991-19.073,19.247-36.759
+        C608.212,351.517,593.521,353.153,579.017,352.949z"
+        />
+      </g>
+      <g id="numbers">
+        <path
+          fill="#FFFFFF"
+          d="M571.062,450.443l-2.667-5.084l2.156-17.892l6.726-3.528l7.123,13.576l2.449-1.284l2.406,4.587
+        l-2.448,1.285l2.179,4.154l-6.043,3.17l-2.147-4.091L571.062,450.443z M578.76,440.555l-3.14-5.982
+        c-0.113-0.218-0.229-0.513-0.497-1.4c-0.217-0.716-0.42-1.479-0.528-2.213c0.044,0.688,0.075,1.424,0.061,2.301l-0.001,0.751
+        l-0.025,0.251l-0.767,8.862L578.76,440.555z"
+        />
+        <path
+          fill="#FFFFFF"
+          d="M594.011,506.102c0.185-0.711,0.411-1.449,0.63-2.151c2.141-6.315,5.303-8.751,10.062-8.423
+        c7.289,0.477,10.628,5.32,9.15,13.397c-0.276,1.484-0.645,2.906-1.114,4.304c-2.654,7.737-7.898,10.394-14.502,7.273
+        c-4.313-2.057-5.904-5.687-4.719-12.215C593.677,507.533,593.827,506.812,594.011,506.102z M600.506,509.085
+        c-0.353,1.644-0.47,2.373-0.544,3.077c-0.264,3.114,0.736,4.42,2.512,4.266c0.96-0.077,1.807-0.833,2.741-2.906
+        c0.277-0.65,0.529-1.346,1.018-2.954c0.288-0.829,0.489-1.608,0.632-2.44c0.354-1.644,0.471-2.373,0.544-3.076
+        c0.244-2.758-0.418-3.832-1.739-4.175c-1.288-0.333-2.388,0.285-3.514,2.814c-0.276,0.651-0.528,1.345-1.018,2.954
+        c-0.139,0.398-0.244,0.805-0.35,1.211C600.684,508.262,600.578,508.669,600.506,509.085z"
+        />
+        <path
+          fill="#FFFFFF"
+          d="M623.107,608.756l1.129-5.63l12.941-12.54l7.447,1.494l-3.016,15.032l2.71,0.544l-1.019,5.079
+        l-2.711-0.544l-0.923,4.6l-6.692-1.344l0.909-4.529L623.107,608.756z M635.314,605.922l1.33-6.625
+        c0.048-0.239,0.144-0.542,0.495-1.399c0.282-0.692,0.604-1.414,0.983-2.053c-0.398,0.564-0.838,1.154-1.402,1.826l-0.474,0.583
+        l-0.179,0.178l-6.176,6.401L635.314,605.922z"
+        />
+      </g>
+    </svg>

package/src/assets/bootstrap-diff.scss

@@ -30,17 +30,31 @@
         }
         //Button disable halo after click
         &.btn-underline{
-            background: none;
-            padding: 0;
-            margin: 0 2rem 1rem 0;
-            border-radius: 0;
-            @media (max-width: 600px) {
-            margin: 0 1rem 1rem 0;
-            font-size: 0.8em;
-            }
-            &.active{
-                border-bottom: $octopus-primary-color 2px solid;
-            }
+					background: none;
+					padding: 0;
+					margin: 0 2rem 1rem 0;
+					border-radius: 0;
+					@media (max-width: 600px) {
+						margin: 0 1rem 1rem 0;
+						font-size: 0.8em;
+					}
+					position: relative;
+					&:after {    
+						background: none repeat scroll 0 0 transparent;
+						bottom: 0;
+						content: "";
+						display: block;
+						height: 2px;
+						left: 50%;
+						position: absolute;
+						background: $octopus-primary-color;
+						transition: width 0.3s ease 0s, left 0.3s ease 0s;
+						width: 0;
+					}
+					&:hover:after,&.active:after { 
+						width: 100%; 
+						left: 0; 
+					}
         }
     
         &.btn-primary {
@@ -82,18 +96,6 @@
             margin: 1rem;
         }
     
-        &.btn-big-round{
-            border: 1px #aaa solid;
-            background: none;
-            font-size: 3rem !important;
-            color: #666;
-            border-radius: 50%;
-            padding: 1rem;
-            margin-right: 1rem;
-            width: 5rem;
-            height: 5rem;
-        }
-    
         &.admin-button{
             padding: 0.3rem;
             height: 2.2rem !important;
@@ -109,7 +111,6 @@
         }
     
     }
-
     .share-btn {
         font-size: 1.3rem;
         width: 2.5rem !important;

package/src/assets/general.scss

@@ -19,7 +19,10 @@ body{
   h1{
     margin-bottom: 2rem;
   }
-  h1,h2,h3,h4,h5,h6{
+  h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
+    &:not(.text-uppercase){
+      letter-spacing: -0.03em;
+    }
     font-weight: 600;
     margin-top: 0;
     @media (max-width: 500px){
@@ -94,7 +97,7 @@ body{
 
   .page-box{
     background-color: $octopus-background;
-    padding: 2rem 5rem 5rem 6rem;
+    padding: 2rem 5rem 5rem 5rem;
     @media (max-width: 1400px) {
       padding: 2rem;
     }
@@ -113,9 +116,11 @@ body{
     border-radius: 1rem;
     flex-grow: 1;
     overflow: auto;
+    box-shadow: 0px 12px 48px 6px rgba($octopus-secondary-color, 0.2) !important;
     @media (max-width: 500px){
       margin: 0.3rem;
       padding: 0.8rem;
+      box-shadow:0px 6px 20px 3px rgba($octopus-secondary-color, 0.2) !important;
     }
   }
 
@@ -265,6 +270,56 @@ body{
       margin-bottom: 0.2rem;
     }
   }
+  .btn-split{
+    display: inline-block;
+    cursor: default;
+    padding: 0;
+    position: relative;
+    text-align: center;
+    min-width: 400px;
+    @media (max-width: 400px) {
+      min-width: auto;
+    }
+    &:hover, &.mobileHover{
+      .label{
+        opacity: 0;
+        transition: opacity .5s .125s ease-out;
+      }
+      .btn {
+        margin: 0 0.3rem !important;
+      }
+    }
+    .btn{
+      transition:
+      background-color .5s ease-out,
+      border-radius .5s .25s ease-out,
+      margin .5s .25s ease-out;
+      margin: 0 !important;
+      &.first {
+        margin-left: 0;
+      }
+      &.last {
+        margin-right: 0;
+      }
+    }
+    .label {
+      position: absolute;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0.5rem;
+      border-radius: 4px;
+      font-weight: bold;
+      background: $octopus-secondary-color;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      opacity: 1;
+      pointer-events: none;
+      transition: opacity .5s .75s ease-out;
+    }
+  }
   
   @media (max-width: 960px) {
     .d-flex:not(.flex-column){

package/src/assets/modal.scss

@@ -9,13 +9,9 @@
 	}
 
 	.modal-dialog {
-		box-shadow: 0 0.2rem 0.5rem rgba(40,40,40,.3);
-		border-radius: 15px;
 		max-height: 75vh;
 		max-width: 640px;
-		padding: 0 .8rem;
 		width: 100%;
-		background: white;
 		display: flex;
 		color: #353535 !important;
 		@media (max-width: 500px){
@@ -25,6 +21,9 @@
 	}
 	.modal-header { 
 		border: 0;
+		border-radius: 0.8rem 0.8rem 0 0;
+		background: $octopus-primary-dark;
+		color: white;
         @media (max-width: 450px) {
             padding: 1rem 0;
         } 
@@ -46,6 +45,8 @@
 		border: 0;
 		height: auto !important;
 		max-height: calc(100vh - 250px) !important;
+		border-radius: 0.8rem;
+		box-shadow: 0 0.2rem 0.5rem rgba(40,40,40,.3);
 	}
 	.modal-footer{
 		border: 0;

package/src/assets/share.scss

@@ -120,6 +120,7 @@
     }
     @media (max-width: 1200px) {
       grid-template-columns: auto !important;
+      display: flex !important;
     }
   }
     
@@ -128,6 +129,7 @@
     background: #fff;
     border-radius: 2rem;
     display: flex;
+    flex-grow: 1;
     .img-box {
       border-radius: 2rem !important;
     }

package/src/components/display/categories/CategoryFilter.vue

@@ -102,10 +102,7 @@ export default defineComponent({
       && (this.isCategories || undefined!==this.categoryFilter || 0!==this.rubriqueFilter.length || 0!==this.rubriquageFilter.length);
     },
     rubriquageFilter(): Array<Rubriquage>{
-      if(this.$store.state.filter.organisationId){
-        return this.$store.state.filter.rubriquageArray;
-      }
-      return [];
+      return this.$store.state.filter.organisationId ? this.$store.state.filter.rubriquageArray : [];
     },
   },
   methods:{
@@ -113,44 +110,33 @@ export default defineComponent({
       this.isCategories = 0!==length;
     },
     onRubriqueSelected(index: number, rubrique: Rubrique): void {
-      if(!rubrique ||this.rubriqueFilter[index].rubriqueId === rubrique.rubriqueId){
+      if(!rubrique ||this.rubriqueFilter[index].rubriqueId === rubrique.rubriqueId ||rubrique.rubriqueId){
         return;
       }
-      if(rubrique.rubriqueId){
-        const filter = Array.from(this.rubriqueFilter);
-        filter[index].rubriqueId = rubrique.rubriqueId;
-        this.$store.commit('filterRubrique', filter);
-        const queries = this.$route.query;
-        const queryString = filter.map(value =>  value.rubriquageId+':'+value.rubriqueId).join();
-        this.$router.replace({ query: { ...queries, ...{ rubriquesId: queryString }} });
-      }
+      const filter = Array.from(this.rubriqueFilter);
+      filter[index].rubriqueId = rubrique.rubriqueId||0;
+      this.$store.commit('filterRubrique', filter);
+      const queryString = filter.map(value =>  value.rubriquageId+':'+value.rubriqueId).join();
+      this.$router.replace({ query: { ...this.$route.query, ...{ rubriquesId: queryString }} });
     },
     getRubriques(rubriquageId: number): Array<Rubrique>{
       const rubriquage = this.$store.state.filter.rubriquageArray.find((x: Rubriquage) => {
         return x.rubriquageId === rubriquageId;
       });
-      if(rubriquage){
-        return rubriquage.rubriques;
-      }
-      return [];
+      return rubriquage ? rubriquage.rubriques : [];
     },
     removeFilter(index: number, event?: { preventDefault: () => void }): void{
-      const queries = this.$route.query;
       if(this.categoryFilter){
-        if (queries.iabId) {
-          this.$router.replace({ query: {...queries, ...{iabId: undefined} } });
+        if (this.$route.query.iabId) {
+          this.$router.replace({ query: {...this.$route.query, ...{iabId: undefined} } });
         }
         this.$store.commit('filterIab', undefined);
       }else{
         const newFilter: Array<RubriquageFilter>  = Array.from(this.$store.state.filter.rubriqueFilter);
         newFilter.splice(index + 1);
-        if (queries.rubriquesId) {
+        if (this.$route.query.rubriquesId) {
           const queryString = newFilter.map(value => value.rubriquageId+':'+value.rubriqueId).join();
-          if("" !== queryString){
-            this.$router.replace({ query: { ...queries, ...{ rubriquesId: queryString }} });
-          }else{
-            this.$router.replace({ query: { ...queries, ...{ rubriquesId: undefined }} });
-          }
+          this.$router.replace({ query: { ...this.$route.query, ...{ rubriquesId:"" !== queryString? queryString : undefined}} });
         }
         this.$store.commit('filterRubrique', newFilter);
       }