Fixup all toplevel views to only have one child node and test with basic animation
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user