[PATCH proxmox-backup] fix #7933: ui: datastore summary: display s3 endpoint

[David Riley <d.riley@proxmox.com>]

Add the S3 endpoint ID to the datastore summary.
This provides users with immediate visibility into which S3 endpoint
is configured for the datastore without having to check the
configuration file.

Link: https://bugzilla.proxmox.com/show_bug.cgi?id=7933
Signed-off-by: David Riley <d.riley@proxmox.com>
---
 www/datastore/Summary.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/www/datastore/Summary.js b/www/datastore/Summary.js
index d118eb7e5..775a52cbf 100644
--- a/www/datastore/Summary.js
+++ b/www/datastore/Summary.js
@@ -150,6 +150,15 @@ Ext.define('PBS.DataStoreS3Stats', {
     bodyPadding: 20,
 
     items: [
+        {
+            title: gettext('S3 Endpoint'),
+            printBar: false,
+            bind: {
+                data: {
+                    text: '{client}',
+                },
+            },
+        },
         {
             xtype: 'box',
             html: `<b>${gettext('S3 traffic:')}</b>`,
@@ -552,6 +561,11 @@ Ext.define('PBS.DataStoreSummary', {
             success: function (response) {
                 let data = response.result.data;
 
+                let backend = PBS.Utils.parsePropertyString(data.backend);
+                if (backend?.type === 's3') {
+                    me.getViewModel().set('client', backend.client);
+                }
+
                 const removable = !!data['backing-device'];
                 me.lookupReferenceHolder()
                     .lookupReference('mountButtonSeparator')
-- 
2.47.3