@saooti/octopus-sdk 30.0.32 → 30.0.36

package/README.md

@@ -529,4 +529,8 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.29 Pour podcastmaker sudPresse
  * 30.0.30 Problème fetch participants
  * 30.0.31 Amélioration interface
- * 30.0.32 Amélioration interface
+ * 30.0.32 Amélioration interface
+ * 30.0.33 Pb categories list
+ * 30.0.34 Bouton css
+ * 30.0.35 Commentaires
+ * 30.0.36 LiveList

package/package.json

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

package/src/assets/bootstrap-diff.scss

@@ -121,25 +121,27 @@
         &.admin-button{
             padding: 0.3rem;
             height: 2.2rem !important;
-            width: 2.2rem;
+            width: 2.2rem !important;
             font-size: 1.1rem;
             display: inline-flex;
             align-items: center;
             justify-content: center;
             color : $octopus-primary-dark;
+            flex-shrink: 0;
         }
     
     }
 
     .share-btn {
         font-size: 1.3rem;
-        width: 2.5rem;
+        width: 2.5rem !important;
         height: 2.5rem !important;
         padding: 0.5rem;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         color : $octopus-primary-dark;
+        flex-shrink: 0;
     }
 
     .btn-rss {

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

@@ -54,6 +54,7 @@
     <CategoryList
       v-if="!categoryFilter && !rubriquageFilter.length"
       :is-filter="true"
+      :is-display="isDisplay"
       @categoriesLength="checkIfCategories"
     />
     <RubriqueList

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

@@ -52,6 +52,7 @@ export default defineComponent({
 
   props: {
     isFilter: { default: false, type: Boolean },
+    isDisplay: { default: false, type: Boolean },
   },
   emits:['categoriesLength'],
 
@@ -88,6 +89,11 @@ export default defineComponent({
     },
   },
   watch: {
+    isDisplay():void{
+      this.$nextTick(() => {
+        this.resizeWindow();
+      });
+    },
     categories: {
       deep: true,
       handler(){

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

@@ -162,25 +162,25 @@ export default defineComponent({
       );
     },
     commentIsNotInList(commentIdReferer:undefined|number):boolean{
-      return !this.isFlat && undefined!==commentIdReferer && this.comId !==commentIdReferer;
+      return !this.isFlat && undefined!==commentIdReferer && null!==commentIdReferer && this.comId !==commentIdReferer;
     },
     deleteComment(comment: CommentPodcast): void {
       if (this.commentIsNotInList(comment.commentIdReferer)){
-        const comItem = (this.$refs['comItem' + comment.commentIdReferer] as InstanceType<typeof CommentItem>);
+        const comItem = (this.$refs['comItem' + comment.commentIdReferer] as Array<InstanceType<typeof CommentItem>>)[0];
         comItem.receiveCommentEvent({ type: 'Delete', comment: comment });
         return;
       }
       const index = this.findCommentIndex(comment.comId);
       if (-1 === index) return;
       this.totalCount -= 1;
-      /* if (0 !== this.first) {
+      if (0 !== this.first) {
         this.first -= 1;
-      } */
+      }
       this.comments.splice(index, 1);
     },
     updateComment(data: {type?: string; comment: CommentPodcast; status?: string; oldStatus?:string }): void {
       if (this.commentIsNotInList(data.comment.commentIdReferer)){
-        const comItem = (this.$refs['comItem' + data.comment.commentIdReferer] as InstanceType<typeof CommentItem>);
+        const comItem = (this.$refs['comItem' + data.comment.commentIdReferer] as Array<InstanceType<typeof CommentItem>>)[0];
         comItem.receiveCommentEvent({ ...data, type: 'Update' });
         return;
       }
@@ -228,14 +228,14 @@ export default defineComponent({
         return;
       }
       if (this.commentIsNotInList(comment.commentIdReferer)){
-        const comItem = (this.$refs['comItem' + comment.commentIdReferer] as InstanceType<typeof CommentItem>);
+        const comItem = (this.$refs['comItem' + comment.commentIdReferer] as Array<InstanceType<typeof CommentItem>>)[0];
         comItem.receiveCommentEvent({ type: 'Create', comment: comment });
         return;
       }
       const index = this.findCommentIndex(comment.comId);
       if (-1 === index) {
         this.totalCount += 1;
-        /* this.first += 1; */
+        this.first += 1;
         if (!this.status || this.status === comment.status) {
           this.comments.unshift(comment);
         }

package/src/components/display/live/LiveList.vue

@@ -179,7 +179,7 @@ export default defineComponent({
           });
         }else if("PENDING"===this.livesArray[i].status){
           dataLivesToBe = dataLives;
-          for (let index = 0, len = this.livesArray[i].lives.length; index < len; index++) {
+          for (let index = 0, len = dataLives.length; index < len; index++) {
             if (moment(dataLives[index].date).isBefore(moment())) {
               this.livesArray[i].lives.push(dataLives[index]);
               indexPast = index + 1;

package/src/sass/_variables.scss

@@ -26,7 +26,6 @@ $octopus-secondary-color : #ddd;
 $octopus-primary-linear-background: #7fd8ab;
 $octopus-third-color: #fdff7b;
 $octopus-primary-dark : #32815C;
-$primaryColorReallyTransparent : #05050593;
 
 $primaryColorTransparent : #40a37193;
 $primaryColorMoreTransparent : #40a37154;