[PATCH proxmox-backup v8 07/17] partially fix #6563: ui: expose s3 rrd charts in datastore summary

[Christian Ebner <c.ebner@proxmox.com>]

Show the total request counts per method as well as the total and
derived upload/download s3 api statistics as rrd charts.

This partially fixes issue 6563, further information such as usage
statistics for the s3 backend will be implemented.

Fixes: https://bugzilla.proxmox.com/show_bug.cgi?id=6563
Signed-off-by: Christian Ebner <c.ebner@proxmox.com>
---
changes since version 7:
- use seriesConfig on request counter graphs to adapt their style and
  area fill configuration

 www/datastore/Summary.js | 55 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)

diff --git a/www/datastore/Summary.js b/www/datastore/Summary.js
index 5dcc0e5dc..2fdb25812 100644
--- a/www/datastore/Summary.js
+++ b/www/datastore/Summary.js
@@ -22,6 +22,15 @@ Ext.define('pve-rrd-datastore', {
         'write_ios',
         'write_bytes',
         'io_ticks',
+        's3/uploaded',
+        's3/downloaded',
+        's3/total/uploaded',
+        's3/total/downloaded',
+        's3/total/get',
+        's3/total/put',
+        's3/total/post',
+        's3/total/head',
+        's3/total/delete',
         {
             name: 'io_delay',
             calculate: function (data) {
@@ -349,6 +358,52 @@ Ext.define('PBS.DataStoreSummary', {
                 },
             ],
         },
+        {
+            xtype: 'proxmoxRRDChart',
+            title: gettext('S3 API requests'),
+            fields: [
+                's3/total/get',
+                's3/total/put',
+                's3/total/post',
+                's3/total/head',
+                's3/total/delete',
+            ],
+            fieldTitles: [
+                gettext('GET'),
+                gettext('PUT'),
+                gettext('POST'),
+                gettext('HEAD'),
+                gettext('DELETE'),
+            ],
+            bind: {
+                visible: '{showS3Stats}',
+            },
+            seriesConfig: {
+                fill: false,
+                style: {
+                    lineWidth: 3.0,
+                    opacity: 1.0,
+                },
+            },
+        },
+        {
+            xtype: 'proxmoxRRDChart',
+            title: gettext('S3 API download/upload rate (bytes/second)'),
+            fields: ['s3/downloaded', 's3/uploaded'],
+            fieldTitles: [gettext('Download'), gettext('Upload')],
+            bind: {
+                visible: '{showS3Stats}',
+            },
+        },
+        {
+            xtype: 'proxmoxRRDChart',
+            title: gettext('S3 API total download/upload (bytes)'),
+            fields: ['s3/total/downloaded', 's3/total/uploaded'],
+            fieldTitles: [gettext('Download'), gettext('Upload')],
+            bind: {
+                visible: '{showS3Stats}',
+            },
+        },
         {
             xtype: 'proxmoxRRDChart',
             title: gettext('Storage usage (bytes)'),
-- 
2.47.3