Added Size

Author: Gimleux

webapp_frontend/src/background/api/filesystem.ts

@@ -14,7 +14,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
             {
                 "createdByUserId": 0,
                 "id": 0,
-                "lastUpdated": 0,
+                "lastUpdated": 153354,
                 "name": "inBLA",
                 "permissionSet": {
                     "editableForGroups": [
@@ -42,7 +42,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
                         }
                     ]
                 },
-                "size": 0,
+                "size": 546,
                 "type": "file"
             },
             {
@@ -110,7 +110,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
                         }
                     ]
                 },
-                "size": 2756,
+                "size": 27565846,
                 "type": "file"
             },
             {
@@ -144,7 +144,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
                         }
                     ]
                 },
-                "size": 22486,
+                "size": 224850446,
                 "type": "file"
             },
             {
@@ -178,7 +178,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
                         }
                     ]
                 },
-                "size": 486,
+                "size": 4866848,
                 "type": "file"
             },
             {
@@ -212,7 +212,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
                         }
                     ]
                 },
-                "size": 96,
+                "size": 96643,
                 "type": "file"
             },
             {
@@ -246,7 +246,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
                         }
                     ]
                 },
-                "size": 86,
+                "size": 861858,
                 "type": "file"
             }
         ],
@@ -282,7 +282,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
                     }
                 ]
             },
-            "size": 0,
+            "size": 18975576,
             "type": "FOLDER"
         }]
     }
@@ -319,7 +319,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
                         }
                     ]
                 },
-                "size": 0,
+                "size": 5489,
                 "type": "file"
             }
         ],
@@ -361,7 +361,7 @@ const exampleFileSystem = {
                     }
                 ]
             },
-            "size": 0,
+            "size": 13,
             "type": "FOLDER"
         }
     ],
@@ -398,7 +398,7 @@ const exampleFileSystem = {
                     }
                 ]
             },
-            "size": 0,
+            "size": 864070843,
             "type": "FOLDER"
         },
         {
@@ -433,7 +433,7 @@ const exampleFileSystem = {
                     }
                 ]
             },
-            "size": 0,
+            "size": 1684035,
             "type": "FOLDER"
         }
     ]

webapp_frontend/src/background/methods/bytes.ts

@@ -0,0 +1,11 @@
+export function formatBytes(bytes:number, decimals:number = 2):string {
+    if (bytes === 0) return '0 Bytes';
+
+    const k:number = 1024;
+    const dm:number = decimals < 0 ? 0 : decimals;
+    const sizes:string[] = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+
+    const i:number = Math.floor(Math.log(bytes) / Math.log(k));
+
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+}

webapp_frontend/src/background/methods/cookies.tsx renamed to webapp_frontend/src/background/methods/cookies.ts

@@ -10,6 +10,7 @@ import {
 } from "../../../elements/svg/SymbolFile";
 import {reverseString} from "../../../background/methods/strings";
 import {getDateAsStringFromTimestamp} from "../../../background/methods/time";
+import {formatBytes} from "../../../background/methods/bytes";
 
 type Props = {
     fileListItem: FileListEntity;
@@ -78,7 +79,7 @@ export default function FileListItem(props: Props): ReactElement {
                               onClick={() => onClick()}>{props.fileListItem.name}</Link></Col>
             <Col xs={3}>{props.fileListItem.createdByUserId}</Col>
             <Col xs={1}>{getDateAsStringFromTimestamp(props.fileListItem.lastUpdated)}</Col>
-            <Col xs={1}>{props.fileListItem.size}</Col>
+            <Col xs={1}>{formatBytes(props.fileListItem.size)}</Col>
         </>
     )
 }