Merge pull request #85 from VictoriqueMoe/fix-mediagraph

Limit media graph to top 10
waifuvault · Mar 3, 2024 · 18aed38 · 18aed38
2 parents bd0f61d + 9f5740c
commit 18aed38
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/src/public/secure/stats.ejs b/src/public/secure/stats.ejs
@@ -59,7 +59,8 @@
         return `${sizeGB} GB`;
     }
 
-    function summarizeProperty(entries, property, isDate = false) {
+    function summarizeProperty(entries, property, isDate = false, includeNull = false) {
+        entries = includeNull ? entries : entries.filter(entry => entry[property]);
         const counts = entries.reduce((acc, entry) => {
             const key = isDate ? new Date(entry[property].split('T')[0]).getTime() : entry[property];
             acc[key] = (acc[key] || 0) + 1;
@@ -164,7 +165,8 @@
             rootProt.interfaceColors.set("grid", am5.color(0xffffff));
             rootProt.interfaceColors.set("text", am5.color(0xffffff));
             const chartProt = rootProt.container.children.push(am5percent.PieChart.new(rootProt, {
-                layout: rootProt.verticalHorizontal
+                layout: rootProt.verticalHorizontal,
+                radius:am5.percent(70)
             }));
             const modalProt = am5.Modal.new(rootProt, {
                 content: "The chart has no data"
@@ -180,13 +182,14 @@
             });
             seriesProt.data.setAll(summarizeProperty(stats.entries, 'fileProtectionLevel'));
 
-            //File Size:q
+            //File Size
             const sizeBands = [1,10,100,250,450];
             const rootSize = am5.Root.new("chartSizeDistribution");
             rootSize.interfaceColors.set("grid", am5.color(0xffffff));
             rootSize.interfaceColors.set("text", am5.color(0xffffff));
             const chartSize = rootSize.container.children.push(am5percent.PieChart.new(rootSize, {
-                layout: rootSize.verticalHorizontal
+                layout: rootSize.verticalHorizontal,
+                radius:am5.percent(70)
             }));
             const modalSize = am5.Modal.new(rootSize, {
                 content: "The chart has no data"
@@ -207,7 +210,8 @@
             rootMedia.interfaceColors.set("grid", am5.color(0xffffff));
             rootMedia.interfaceColors.set("text", am5.color(0xffffff));
             const chartMedia = rootMedia.container.children.push(am5percent.PieChart.new(rootMedia, {
-                layout:rootMedia.horizontalLayout
+                layout:rootMedia.horizontalLayout,
+                radius:am5.percent(70)
             }));
             const legendMedia = chartMedia.children.push(am5.Legend.new(rootMedia, {}));
             legendMedia.data.setAll(chartMedia.series.values);
@@ -223,7 +227,9 @@
             seriesMedia.events.on("datavalidated", function(ev) {
                 showEmptyModal(ev,seriesMedia,modalMedia,true);
             });
-            seriesMedia.data.setAll(summarizeProperty(stats.entries, 'mediaType'));
+            const mediaItems = summarizeProperty(stats.entries, 'mediaType', false, false);
+            mediaItems.sort((a,b) => b.value - a.value);
+            seriesMedia.data.setAll(mediaItems.slice(0,10));
 
             //Upload velocity
             const rootUpload = am5.Root.new("chartUploadVelocity");