Allows opening resource manager folders with double-click

DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components.d.ts

@@ -195,6 +195,14 @@ export interface DnnRmFolderListItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDnnRmFolderListItemElement;
 }
+export interface DnnRmItemsCardviewCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDnnRmItemsCardviewElement;
+}
+export interface DnnRmItemsListviewCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDnnRmItemsListviewElement;
+}
 export interface DnnRmMoveItemsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDnnRmMoveItemsElement;
@@ -558,12 +566,20 @@ declare namespace LocalJSX {
           * The list of current items.
          */
         "currentItems": GetFolderContentResponse;
+        /**
+          * Fires when a folder is double-clicked and emits the folder ID into the event.detail
+         */
+        "onDnnRmFolderDoubleClicked"?: (event: DnnRmItemsCardviewCustomEvent<number>) => void;
     }
     interface DnnRmItemsListview {
         /**
           * The list of current items.
          */
         "currentItems": GetFolderContentResponse;
+        /**
+          * Fires when a folder is double-clicked and emits the folder ID into the event.detail
+         */
+        "onDnnRmFolderDoubleClicked"?: (event: DnnRmItemsListviewCustomEvent<number>) => void;
     }
     interface DnnRmLeftPane {
     }

DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-folder-list-item/dnn-rm-folder-list-item.tsx

@@ -32,6 +32,15 @@ export class DnnRmFolderListItem {
     }
   }
 
+  @Listen("dnnRmFolderDoubleClicked", {target: "document"})
+  handleFolderDoubleClicked(e: CustomEvent<number>) {
+    if (e.detail == Number.parseInt(this.folder.data.key)) {
+      this.dnnRmFolderListItemClicked.emit(this.folder);
+      this.handleUserExpanded();
+      this.expanded = true;
+    }
+  }
+
   @State() folderIconUrl: string;
 
   @Element() el!: HTMLDnnRmFolderListItemElement;

DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-cardview/dnn-rm-items-cardview.tsx

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop, Element } from '@stencil/core';
+import { Component, Event, EventEmitter, Host, h, Prop, Element } from '@stencil/core';
 import { GetFolderContentResponse, Item } from '../../services/ItemsClient';
 import state from '../../store/store';
 import { selectionUtilities } from '../../utilities/selection-utilities';
@@ -15,6 +15,9 @@ export class DnnRmItemsCardview {
 
   @Element() el: HTMLDnnRmItemsCardviewElement;
 
+  /** Fires when a folder is double-clicked and emits the folder ID into the event.detail */
+  @Event() dnnRmFolderDoubleClicked: EventEmitter<number>;
+
   componentWillLoad() {
     document.addEventListener("click", this.dismissContextMenu.bind(this));
   }
@@ -48,6 +51,12 @@ export class DnnRmItemsCardview {
     return;
   }
 
+  private handleDoubleClick(item: Item): void {
+    if (item.isFolder) {
+      this.dnnRmFolderDoubleClicked.emit(item.itemId);
+    }
+  }
+
   render() {
     return (
       <Host>
@@ -58,6 +67,7 @@ export class DnnRmItemsCardview {
                 class="card"
                 onClick={() => selectionUtilities.toggleItemSelected(item)}
                 onContextMenu={e => this.handleContextMenu(e, item)}
+                onDblClick={() => this.handleDoubleClick(item)}
               >
                   <div class={selectionUtilities.isItemSelected(item) ? "radio selected" : "radio"}>
                     {selectionUtilities.isItemSelected(item) &&

DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-cardview/readme.md

@@ -12,6 +12,13 @@
 | `currentItems` _(required)_ | --        | The list of current items. | `GetFolderContentResponse` | `undefined` |
 
 
+## Events
+
+| Event                      | Description                                                                         | Type                  |
+| -------------------------- | ----------------------------------------------------------------------------------- | --------------------- |
+| `dnnRmFolderDoubleClicked` | Fires when a folder is double-clicked and emits the folder ID into the event.detail | `CustomEvent<number>` |
+
+
 ## Dependencies
 
 ### Used by

DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-listview/dnn-rm-items-listview.tsx

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop, Element } from '@stencil/core';
+import { Component, Event, EventEmitter, Host, h, Prop, Element } from '@stencil/core';
 import { GetFolderContentResponse, Item } from '../../services/ItemsClient'
 import state from '../../store/store';
 import { selectionUtilities } from "../../utilities/selection-utilities";
@@ -15,6 +15,9 @@ export class DnnRmItemsListview {
 
   @Element() el: HTMLDnnRmItemsListviewElement;
 
+  /** Fires when a folder is double-clicked and emits the folder ID into the event.detail */
+  @Event() dnnRmFolderDoubleClicked: EventEmitter<number>;
+
   componentWillLoad() {
     document.addEventListener("click", this.dismissContextMenu.bind(this));
   }
@@ -79,6 +82,12 @@ export class DnnRmItemsListview {
     return;
   }
 
+  private handleDoubleClick(item: Item): void {
+    if (item.isFolder) {
+      this.dnnRmFolderDoubleClicked.emit(item.itemId);
+    }
+  }
+
   render() {
     return (
       <Host>
@@ -102,6 +111,7 @@ export class DnnRmItemsListview {
                   onKeyDown={e => this.handleRowKeyDown(e, item)}
                   onClick={() => selectionUtilities.toggleItemSelected(item)}
                   onContextMenu={e => this.handleContextMenu(e, item)}
+                  onDblClick={() => this.handleDoubleClick(item)}
                 >
                   <td class="radio">
                     {selectionUtilities.isItemSelected(item) &&

DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-listview/readme.md

@@ -12,6 +12,13 @@
 | `currentItems` _(required)_ | --        | The list of current items. | `GetFolderContentResponse` | `undefined` |
 
 
+## Events
+
+| Event                      | Description                                                                         | Type                  |
+| -------------------------- | ----------------------------------------------------------------------------------- | --------------------- |
+| `dnnRmFolderDoubleClicked` | Fires when a folder is double-clicked and emits the folder ID into the event.detail | `CustomEvent<number>` |
+
+
 ## Dependencies
 
 ### Used by