Add a way to see the backup location

client/pages/config/backups.vue

@@ -134,6 +134,23 @@ export default {
       this.enableBackups = !!this.newServerSettings.backupSchedule
       this.maxBackupSize = this.newServerSettings.maxBackupSize || 1
       this.cronExpression = this.newServerSettings.backupSchedule || '30 1 * * *'
+
+      this.loadBackupLocation()
+    },
+    loadBackupLocation() {
+      this.processing = true
+      this.$axios
+          .$get('/api/backups/location')
+          .then((data) => {
+            this.backupLocation = data.backupLocation
+          })
+          .catch((error) => {
+            console.error('Failed to load backup location', error)
+            this.$toast.error('Failed to load backup location')
+          })
+          .finally(() => {
+            this.processing = false
+          })
     }
   },
   mounted() {

client/strings/en-us.json

@@ -188,6 +188,7 @@
   "LabelBackToUser": "Back to User",
   "LabelBackupsEnableAutomaticBackups": "Enable automatic backups",
   "LabelBackupsEnableAutomaticBackupsHelp": "Backups saved in /metadata/backups",
+  "LabelBackupLocation": "Backup Location",
   "LabelBackupsMaxBackupSize": "Maximum backup size (in GB)",
   "LabelBackupsMaxBackupSizeHelp": "As a safeguard against misconfiguration, backups will fail if they exceed the configured size.",
   "LabelBackupsNumberToKeep": "Number of backups to keep",
@@ -711,4 +712,4 @@
   "ToastSocketFailedToConnect": "Socket failed to connect",
   "ToastUserDeleteFailed": "Failed to delete user",
   "ToastUserDeleteSuccess": "User deleted"
-}
+}