summaryrefslogtreecommitdiff
path: root/src/views/_sila/Settings/Network/ModalMacAddress.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/views/_sila/Settings/Network/ModalMacAddress.vue')
-rw-r--r--src/views/_sila/Settings/Network/ModalMacAddress.vue109
1 files changed, 0 insertions, 109 deletions
diff --git a/src/views/_sila/Settings/Network/ModalMacAddress.vue b/src/views/_sila/Settings/Network/ModalMacAddress.vue
deleted file mode 100644
index d563f4ce..00000000
--- a/src/views/_sila/Settings/Network/ModalMacAddress.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
- <b-modal
- id="modal-mac-address"
- ref="modal"
- :title="$t('pageNetwork.modal.editMacAddressTitle')"
- @hidden="resetForm"
- >
- <b-form id="mac-settings" @submit.prevent="handleSubmit">
- <b-row>
- <b-col sm="6">
- <b-form-group
- :label="$t('pageNetwork.macAddress')"
- label-for="macAddress"
- >
- <b-form-input
- id="mac-address"
- v-model.trim="form.macAddress"
- data-test-id="network-input-macAddress"
- type="text"
- :state="getValidationState($v.form.macAddress)"
- @change="$v.form.macAddress.$touch()"
- />
- <b-form-invalid-feedback role="alert">
- <div v-if="!$v.form.macAddress.required">
- {{ $t('global.form.fieldRequired') }}
- </div>
- <div v-if="!$v.form.macAddress.macAddress">
- {{ $t('global.form.invalidFormat') }}
- </div>
- </b-form-invalid-feedback>
- </b-form-group>
- </b-col>
- </b-row>
- </b-form>
- <template #modal-footer="{ cancel }">
- <b-button variant="secondary" @click="cancel()">
- {{ $t('global.action.cancel') }}
- </b-button>
- <b-button
- form="mac-settings"
- type="submit"
- variant="primary"
- @click="onOk"
- >
- {{ $t('global.action.add') }}
- </b-button>
- </template>
- </b-modal>
-</template>
-
-<script>
-import VuelidateMixin from '@/components/Mixins/VuelidateMixin.js';
-import { macAddress, required } from 'vuelidate/lib/validators';
-
-export default {
- mixins: [VuelidateMixin],
- props: {
- macAddress: {
- type: String,
- default: '',
- },
- },
- data() {
- return {
- form: {
- macAddress: '',
- },
- };
- },
- watch: {
- macAddress() {
- this.form.macAddress = this.macAddress;
- },
- },
- validations() {
- return {
- form: {
- macAddress: {
- required,
- macAddress: macAddress(),
- },
- },
- };
- },
- methods: {
- handleSubmit() {
- this.$v.$touch();
- if (this.$v.$invalid) return;
- this.$emit('ok', { MACAddress: this.form.macAddress });
- this.closeModal();
- },
- closeModal() {
- this.$nextTick(() => {
- this.$refs.modal.hide();
- });
- },
- resetForm() {
- this.form.macAddress = this.macAddress;
- this.$v.$reset();
- this.$emit('hidden');
- },
- onOk(bvModalEvt) {
- // prevent modal close
- bvModalEvt.preventDefault();
- this.handleSubmit();
- },
- },
-};
-</script>