feat(ui): clean up template formatting and improve readability in Add and Edit Repository Modals

Author: stephdl

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

@@ -314,11 +314,9 @@
                 />
               </cv-radio-group>
             </div>
-            <template
-              v-if="rclone.configuration_source == 'paste'"
-            >
+            <template v-if="rclone.configuration_source == 'paste'">
               <cv-text-area
-              class="mg-top-md maxwidth"
+                class="mg-top-md maxwidth"
                 :label="$t('backup.rclone_configuration_content')"
                 v-model.trim="rclone.rclone_conf_secret"
                 :invalid-message="error.rclone.rclone_conf_secret"
@@ -740,7 +738,10 @@ export default {
         this.name = "";
         if (this.selectedProvider == "smb") {
           this.focusElement("smb_host");
-        } else if (this.selectedProvider != "cluster" && this.selectedProvider != "rclone") {
+        } else if (
+          this.selectedProvider != "cluster" &&
+          this.selectedProvider != "rclone"
+        ) {
           this.focusElement("url");
         }
       }
@@ -829,8 +830,6 @@ export default {
       this.genericS3.aws_access_key_id = "";
       this.genericS3.aws_secret_access_key = "";
 
-
-
       this.smb.smb_host = "";
       this.smb.smb_user = "";
       this.smb.smb_pass = "";
@@ -1398,7 +1397,7 @@ export default {
       this.$emit("repoCreated");
       this.$emit("hide");
     },
-    
+
     async listBackupEndpoints() {
       this.loading.listBackupEndpoints = true;
       this.error.listBackupEndpoints = "";
@@ -1471,7 +1470,7 @@ export default {
 
 <style scoped lang="scss">
 @import "../../styles/carbon-utils";
- 
+
 // Full width and white background for the rclone file uploader
 ::v-deep .bx--file {
   width: 100%;

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

@@ -164,18 +164,14 @@
               />
               <cv-radio-button
                 :label="
-                  $t(
-                    'backup.rclone_configuration_source_paste_configuration'
-                  )
+                  $t('backup.rclone_configuration_source_paste_configuration')
                 "
                 value="paste"
                 v-model="rclone.configuration_source"
               />
               <cv-radio-button
                 :label="
-                  $t(
-                    'backup.rclone_configuration_source_upload_configuration'
-                  )
+                  $t('backup.rclone_configuration_source_upload_configuration')
                 "
                 value="upload"
                 v-model="rclone.configuration_source"
@@ -207,9 +203,7 @@
               :multiple="false"
               :removable="true"
               :clear-on-reselect="true"
-              :drop-target-label="
-                $t('common.drag_and_drop_or_click_to_upload')
-              "
+              :drop-target-label="$t('common.drag_and_drop_or_click_to_upload')"
               v-model="rclone.configuration_uploaded_file"
               accept=".conf,.txt"
               ref="backup_file"
@@ -388,8 +382,7 @@ export default {
             case "rclone":
               this.rclone.configuration_source = "keep";
               this.rclone.rclone_conf_secret = "";
-              this.rclone.base_path =
-                this.repository.parameters.basepath || "";
+              this.rclone.base_path = this.repository.parameters.basepath || "";
               this.rclone.configuration_uploaded_file = null;
               this.componentKey = Date.now();
               break;