Add support for displaying labels on I/O graphs

https://forum.virtualmin.com/t/legend-for-graph/129566?u=ilia

extensions/stats/stats.src.js

@@ -458,7 +458,20 @@ const stats = {
                             );
 
                             // Remove loader
-                            this[`chart_${type}`].on("created", () => ld.remove());
+                            this[`chart_${type}`].on("created", (data) => {
+                                // Add labels to the first foreign object
+                                const ffObj = data.svg.getNode().querySelector('foreignObject');
+                                if (ffObj) {
+                                    const readLbl = this._.language(`dashboard_chart_${type}_read`),
+                                          writeLbl = this._.language(`dashboard_chart_${type}_write`);
+                                    if (readLbl && writeLbl) {
+                                        ffObj.setAttribute('data-label-read', `▪ ${readLbl}`);
+                                        ffObj.setAttribute('data-label-write', `▪ ${writeLbl}`);
+                                    }
+                                }
+                                // Clean-up loader
+                                ld.remove();
+                              });
                         }
                     });
                 }

lang/en

@@ -1473,4 +1473,11 @@ theme_xhred_hotkey_switch_theme=Switch theme
 # 21.20.2
 theme_xhred_filemanager_upload_status_ok=Upload successful
 theme_xhred_filemanager_upload_status_err=Upload failed:
-theme_xhred_filemanager_download_status_err=Download failed:
+theme_xhred_filemanager_download_status_err=Download failed:
+
+
+# 21.20.7
+theme_xhred_dashboard_chart_disk_read=Read
+theme_xhred_dashboard_chart_disk_write=Write
+theme_xhred_dashboard_chart_net_read=Fetch
+theme_xhred_dashboard_chart_net_write=Send