diff options
author | Dixsie Wolmers <dixsie@ibm.com> | 2021-12-03 23:29:26 +0300 |
---|---|---|
committer | Dixsie Wolmers <dixsiew@gmail.com> | 2021-12-03 23:45:37 +0300 |
commit | 12dc20c3701fe58b7d827ed44d65ac67cee8a4a6 (patch) | |
tree | 8d7c12d8b33959b30688f80d7f94ae06dc66b134 /src/views/Settings/Network/NetworkInterfaceSettings.vue | |
parent | b34349d4139230fb4ca99bf89a6b0e1f707e58e2 (diff) | |
download | webui-vue-12dc20c3701fe58b7d827ed44d65ac67cee8a4a6.tar.xz |
Network settings: Edit hostname and MAC address
Adds modals to edit hostname and mac address per interface.
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I45d265c198afd1d9de9bb519a15a74e724f50f55
Diffstat (limited to 'src/views/Settings/Network/NetworkInterfaceSettings.vue')
-rw-r--r-- | src/views/Settings/Network/NetworkInterfaceSettings.vue | 22 |
1 files changed, 20 insertions, 2 deletions
diff --git a/src/views/Settings/Network/NetworkInterfaceSettings.vue b/src/views/Settings/Network/NetworkInterfaceSettings.vue index bdcba4d8..023d29bc 100644 --- a/src/views/Settings/Network/NetworkInterfaceSettings.vue +++ b/src/views/Settings/Network/NetworkInterfaceSettings.vue @@ -24,7 +24,9 @@ <b-row> <b-col md="3"> <dl> - <dt>{{ $t('pageNetwork.fqdn') }}</dt> + <dt> + {{ $t('pageNetwork.fqdn') }} + </dt> <dd> {{ dataFormatter(fqdn) }} </dd> @@ -32,7 +34,18 @@ </b-col> <b-col md="3"> <dl class="text-nowrap"> - <dt>{{ $t('pageNetwork.macAddress') }}</dt> + <dt> + {{ $t('pageNetwork.macAddress') }} + <b-button + variant="link" + class="p-1" + @click="initMacAddressModal()" + > + <icon-edit + :title="$t('pageNetwork.modal.editMacAddressTitle')" + /> + </b-button> + </dt> <dd> {{ dataFormatter(macAddress) }} </dd> @@ -45,6 +58,7 @@ <script> import BVToastMixin from '@/components/Mixins/BVToastMixin'; +import IconEdit from '@carbon/icons-vue/es/edit/16'; import PageSection from '@/components/Global/PageSection'; import DataFormatterMixin from '@/components/Mixins/DataFormatterMixin'; import { mapState } from 'vuex'; @@ -52,6 +66,7 @@ import { mapState } from 'vuex'; export default { name: 'Ipv4Table', components: { + IconEdit, PageSection, }, mixins: [BVToastMixin, DataFormatterMixin], @@ -94,6 +109,9 @@ export default { this.fqdn = this.ethernetData[this.selectedInterface].FQDN; this.macAddress = this.ethernetData[this.selectedInterface].MACAddress; }, + initMacAddressModal() { + this.$bvModal.show('modal-mac-address'); + }, }, }; </script> |