jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix ipv6 address label and clear errors always on submit

Browse Source
This commit is contained in:
Johannes Zellner
2025-06-09 20:52:37 +02:00
parent ad4c88b535
commit 86bad5cb3e
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
dashboard/src/components/Ipv6Config.vue
View File

@@ -71,6 +71,8 @@ async function onSubmit() {
if (!isValid.value) return;
editBusy.value = true;
editError.value = {};
const [error] = await networkModel.setIpv6Config(editProvider.value, editAddress.value, editInterfaceName.value);
if (error) {
editBusy.value = false;
@@ -111,7 +113,7 @@ onMounted(async () => {
<FormGroup>
<label for="providerInput">{{ $t('network.ip.provider') }} <sup><a href="https://docs.cloudron.io/networking/#ipv4" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
<SingleSelect id="providerInput" v-model="editProvider" :options="providers" option-key="value" option-label="name"/>
<p class="has-error" v-show="editError.generic">{{ editError.generic }}</p>
<div class="error-label" v-show="editError.generic">{{ editError.generic }}</div>
</FormGroup>
<p v-show="editProvider === 'generic'">
@@ -120,17 +122,17 @@ onMounted(async () => {
<!-- Fixed -->
<FormGroup v-show="editProvider === 'fixed'">
<label for="addressInput">{{ $t('network.ipv4.address') }}</label>
<label for="addressInput">{{ $t('network.ipv6.address') }}</label>
<TextInput id="addressInput" v-model="editAddress" :required="editProvider === 'fixed'" />
<p class="has-error" v-show="editError.ipv4">{{ editError.ipv4 }}</p>
<div class="error-label" v-show="editError.ipv4">{{ editError.ipv4 }}</div>
</FormGroup>
<!-- Network Interface -->
<FormGroup v-show="editProvider === 'network-interface'">
<label for="interfaceNameInput">{{ $t('network.ip.interface') }}</label>
<p>{{ $t('network.ip.interfaceDescription') }} <code>ip -f inet -br addr</code></p>
<TextInput id="interfaceNameInput" v-model="editInterfaceName" :required="editProvider === 'network-interface'" />
<p class="has-error" v-show="editError.ifname">{{ editError.ifname }}</p>
<div class="error-label" v-show="editError.ifname">{{ editError.ifname }}</div>
<p>{{ $t('network.ip.interfaceDescription') }} <code>ip -f inet -br addr</code></p>
</FormGroup>
</fieldset>
</form>