Fixup all toplevel views to only have one child node and test with basic animation

This commit is contained in:
Johannes Zellner
2025-03-26 18:36:04 +01:00
parent ae68cc95bb
commit 830db36928
10 changed files with 254 additions and 236 deletions
+43 -43
View File
@@ -110,50 +110,50 @@ onMounted(async () => {
</script>
<template>
<Dialog ref="dialog"
:title="$t('settings.privateDockerRegistryDialog.title')"
:confirm-label="$t('main.dialog.save')"
:confirm-busy="configureBusy"
:confirm-active="!configureBusy && isValid"
:reject-label="$t('main.dialog.cancel')"
reject-style="secondary"
@confirm="onSubmitConfigure()"
>
<p class="has-error text-center" v-show="configureError">{{ configureError }}</p>
<form novalidate @submit.prevent="onSubmitConfigure()" autocomplete="off">
<fieldset :disabled="configureBusy">
<input style="display: none" type="submit" :disabled="!isValid"/>
<FormGroup>
<label for="providerInput">{{ $t('settings.registryConfig.provider') }} <sup><a href="https://docs.cloudron.io/settings/#private-docker-registry" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
<Dropdown id="providerInput" v-model="configureProvider" :options="providers" option-key="value" option-label="name" />
</FormGroup>
<FormGroup v-if="configureProvider !== 'noop'">
<label for="serverAddressInput">{{ $t('settings.privateDockerRegistry.server') }}</label>
<TextInput id="serverAddressInput" v-model="configureServerAddress" placeholder="docker.io" required />
</FormGroup>
<FormGroup v-if="configureProvider !== 'noop'">
<label for="usernameInput">{{ $t('settings.privateDockerRegistry.username') }}</label>
<TextInput id="usernameInput" v-model="configureUsername" required />
</FormGroup>
<FormGroup v-if="configureProvider !== 'noop'">
<label for="emailInput">{{ $t('settings.privateDockerRegistryDialog.email') }}</label>
<TextInput id="emailInput" v-model="configureEmail" />
</FormGroup>
<FormGroup v-if="configureProvider !== 'noop'">
<label for="passwordInput">{{ $t('settings.privateDockerRegistryDialog.passwordToken') }}</label>
<PasswordInput id="passwordInput" v-model="configurePassword" required />
</FormGroup>
</fieldset>
</form>
</Dialog>
<Section :title="$t('settings.privateDockerRegistry.title')">
<Dialog ref="dialog"
:title="$t('settings.privateDockerRegistryDialog.title')"
:confirm-label="$t('main.dialog.save')"
:confirm-busy="configureBusy"
:confirm-active="!configureBusy && isValid"
:reject-label="$t('main.dialog.cancel')"
reject-style="secondary"
@confirm="onSubmitConfigure()"
>
<p class="has-error text-center" v-show="configureError">{{ configureError }}</p>
<form novalidate @submit.prevent="onSubmitConfigure()" autocomplete="off">
<fieldset :disabled="configureBusy">
<input style="display: none" type="submit" :disabled="!isValid"/>
<FormGroup>
<label for="providerInput">{{ $t('settings.registryConfig.provider') }} <sup><a href="https://docs.cloudron.io/settings/#private-docker-registry" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
<Dropdown id="providerInput" v-model="configureProvider" :options="providers" option-key="value" option-label="name" />
</FormGroup>
<FormGroup v-if="configureProvider !== 'noop'">
<label for="serverAddressInput">{{ $t('settings.privateDockerRegistry.server') }}</label>
<TextInput id="serverAddressInput" v-model="configureServerAddress" placeholder="docker.io" required />
</FormGroup>
<FormGroup v-if="configureProvider !== 'noop'">
<label for="usernameInput">{{ $t('settings.privateDockerRegistry.username') }}</label>
<TextInput id="usernameInput" v-model="configureUsername" required />
</FormGroup>
<FormGroup v-if="configureProvider !== 'noop'">
<label for="emailInput">{{ $t('settings.privateDockerRegistryDialog.email') }}</label>
<TextInput id="emailInput" v-model="configureEmail" />
</FormGroup>
<FormGroup v-if="configureProvider !== 'noop'">
<label for="passwordInput">{{ $t('settings.privateDockerRegistryDialog.passwordToken') }}</label>
<PasswordInput id="passwordInput" v-model="configurePassword" required />
</FormGroup>
</fieldset>
</form>
</Dialog>
<p v-html="$t('settings.privateDockerRegistry.description', { customAppsLink: 'https://docs.cloudron.io/custom-apps/tutorial/' })"></p>
<div class="info-row">