feat(core): allow to disable slidable on DiscussionListItem (#4303)

Author: DavideIadeluca

framework/core/js/src/forum/components/DiscussionListItem.tsx

@@ -29,6 +29,7 @@ export interface IDiscussionListItemAttrs extends ComponentAttrs {
   params: DiscussionListParams;
   jumpTo?: number;
   author?: User;
+  slidable?: boolean;
 }
 
 /**
@@ -62,7 +63,7 @@ export default class DiscussionListItem<CustomAttrs extends IDiscussionListItemA
       className: classList('DiscussionListItem', this.attrs.className, {
         active: this.active(),
         'DiscussionListItem--hidden': this.attrs.discussion.isHidden(),
-        Slidable: 'ontouchstart' in window,
+        Slidable: this.isSlidableEnabled(),
       }),
     };
   }
@@ -212,13 +213,21 @@ export default class DiscussionListItem<CustomAttrs extends IDiscussionListItemA
     return jumpTo;
   }
 
+  protected isSlidableEnabled(): boolean {
+    if (this.attrs.slidable === false) {
+      return false;
+    }
+
+    return 'ontouchstart' in window;
+  }
+
   oncreate(vnode: Mithril.VnodeDOM<CustomAttrs, this>) {
     super.oncreate(vnode);
 
     // If we're on a touch device, set up the discussion row to be slidable.
     // This allows the user to drag the row to either side of the screen to
     // reveal controls.
-    if ('ontouchstart' in window) {
+    if (this.isSlidableEnabled()) {
       const slidableInstance = slidable(this.element);
 
       this.$('.DiscussionListItem-controls').on('hidden.bs.dropdown', () => slidableInstance.reset());