diff options
Diffstat (limited to 'src/views/Overview/OverviewNetwork.vue')
-rw-r--r-- | src/views/Overview/OverviewNetwork.vue | 45 |
1 files changed, 13 insertions, 32 deletions
diff --git a/src/views/Overview/OverviewNetwork.vue b/src/views/Overview/OverviewNetwork.vue index 1c1001e1..9c66773c 100644 --- a/src/views/Overview/OverviewNetwork.vue +++ b/src/views/Overview/OverviewNetwork.vue @@ -1,20 +1,21 @@ <template> <overview-card + v-if="network" :title="$t('pageOverview.networkInformation')" :to="`/settings/network`" > <b-row class="mt-3"> <b-col sm="6"> <dl> - <dt>{{ $t('pageOverview.hostname') }}</dt> - <dd>{{ dataFormatter(hostname) }}</dd> + <dt>{{ $t('pageOverview.hostName') }}</dt> + <dd>{{ dataFormatter(network.hostname) }}</dd> </dl> </b-col> <b-col sm="6"> <dl> <dt>{{ $t('pageOverview.linkStatus') }}</dt> <dd> - {{ dataFormatter(linkStatus) }} + {{ dataFormatter(network.linkStatus) }} </dd> </dl> </b-col> @@ -24,7 +25,7 @@ <dl> <dt>{{ $t('pageOverview.ipv4') }}</dt> <dd> - {{ dataFormatter(ipStaticAddress) }} + {{ dataFormatter(network.staticAddress) }} </dd> </dl> </b-col> @@ -32,7 +33,11 @@ <dl> <dt>{{ $t('pageOverview.dhcp') }}</dt> <dd> - {{ dataFormatter(ipDhcpAddress) }} + {{ + dataFormatter( + network.dhcpAddress.length !== 0 ? network.dhcpAddress : null + ) + }} </dd> </dl> </b-col> @@ -43,7 +48,6 @@ <script> import OverviewCard from './OverviewCard'; import DataFormatterMixin from '@/components/Mixins/DataFormatterMixin'; -import { mapState } from 'vuex'; export default { name: 'Network', @@ -51,38 +55,15 @@ export default { OverviewCard, }, mixins: [DataFormatterMixin], - data() { - return { - ipDhcpAddress: '', - }; - }, computed: { - ...mapState({ - ethernetData: (state) => state.network.ethernetData[0], - hostname() { - return this.ethernetData?.HostName; - }, - linkStatus() { - return this.ethernetData?.LinkStatus; - }, - ipStaticAddress() { - return this.ethernetData?.IPv4StaticAddresses[0].Address; - }, - }), + network() { + return this.$store.getters['network/globalNetworkSettings'][0]; + }, }, created() { this.$store.dispatch('network/getEthernetData').finally(() => { this.$root.$emit('overview-network-complete'); }); - this.getDhcpInfo(); - }, - methods: { - getDhcpInfo() { - const dhcp = this.ethernetData.IPv4Addresses.filter( - (ipv4) => ipv4.AddressOrigin === 'DHCP' - ); - this.ipDhcpAddress = dhcp[0].Address; - }, }, }; </script> |