summaryrefslogtreecommitdiff
path: root/src/views/_sila/Settings/Network/NetworkGlobalSettings.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/views/_sila/Settings/Network/NetworkGlobalSettings.vue')
-rw-r--r--src/views/_sila/Settings/Network/NetworkGlobalSettings.vue161
1 files changed, 0 insertions, 161 deletions
diff --git a/src/views/_sila/Settings/Network/NetworkGlobalSettings.vue b/src/views/_sila/Settings/Network/NetworkGlobalSettings.vue
deleted file mode 100644
index 30287673..00000000
--- a/src/views/_sila/Settings/Network/NetworkGlobalSettings.vue
+++ /dev/null
@@ -1,161 +0,0 @@
-<template>
- <page-section
- v-if="firstInterface"
- :section-title="$t('pageNetwork.networkSettings')"
- >
- <b-row>
- <b-col md="3">
- <dl>
- <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>
- <b-col md="3">
- <dl>
- <dt>{{ $t('pageNetwork.useDomainName') }}</dt>
- <dd>
- <b-form-checkbox
- id="useDomainNameSwitch"
- v-model="useDomainNameState"
- data-test-id="networkSettings-switch-useDomainName"
- switch
- @change="changeDomainNameState"
- >
- <span v-if="useDomainNameState">
- {{ $t('global.status.enabled') }}
- </span>
- <span v-else>{{ $t('global.status.disabled') }}</span>
- </b-form-checkbox>
- </dd>
- </dl>
- </b-col>
- <b-col md="3">
- <dl>
- <dt>{{ $t('pageNetwork.useDns') }}</dt>
- <dd>
- <b-form-checkbox
- id="useDnsSwitch"
- v-model="useDnsState"
- data-test-id="networkSettings-switch-useDns"
- switch
- @change="changeDnsState"
- >
- <span v-if="useDnsState">
- {{ $t('global.status.enabled') }}
- </span>
- <span v-else>{{ $t('global.status.disabled') }}</span>
- </b-form-checkbox>
- </dd>
- </dl>
- </b-col>
- <b-col md="3">
- <dl>
- <dt>{{ $t('pageNetwork.useNtp') }}</dt>
- <dd>
- <b-form-checkbox
- id="useNtpSwitch"
- v-model="useNtpState"
- data-test-id="networkSettings-switch-useNtp"
- switch
- @change="changeNtpState"
- >
- <span v-if="useNtpState">
- {{ $t('global.status.enabled') }}
- </span>
- <span v-else>{{ $t('global.status.disabled') }}</span>
- </b-form-checkbox>
- </dd>
- </dl>
- </b-col>
- </b-row>
- </page-section>
-</template>
-
-<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: { IconEdit, PageSection },
- mixins: [BVToastMixin, DataFormatterMixin],
-
- data() {
- return {
- hostname: '',
- };
- },
- computed: {
- ...mapState('network', ['ethernetData']),
- firstInterface() {
- return this.$store.getters['network/globalNetworkSettings'][0];
- },
- useDomainNameState: {
- get() {
- return this.$store.getters['network/globalNetworkSettings'][0]
- .useDomainNameEnabled;
- },
- set(newValue) {
- return newValue;
- },
- },
- useDnsState: {
- get() {
- return this.$store.getters['network/globalNetworkSettings'][0]
- .useDnsEnabled;
- },
- set(newValue) {
- return newValue;
- },
- },
- useNtpState: {
- get() {
- return this.$store.getters['network/globalNetworkSettings'][0]
- .useNtpEnabled;
- },
- set(newValue) {
- return newValue;
- },
- },
- },
- created() {
- this.$store.dispatch('network/getEthernetData').finally(() => {
- // Emit initial data fetch complete to parent component
- this.$root.$emit('network-global-settings-complete');
- });
- },
- methods: {
- changeDomainNameState(state) {
- this.$store
- .dispatch('network/saveDomainNameState', state)
- .then((success) => {
- this.successToast(success);
- })
- .catch(({ message }) => this.errorToast(message));
- },
- changeDnsState(state) {
- this.$store
- .dispatch('network/saveDnsState', state)
- .then((message) => this.successToast(message))
- .catch(({ message }) => this.errorToast(message));
- },
- changeNtpState(state) {
- this.$store
- .dispatch('network/saveNtpState', state)
- .then((message) => this.successToast(message))
- .catch(({ message }) => this.errorToast(message));
- },
- initSettingsModal() {
- this.$bvModal.show('modal-hostname');
- },
- },
-};
-</script>