From e60934b6234ab1ea291fc020934a8bbd40851c3f Mon Sep 17 00:00:00 2001
From: Ihsan Ullah <ihsanullah@Pixel-io.local>
Date: Fri, 26 May 2023 14:40:18 +0500
Subject: [PATCH 1/4] Resources -> Datasets : fiel sizes added in readable
 format

---
 src/static/riot/datasets/management.tag | 39 +++++++++++++++++++++++--
 1 file changed, 36 insertions(+), 3 deletions(-)

diff --git a/src/static/riot/datasets/management.tag b/src/static/riot/datasets/management.tag
index d437771e3..ac09406b3 100644
--- a/src/static/riot/datasets/management.tag
+++ b/src/static/riot/datasets/management.tag
@@ -1,7 +1,8 @@
 <data-management>
     <!-------------------------------------
              Search and filter bits
-      ------------------------------------->
+      -------------------------------------->
+      
     <div class="ui icon input">
         <input type="text" placeholder="Search..." ref="search" onkeyup="{ filter.bind(this, undefined) }">
         <i class="search icon"></i>
@@ -26,13 +27,14 @@
 
     <!-------------------------------------
                   Data Table
-      ------------------------------------->
+      -------------------------------------->
     <table class="ui {selectable: datasets.length > 0} celled compact table">
         <thead>
         <tr>
             <th>Name</th>
             <th width="175px">Type</th>
-            <th width="125px">Uploaded...</th>
+            <th width="175px">Size</th>
+            <th width="125px">Uploaded</th>
             <th width="60px">In Use</th>
             <th width="60px">Public</th>
             <th width="50px">Delete?</th>
@@ -45,6 +47,7 @@
             onclick="{show_info_modal.bind(this, dataset)}">
             <td>{ dataset.name }</td>
             <td>{ dataset.type }</td>
+            <td>{ format_file_size(dataset.file_size) }</td>
             <td>{ timeSince(Date.parse(dataset.created_when)) } ago</td>
             <td class="center aligned">
                 <i class="checkmark box icon green" show="{ dataset.in_use.length > 0 }"></i>
@@ -284,6 +287,7 @@
             }
             CODALAB.api.get_datasets(filters)
                 .done(function (data) {
+                    console.log(data.results)
                     self.datasets = data.results
                     self.pagination = {
                         "count": data.count,
@@ -443,6 +447,35 @@
             }
         }
 
+        // Function to format file size 
+        self.format_file_size = function(file_size) {
+            
+            // parse file size from string to float
+            try {
+                n = parseFloat(file_size)
+            }
+            catch(err) {
+                // return empty string if parsing fails
+                return ""
+            }   
+
+            // constant units to show with files size
+            // file size is in KB, converting it to MB and GB 
+            const units = ['KB', 'MB', 'GB']
+
+            // loop incrementer for selecting desired unit
+            let i = 0
+
+            // loop over n until it is greater than 1000
+            while(n >= 1000 && ++i){
+                n = n/1000;
+            }
+
+            // restrict file size to 1 decimal number concatinated with unit
+            return(n.toFixed(1) + ' ' + units[i]);
+            
+        }
+
     </script>
 
     <style type="text/stylus">

From baf083c391432248dc89f0551337ca42129611f8 Mon Sep 17 00:00:00 2001
From: Ihsan Ullah <ihsanullah@Pixel-io.local>
Date: Fri, 26 May 2023 14:45:51 +0500
Subject: [PATCH 2/4] console log removed

---
 src/static/riot/datasets/management.tag | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/static/riot/datasets/management.tag b/src/static/riot/datasets/management.tag
index ac09406b3..488045426 100644
--- a/src/static/riot/datasets/management.tag
+++ b/src/static/riot/datasets/management.tag
@@ -287,7 +287,6 @@
             }
             CODALAB.api.get_datasets(filters)
                 .done(function (data) {
-                    console.log(data.results)
                     self.datasets = data.results
                     self.pagination = {
                         "count": data.count,

From b90f1a1c51817069521ac2b51c2d22eb8e95ecd8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrien=20Pav=C3=A3o?= <adrien.pavao@gmail.com>
Date: Fri, 26 May 2023 15:35:56 +0200
Subject: [PATCH 3/4] Update management.tag

---
 src/static/riot/datasets/management.tag | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/static/riot/datasets/management.tag b/src/static/riot/datasets/management.tag
index 488045426..d65064693 100644
--- a/src/static/riot/datasets/management.tag
+++ b/src/static/riot/datasets/management.tag
@@ -448,7 +448,6 @@
 
         // Function to format file size 
         self.format_file_size = function(file_size) {
-            
             // parse file size from string to float
             try {
                 n = parseFloat(file_size)
@@ -456,23 +455,18 @@
             catch(err) {
                 // return empty string if parsing fails
                 return ""
-            }   
-
+            }
             // constant units to show with files size
             // file size is in KB, converting it to MB and GB 
             const units = ['KB', 'MB', 'GB']
-
             // loop incrementer for selecting desired unit
             let i = 0
-
             // loop over n until it is greater than 1000
             while(n >= 1000 && ++i){
                 n = n/1000;
             }
-
             // restrict file size to 1 decimal number concatinated with unit
             return(n.toFixed(1) + ' ' + units[i]);
-            
         }
 
     </script>

From 3ccbdb114dca29fd8c98be05f7abacf8befdd251 Mon Sep 17 00:00:00 2001
From: Ihsan Ullah <ihsanullah@Pixel-io.local>
Date: Fri, 26 May 2023 19:18:35 +0500
Subject: [PATCH 4/4] pagination fixed

---
 src/static/riot/datasets/management.tag | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/static/riot/datasets/management.tag b/src/static/riot/datasets/management.tag
index 488045426..0d93788a0 100644
--- a/src/static/riot/datasets/management.tag
+++ b/src/static/riot/datasets/management.tag
@@ -80,7 +80,7 @@
                       Pagination
         -------------------------------------->
         <tr>
-            <th colspan="7" if="{datasets.length > 0}">
+            <th colspan="8" if="{datasets.length > 0}">
                 <div class="ui right floated pagination menu" if="{datasets.length > 0}">
                     <a show="{!!_.get(pagination, 'previous')}" class="icon item" onclick="{previous_page}">
                         <i class="left chevron icon"></i>