Move domain zoneName into common advanced component

This commit is contained in:
Johannes Zellner
2025-10-10 14:47:10 +02:00
parent 314654f319
commit 057f75ca5f
3 changed files with 11 additions and 16 deletions
+3 -8
View File
@@ -112,16 +112,9 @@ defineExpose({
<TextInput id="domainInput" v-model="domain" placeholder="example.com" :readonly="editing ? true : undefined" required />
</FormGroup>
<DomainProviderForm v-model:provider="provider" v-model:dns-config="dnsConfig" v-model:tls-provider="tlsProvider" :domain="domain" :show-advanced="showAdvanced" />
<p style="margin-top: 15px" v-show="!showAdvanced" @click="showAdvanced = true" class="actionable">{{ $t('domains.domainDialog.advancedAction') }}</p>
<DomainProviderForm v-model:provider="provider" v-model:dns-config="dnsConfig" v-model:tls-provider="tlsProvider" v-model:zone-name="zoneName" :domain="domain" :show-advanced="showAdvanced" />
<div v-show="showAdvanced">
<FormGroup>
<label for="zoneNameInput">{{ $t('domains.domainDialog.zoneName') }} <sup><a href="https://docs.cloudron.io/domains/#zone-name" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
<TextInput id="zoneNameInput" v-model="zoneName" />
</FormGroup>
<Checkbox v-model="customNameservers" :label="$t('domains.domainDialog.customNameservers')" />
<!-- custom certificate -->
@@ -145,6 +138,8 @@ defineExpose({
</div>
</FormGroup>
</div>
<div v-if="!showAdvanced" style="margin-top: 15px" class="actionable" @click="showAdvanced = true">{{ $t('domains.domainDialog.advancedAction') }}</div>
</fieldset>
</form>
</Dialog>
@@ -27,6 +27,7 @@ defineProps({
const provider = defineModel('provider');
const dnsConfig = defineModel('dnsConfig');
const tlsProvider = defineModel('tlsProvider');
const zoneName = defineModel('zoneName');
const tlsProviders = [
{ name: 'Let\'s Encrypt Prod', value: 'letsencrypt-prod' },
@@ -305,6 +306,11 @@ function onGcdnsFileInputChange(event) {
<MaskedInput id="inwxPasswordInput" v-model="dnsConfig.password" required />
</FormGroup>
<FormGroup v-if="showAdvanced">
<label for="zoneNameInput">{{ $t('domains.domainDialog.zoneName') }} <sup><a href="https://docs.cloudron.io/domains/#zone-name" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
<TextInput id="zoneNameInput" v-model="zoneName" />
</FormGroup>
<FormGroup v-if="showAdvanced">
<label>Certificate Provider <sup><a href="https://docs.cloudron.io/certificates/#certificate-providers" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
<SingleSelect v-model="tlsProvider" :options="tlsProviders" option-key="value" option-label="name"/>