diff options
Diffstat (limited to 'src/views/_sila/Settings/Network/ModalHostname.vue')
-rw-r--r-- | src/views/_sila/Settings/Network/ModalHostname.vue | 110 |
1 files changed, 0 insertions, 110 deletions
diff --git a/src/views/_sila/Settings/Network/ModalHostname.vue b/src/views/_sila/Settings/Network/ModalHostname.vue deleted file mode 100644 index f3221ec7..00000000 --- a/src/views/_sila/Settings/Network/ModalHostname.vue +++ /dev/null @@ -1,110 +0,0 @@ -<template> - <b-modal - id="modal-hostname" - ref="modal" - :title="$t('pageNetwork.modal.editHostnameTitle')" - @hidden="resetForm" - > - <b-form id="hostname-settings" @submit.prevent="handleSubmit"> - <b-row> - <b-col sm="6"> - <b-form-group - :label="$t('pageNetwork.hostname')" - label-for="hostname" - > - <b-form-input - id="hostname" - v-model="form.hostname" - type="text" - :state="getValidationState($v.form.hostname)" - @input="$v.form.hostname.$touch()" - /> - <b-form-invalid-feedback role="alert"> - <template v-if="!$v.form.hostname.required"> - {{ $t('global.form.fieldRequired') }} - </template> - <template v-if="!$v.form.hostname.validateHostname"> - {{ $t('global.form.lengthMustBeBetween', { min: 1, max: 64 }) }} - </template> - </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="hostname-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 { required, helpers } from 'vuelidate/lib/validators'; - -const validateHostname = helpers.regex('validateHostname', /^\S{0,64}$/); - -export default { - mixins: [VuelidateMixin], - props: { - hostname: { - type: String, - default: '', - }, - }, - data() { - return { - form: { - hostname: '', - }, - }; - }, - watch: { - hostname() { - this.form.hostname = this.hostname; - }, - }, - validations() { - return { - form: { - hostname: { - required, - validateHostname, - }, - }, - }; - }, - methods: { - handleSubmit() { - this.$v.$touch(); - if (this.$v.$invalid) return; - this.$emit('ok', { HostName: this.form.hostname }); - this.closeModal(); - }, - closeModal() { - this.$nextTick(() => { - this.$refs.modal.hide(); - }); - }, - resetForm() { - this.form.hostname = this.hostname; - this.$v.$reset(); - this.$emit('hidden'); - }, - onOk(bvModalEvt) { - // prevent modal close - bvModalEvt.preventDefault(); - this.handleSubmit(); - }, - }, -}; -</script> |