From 314e20ea180f03a684a7dd4df065866e422bb2f4 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Mon, 26 May 2025 14:35:54 +0200
Subject: [PATCH] Disable dns provider dropdown when busy

---
 dashboard/src/components/DomainProviderForm.vue | 6 +++++-
 dashboard/src/views/SetupView.vue               | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/components/DomainProviderForm.vue b/dashboard/src/components/DomainProviderForm.vue
index dd35e3045..c98ebf40e 100644
--- a/dashboard/src/components/DomainProviderForm.vue
+++ b/dashboard/src/components/DomainProviderForm.vue
@@ -17,6 +17,10 @@ defineProps({
     type: Boolean,
     default: false,
   },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const provider = defineModel('provider');
@@ -104,7 +108,7 @@ function onGcdnsFileInputChange(event) {
   <div>
     <FormGroup>
       <label for="providerInput">{{ $t('domains.domainDialog.provider') }} <sup><a href="https://docs.cloudron.io/domains/#dns-providers" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
-      <SingleSelect v-model="provider" @select="onProviderChange" :options="DomainsModel.providers" option-key="value" option-label="name" />
+      <SingleSelect v-model="provider" @select="onProviderChange" :disabled="disabled" :options="DomainsModel.providers" option-key="value" option-label="name" />
     </FormGroup>
 
     <!-- Route53 -->
diff --git a/dashboard/src/views/SetupView.vue b/dashboard/src/views/SetupView.vue
index 3c0f1d17f..09ba9f9fd 100644
--- a/dashboard/src/views/SetupView.vue
+++ b/dashboard/src/views/SetupView.vue
@@ -171,7 +171,7 @@ onMounted(async () => {
               <div style="padding-top: 6px;">Apps will be installed on subdomains of this domain. The dashboard will be available on the <b>my{{ domain ? `.${domain}` : '' }}</b> subdomain. You can add more domains later.</div>
             </FormGroup>
 
-            <DomainProviderForm v-model:provider="provider" v-model:dns-config="dnsConfig" v-model:tls-provider="tlsProvider" :domain="domain" :show-advanced="showAdvanced" />
+            <DomainProviderForm :disabled="busy" v-model:provider="provider" v-model:dns-config="dnsConfig" v-model:tls-provider="tlsProvider" :domain="domain" :show-advanced="showAdvanced" />
 
             <div v-show="showAdvanced">
               <FormGroup>