@saooti/octopus-sdk 30.0.31 → 30.0.35

package/README.md

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

package/package.json

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

package/src/assets/bootstrap-diff.scss

@@ -120,26 +120,28 @@
     
         &.admin-button{
             padding: 0.3rem;
-            height: 1.8rem;
-            width: 1.8rem;
-            font-size: 1rem;
+            height: 2.2rem !important;
+            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);
         }