feat(ui): update rclone base path label and improve data encryption key tooltip

Author: stephdl

core/ui/public/i18n/en/translation.json

@@ -533,7 +533,7 @@
         "not_backed_up": "Not backed up",
         "search_instances": "Search applications",
         "not_backed_up_instances_selected": "Instances not backed up are currently selected",
-        "data_encryption_key_tooltip": "This password is used to encrypt data in the backup destination and is saved inside your cluster backup. Store this password in a safe place, or remember to download cluster backup regularly.",
+        "data_encryption_key_tooltip": "This key encrypts backup data stored on the destination. It is independent of any remote provider credentials. If left empty, a random key is generated automatically. The key is saved in the cluster backup, store it in a safe place or download the cluster backup regularly.",
         "run_backup": "Run backup",
         "run_backup_now": "Run backup now",
         "last_backup": "Last backup",
@@ -671,9 +671,8 @@
         "rclone_configuration_source_upload_configuration": "Upload configuration file",
         "rclone_configuration_file": "Rclone configuration file",
         "rclone_configuration_file_helper": "Supported file types: .conf, .txt",
-        "rclone_base_path": "Base path",
+        "rclone_base_path": "Path",
         "rclone_encryption_key_configured": "Encryption key configured",
-        "rclone_encryption_key_configured_description": "Keys cannot be viewed or modified after creation.",
         "rclone_configuration_source_keep_configuration": "Keep current configuration",
         "data_encryption_key_placeholder": "e.g a76917c4522...",
         "invalid_base64": "Invalid base64 file format"

core/ui/src/components/backup/AddRepositoryModal.vue

@@ -359,7 +359,7 @@
               </div>
             </template>
             <cv-text-input
-              :label="$t('backup.rclone_base_path')"
+              :label="$t('backup.rclone_base_path') + ' (' + $t('common.optional') + ')'"
               v-model.trim="rclone.base_path"
               :invalid-message="error.rclone.base_path"
               :disabled="loading.addBackupRepository"
@@ -479,7 +479,7 @@
                   :helper-text="$t('backup.repository_password_helper')"
                   :placeholder="$t('backup.data_encryption_key_placeholder')"
                   :invalid-message="error.password"
-                  :disabled="loading.addBackupRepository || isRcloneSelected"
+                  :disabled="loading.addBackupRepository"
                   autocomplete="new-password"
                   ref="password"
                 >

core/ui/src/components/backup/EditRepositoryModal.vue

@@ -137,14 +137,6 @@
         </template>
         <!-- rclone -->
         <template v-if="repository.provider == 'rclone'">
-          <NsInlineNotification
-            kind="info"
-            :title="$t('backup.rclone_encryption_key_configured')"
-            :description="
-              $t('backup.rclone_encryption_key_configured_description')
-            "
-            :showCloseButton="false"
-          />
           <div>
             <label class="bx--label">{{
               $t("backup.rclone_configuration_source")
@@ -223,7 +215,7 @@
           </template>
           <cv-text-input
             v-if="rclone.configuration_source != 'keep'"
-            :label="$t('backup.rclone_base_path')"
+            :label="$t('backup.rclone_base_path') + ' (' + $t('common.optional') + ')'"
             v-model.trim="rclone.base_path"
             :invalid-message="error.rclone.base_path"
             :disabled="loading.alterBackupRepository"
@@ -239,8 +231,8 @@
           ref="name"
         >
         </cv-text-input>
-        <!-- advanced options (read-only, not shown for rclone) -->
-        <cv-accordion v-if="repository.provider != 'rclone'">
+        <!-- advanced options (read-only) -->
+        <cv-accordion>
           <cv-accordion-item :open="false">
             <template slot="title">{{ $t("common.advanced") }}</template>
             <template slot="content">