Johannes Zellner
45 lines
1.2 KiB
Vue
45 lines
1.2 KiB
Vue
<script setup>
|
|
|
|
import { ref, onMounted, watch } from 'vue';
|
|
import { Switch } from 'pankow';
|
|
import Section from '../components/Section.vue';
|
|
import SettingsItem from '../components/SettingsItem.vue';
|
|
import Ipv4Config from '../components/Ipv4Config.vue';
|
|
import Ipv6Config from '../components/Ipv6Config.vue';
|
|
import Firewall from '../components/Firewall.vue';
|
|
import NetworkModel from '../models/NetworkModel.js';
|
|
|
|
const networkModel = NetworkModel.create();
|
|
|
|
const dynDnsIsEnabled = ref(false);
|
|
watch(dynDnsIsEnabled, async (newValue) => {
|
|
const [error] = await networkModel.setDynDnsConfig(newValue);
|
|
if (error) return console.error(error);
|
|
});
|
|
|
|
onMounted(async () => {
|
|
const [error, result] = await networkModel.getDynDnsConfig();
|
|
if (error) return console.error(error);
|
|
|
|
dynDnsIsEnabled.value = result.enabled;
|
|
});
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="content">
|
|
<h1 class="view-header">{{ $t('network.title') }}</h1>
|
|
|
|
<Ipv4Config />
|
|
<Ipv6Config />
|
|
<Firewall />
|
|
|
|
<Section :title="$t('network.dyndns.title')" :padding="false">
|
|
<SettingsItem>
|
|
<p>{{ $t('network.dyndns.description') }}</p>
|
|
<Switch v-model="dynDnsIsEnabled"/>
|
|
</SettingsItem>
|
|
</Section>
|
|
</div>
|
|
</template>
|