@saooti/octopus-sdk 31.0.33 → 31.0.34

package/README.md

@@ -620,3 +620,4 @@ 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "31.0.33",
+  "version": "31.0.34",
   "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/src/components/display/comments/CommentBasicView.vue

@@ -9,7 +9,7 @@
         :id="'popover-comment' + comment.comId"
         role="button"
         tabindex="-1"
-        :class="editRight || isValid? '':'text-danger'"
+        :class="editRight || isValid? 'c-hand-auto':'text-danger'"
         class="me-2"
       >{{
         comment.name

package/src/components/display/comments/CommentItem.vue

@@ -50,21 +50,21 @@
     <div class="d-flex align-items-center mt-1">
       <button
         v-if="null === comment.commentIdReferer && 'Valid'=== comment.status"
-        class="btn py-1 px-3 me-2"
+        class="btn d-flex align-items-center py-1 px-3 me-2"
         :data-selenium="'answer-button-comment-' + seleniumFormat(comment.name)"
         @click="answerComment"
       >
         {{ $t('To answer') }}
       </button>
-      <div
+      <button
         v-if="
           (!isFlat && comment.relatedComments) ||
             (isFlat && comment.commentIdReferer)
         "
-        class="d-flex align-items-center small-text primary-darker c-hand"
+        class="btn py-1 px-3 me-2"
         @click="collapseVisible=!collapseVisible"
       >
-        <div v-if="comment.relatedComments">
+        <span v-if="comment.relatedComments">
           <template v-if="!collapseVisible">
             {{ $t('Display answers', { nb: comment.relatedComments }) }}
             <i v-if="editRight">{{
@@ -76,15 +76,15 @@
           <template v-else>
             {{ $t('Hide answers') }}
           </template>
-        </div>
-        <div v-else>
+        </span>
+        <span v-else>
           {{ $t('In response to') }}
-        </div>
+        </span>
         <span 
           :class="collapseVisible? 'arrow-transform': ''"
           class="saooti-arrow_down"
         />
-      </div>
+      </button>
       <EditCommentBox
         v-if="editRight"
         ref="editBox"

package/src/components/display/comments/CommentList.vue

@@ -4,11 +4,8 @@
       :loading-text="loading?$t('Loading content ...'):undefined"
       :error-text="error?$t(`Comments loading error`):undefined"
     />
-    <transition-group
+    <div
       v-show="!loading"
-      tag="div"
-      name="comment-list"
-      class="my-transition-list-comments"
     >
       <CommentItem
         v-for="(c, indexCom) in comments"
@@ -22,7 +19,7 @@
         @deleteComment="deleteComment(c)"
         @updateComment="updateComment"
       />
-    </transition-group>
+    </div>
     <button
       v-show="!allFetched && (!loading || 0!==first)"
       class="btn btn-primary mt-2"
@@ -236,41 +233,6 @@ export default defineComponent({
 <style lang="scss">
 @import '../../../sass/_variables.scss';
 .octopus-app{
-.my-transition-list-comments {
-  position: relative;
-  .comment-list-enter-active,
-  .comment-list-leave-active {
-    transition: 1200ms cubic-bezier(0.59, 0.12, 0.34, 0.95);
-    transition-property: opacity, transform;
-    background-color: $primaryColorReallyTransparent;
-  }
 
-  .comment-list-enter {
-    opacity: 0;
-    transform: translateX(50px) scaleY(0.5);
-    background-color: $primaryColorReallyTransparent;
-  }
-
-  .comment-list-enter-to {
-    opacity: 1;
-    transform: translateX(0) scaleY(1);
-    background-color: $primaryColorReallyTransparent;
-  }
-
-  .comment-list-leave-active {
-    position: absolute;
-    background-color: $primaryColorReallyTransparent;
-    top: 0;
-    left: 0;
-    right: 0;
-  }
-
-  .comment-list-leave-to {
-    opacity: 0;
-    transform: scaleY(0);
-    transform-origin: center top;
-    background-color: $primaryColorReallyTransparent;
-  }
-}
 }
 </style>

package/src/components/display/podcasts/PodcastItemInfo.vue

@@ -43,7 +43,7 @@
       </router-link>
       <span
         v-if="editRight && podcastOrder && podcastOrder > 1"
-        class="saooti-star-bounty text-danger pe-2"
+        class="saooti-pin-octopus text-danger pe-2"
       />
     </div>
   </div>
@@ -143,7 +143,7 @@ export default defineComponent({
   .text-secondary {
     margin: 0.5rem !important;
   }
-  .saooti-star-bounty {
+  .saooti-pin-octopus {
     font-size: 22px;
   }
   .title-podcast-item {

package/src/components/misc/modal/ShareModalPlayer.vue

@@ -41,7 +41,7 @@
               >
                 <p>{{ embedLink }}</p>
                 <div
-                  class="saooti-copy"
+                  class="saooti-copy-octopus"
                   @click="onCopyCode(embedLink, afterCopy)"
                 />
               </div>
@@ -53,7 +53,7 @@
                   <div class="d-flex">
                     <p>{{ embedlyLink }}</p>
                     <div
-                      class="saooti-copy"
+                      class="saooti-copy-octopus"
                       @click="onCopyCode(embedlyLink, afterCopy)"
                     />
                   </div>
@@ -67,7 +67,7 @@
               >
                 <p>{{ directLink.audioUrl }}</p>
                 <div
-                  class="saooti-copy"
+                  class="saooti-copy-octopus"
                   @click="onCopyCode(directLink.audioUrl, snackbarRef)"
                 />
               </div>
@@ -174,7 +174,7 @@ export default defineComponent({
     display: flex;
     justify-content: space-between;
   }
-  .saooti-copy {
+  .saooti-copy-octopus {
     cursor: pointer;
     align-self: center;
   }