From 0a4b898925a6acdb01473709722e5d6b1814e68a Mon Sep 17 00:00:00 2001
From: Daniel <info@danielvaladas.com>
Date: Mon, 21 Feb 2022 02:14:25 -0500
Subject: [PATCH 1/2] Implemented more list-view columns

Closes #31
---
 .../dnn-rm-items-listview.scss                | 27 +++++++++++----
 .../dnn-rm-items-listview.tsx                 | 33 +++++++++++++++++--
 .../src/services/ItemsClient.ts               |  6 ++++
 .../Services/ItemsController.cs               |  9 +++--
 4 files changed, 65 insertions(+), 10 deletions(-)

diff --git a/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-listview/dnn-rm-items-listview.scss b/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-listview/dnn-rm-items-listview.scss
index adfa7fdea59..77ba376f17c 100644
--- a/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-listview/dnn-rm-items-listview.scss	
+++ b/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-listview/dnn-rm-items-listview.scss	
@@ -3,16 +3,31 @@
 }
 
 table{
+  width: 100%;
+  border-collapse: collapse;
   thead{
     font-weight: bold;
+    tr{
+      border-bottom: 2px solid lightgray;
+    }
   }
   tbody{
-    td{
-      &:first-child{
-        img{
-          height: 2.5em;
-          display: block;
-          margin: 0 auto;
+    tr{
+      border-bottom: 1px solid lightgray;
+      td{
+        &:first-child{
+          img{
+            height: 2.5em;
+            display: block;
+            margin: 0 auto;
+          }
+        }
+        .date{
+          display: flex;
+          flex-direction: column;
+        }
+        &.size{
+          text-align: right;
         }
       }
     }
diff --git a/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-listview/dnn-rm-items-listview.tsx b/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-listview/dnn-rm-items-listview.tsx
index 916d10b53d8..2377599e3db 100644
--- a/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-listview/dnn-rm-items-listview.tsx	
+++ b/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-listview/dnn-rm-items-listview.tsx	
@@ -8,6 +8,30 @@ import state from "../../store/store";
 })
 export class DnnRmItemsListview {
 
+  private getLocalDateString(dateString: string) {
+    const date = new Date(dateString);
+    return <div class="date">
+      <span>{date.toLocaleDateString()}</span>
+      <span>{date.toLocaleTimeString()}</span>
+    </div>
+  }
+
+  private getFileSize(fileSize: number) {
+    if (fileSize == undefined || fileSize == undefined){
+      return "";
+    }
+    
+    if (fileSize < 1024){
+      return fileSize.toString() + " B";
+    }
+    
+    if (fileSize < 1048576 ){
+      return Math.round(fileSize / 1024).toString() + " KB";
+    }
+    
+    return Math.round(fileSize / 3221225472).toString() + " MB";
+  }
+
   render() {
     return (
       <Host>
@@ -17,6 +41,9 @@ export class DnnRmItemsListview {
               <tr>
                 <td></td>
                 <td>{state.localization?.Name}</td>
+                <td>{state.localization?.Created}</td>
+                <td>{state.localization?.LastModified}</td>
+                <td>{state.localization?.Size}</td>
               </tr>
             </thead>
             <tbody>
@@ -24,7 +51,10 @@ export class DnnRmItemsListview {
                 <tr>
                   <td><img src={item.iconUrl} /></td>
                   <td>{item.itemName}</td>
-                </tr>  
+                  <td>{this.getLocalDateString(item.createdOn)}</td>
+                  <td>{this.getLocalDateString(item.modifiedOn)}</td>
+                  <td class="size">{this.getFileSize(item.fileSize)}</td>
+                </tr>
               )}
             </tbody>
           </table>
@@ -32,5 +62,4 @@ export class DnnRmItemsListview {
       </Host>
     );
   }
-
 }
diff --git a/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/services/ItemsClient.ts b/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/services/ItemsClient.ts
index 55dc9813ff5..83af1404c7a 100644
--- a/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/services/ItemsClient.ts	
+++ b/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/services/ItemsClient.ts	
@@ -98,4 +98,10 @@ export interface Item{
     thumbnailAvailable?: boolean | undefined;
     /** The relative url to the item thumbnail. */
     thumbnailUrl?: string;
+    /** And ISO 8601 string representing the created date of the item. */
+    createdOn: string;
+    /** And ISO 8601 string representing the last modified date of the item. */
+    modifiedOn: string;
+    /** The size of the file (only available for file Items) */
+    fileSize?: number,
 }
\ No newline at end of file
diff --git a/DNN Platform/Modules/ResourceManager/Services/ItemsController.cs b/DNN Platform/Modules/ResourceManager/Services/ItemsController.cs
index 5065dc51a1c..1247afc47d9 100644
--- a/DNN Platform/Modules/ResourceManager/Services/ItemsController.cs	
+++ b/DNN Platform/Modules/ResourceManager/Services/ItemsController.cs	
@@ -560,7 +560,9 @@ private object GetItemViewModel(object item)
                     isFolder = true,
                     itemId = folder.FolderID,
                     itemName = folder.FolderName,
-                    iconUrl = GetFolderIconUrl(this.PortalSettings.PortalId, folder.FolderMappingID),
+                    iconUrl = GetFolderIconUrl(this.PortalSettings.PortalId, folder.FolderMappingID),
+                    createdOn = folder.CreatedOnDate,
+                    modifiedOn = folder.LastModifiedOnDate,
                 };
             }
 
@@ -574,7 +576,10 @@ private object GetItemViewModel(object item)
                 path = FileManager.Instance.GetUrl(file),
                 iconUrl = GetFileIconUrl(file.Extension),
                 thumbnailAvailable = thumbnailsManager.ThumbnailAvailable(file.FileName),
-                thumbnailUrl = thumbnailsManager.ThumbnailUrl(this.ActiveModule.ModuleID, file.FileId, 110, 110),
+                thumbnailUrl = thumbnailsManager.ThumbnailUrl(this.ActiveModule.ModuleID, file.FileId, 110, 110),
+                createdOn = file.CreatedOnDate,
+                modifiedOn = file.LastModifiedOnDate,
+                fileSize = file.Size,
             };
         }
 

From 23f2be2a58fc0bb669387f0acf93b07b4af5cdfd Mon Sep 17 00:00:00 2001
From: Daniel <info@danielvaladas.com>
Date: Mon, 21 Feb 2022 02:18:49 -0500
Subject: [PATCH 2/2] Added a little whtiespace

---
 .../components/dnn-rm-items-listview/dnn-rm-items-listview.scss  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-listview/dnn-rm-items-listview.scss b/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-listview/dnn-rm-items-listview.scss
index 77ba376f17c..d88dc3aa353 100644
--- a/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-listview/dnn-rm-items-listview.scss	
+++ b/DNN Platform/Modules/ResourceManager/ResourceManager.Web/src/components/dnn-rm-items-listview/dnn-rm-items-listview.scss	
@@ -1,5 +1,6 @@
 :host {
   display: block;
+  margin-right: 1em;
 }
 
 table{