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/NetworkGlobalSettings.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/NetworkGlobalSettings.vue')
-rw-r--r-- | src/views/Settings/Network/NetworkGlobalSettings.vue | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/src/views/Settings/Network/NetworkGlobalSettings.vue b/src/views/Settings/Network/NetworkGlobalSettings.vue index fc82c86d..30287673 100644 --- a/src/views/Settings/Network/NetworkGlobalSettings.vue +++ b/src/views/Settings/Network/NetworkGlobalSettings.vue @@ -6,7 +6,12 @@ <b-row> <b-col md="3"> <dl> - <dt>{{ $t('pageNetwork.hostname') }}</dt> + <dt> + {{ $t('pageNetwork.hostname') }} + <b-button variant="link" class="p-1" @click="initSettingsModal()"> + <icon-edit :title="$t('pageNetwork.modal.editHostnameTitle')" /> + </b-button> + </dt> <dd>{{ dataFormatter(firstInterface.hostname) }}</dd> </dl> </b-col> @@ -73,13 +78,14 @@ <script> import BVToastMixin from '@/components/Mixins/BVToastMixin'; +import IconEdit from '@carbon/icons-vue/es/edit/16'; import DataFormatterMixin from '@/components/Mixins/DataFormatterMixin'; import PageSection from '@/components/Global/PageSection'; import { mapState } from 'vuex'; export default { name: 'GlobalNetworkSettings', - components: { PageSection }, + components: { IconEdit, PageSection }, mixins: [BVToastMixin, DataFormatterMixin], data() { @@ -147,6 +153,9 @@ export default { .then((message) => this.successToast(message)) .catch(({ message }) => this.errorToast(message)); }, + initSettingsModal() { + this.$bvModal.show('modal-hostname'); + }, }, }; </script> |