Extract the new domain field in a dedicated component
This commit is contained in:
parent
235cd50b80
commit
7cfdcfd1bc
|
@ -49,20 +49,18 @@
|
|||
</b-badge>
|
||||
</b-list-group-item>
|
||||
</b-list-group>
|
||||
<h-list-group-input v-if="!isLoading" v-model="newDomain" autofocus class="mt-2" placeholder="my.new.domain." :state="newDomainState" input-class="text-monospace" @submit="submitNewDomain" @update="validateNewDomain" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axios from 'axios'
|
||||
import DomainCompare from '@/mixins/domainCompare'
|
||||
import ListGroupInputNewDomain from '@/mixins/listGroupInputNewDomain'
|
||||
import SourcesApi from '@/services/SourcesApi'
|
||||
|
||||
export default {
|
||||
name: 'ZoneList',
|
||||
|
||||
mixins: [DomainCompare, ListGroupInputNewDomain],
|
||||
mixins: [DomainCompare],
|
||||
|
||||
data: function () {
|
||||
return {
|
||||
|
|
75
htdocs/src/components/hListGroupInputNewDomain.vue
Normal file
75
htdocs/src/components/hListGroupInputNewDomain.vue
Normal file
|
@ -0,0 +1,75 @@
|
|||
<!--
|
||||
Copyright or © or Copr. happyDNS (2020)
|
||||
|
||||
contact@happydns.org
|
||||
|
||||
This software is a computer program whose purpose is to provide a modern
|
||||
interface to interact with DNS systems.
|
||||
|
||||
This software is governed by the CeCILL license under French law and abiding
|
||||
by the rules of distribution of free software. You can use, modify and/or
|
||||
redistribute the software under the terms of the CeCILL license as
|
||||
circulated by CEA, CNRS and INRIA at the following URL
|
||||
"http://www.cecill.info".
|
||||
|
||||
As a counterpart to the access to the source code and rights to copy, modify
|
||||
and redistribute granted by the license, users are provided only with a
|
||||
limited warranty and the software's author, the holder of the economic
|
||||
rights, and the successive licensors have only limited liability.
|
||||
|
||||
In this respect, the user's attention is drawn to the risks associated with
|
||||
loading, using, modifying and/or developing or reproducing the software by
|
||||
the user in light of its specific status of free software, that may mean
|
||||
that it is complicated to manipulate, and that also therefore means that it
|
||||
is reserved for developers and experienced professionals having in-depth
|
||||
computer knowledge. Users are therefore encouraged to load and test the
|
||||
software's suitability as regards their requirements in conditions enabling
|
||||
the security of their systems and/or data to be ensured and, more generally,
|
||||
to use and operate it in the same conditions as regards security.
|
||||
|
||||
The fact that you are presently reading this means that you have had
|
||||
knowledge of the CeCILL license and that you accept its terms.
|
||||
-->
|
||||
|
||||
<template>
|
||||
<h-list-group-input v-model="newDomain" placeholder="my.new.domain." :state="newDomainState" input-class="text-monospace" @submit="submitNewDomain" @update="validateNewDomain" />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AddDomainToSource from '@/mixins/addDomainToSource'
|
||||
import ValidateDomain from '@/mixins/validateDomain'
|
||||
|
||||
export default {
|
||||
name: 'HListGroupInputNewDomain',
|
||||
|
||||
components: {
|
||||
hListGroupInput: () => import('@/components/hListGroupInput')
|
||||
},
|
||||
|
||||
mixins: [AddDomainToSource, ValidateDomain],
|
||||
|
||||
data () {
|
||||
return {
|
||||
newDomain: '',
|
||||
newDomainState: null
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
validateNewDomain () {
|
||||
this.newDomainState = this.validateDomain(this.newDomain)
|
||||
return this.newDomainState
|
||||
},
|
||||
|
||||
submitNewDomain () {
|
||||
if (this.validateNewDomain()) {
|
||||
if (this.mySource) {
|
||||
this.addDomainToSource(this.mySource, this.newDomain)
|
||||
} else {
|
||||
this.$router.push('/domains/' + encodeURIComponent(this.newDomain) + '/new')
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
|
@ -1,65 +0,0 @@
|
|||
// Copyright or © or Copr. happyDNS (2020)
|
||||
//
|
||||
// contact@happydns.org
|
||||
//
|
||||
// This software is a computer program whose purpose is to provide a modern
|
||||
// interface to interact with DNS systems.
|
||||
//
|
||||
// This software is governed by the CeCILL license under French law and abiding
|
||||
// by the rules of distribution of free software. You can use, modify and/or
|
||||
// redistribute the software under the terms of the CeCILL license as
|
||||
// circulated by CEA, CNRS and INRIA at the following URL
|
||||
// "http://www.cecill.info".
|
||||
//
|
||||
// As a counterpart to the access to the source code and rights to copy, modify
|
||||
// and redistribute granted by the license, users are provided only with a
|
||||
// limited warranty and the software's author, the holder of the economic
|
||||
// rights, and the successive licensors have only limited liability.
|
||||
//
|
||||
// In this respect, the user's attention is drawn to the risks associated with
|
||||
// loading, using, modifying and/or developing or reproducing the software by
|
||||
// the user in light of its specific status of free software, that may mean
|
||||
// that it is complicated to manipulate, and that also therefore means that it
|
||||
// is reserved for developers and experienced professionals having in-depth
|
||||
// computer knowledge. Users are therefore encouraged to load and test the
|
||||
// software's suitability as regards their requirements in conditions enabling
|
||||
// the security of their systems and/or data to be ensured and, more generally,
|
||||
// to use and operate it in the same conditions as regards security.
|
||||
//
|
||||
// The fact that you are presently reading this means that you have had
|
||||
// knowledge of the CeCILL license and that you accept its terms.
|
||||
|
||||
import AddDomainToSource from '@/mixins/addDomainToSource'
|
||||
import ValidateDomain from '@/mixins/validateDomain'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
hListGroupInput: () => import('@/components/hListGroupInput')
|
||||
},
|
||||
|
||||
mixins: [AddDomainToSource, ValidateDomain],
|
||||
|
||||
data () {
|
||||
return {
|
||||
newDomain: '',
|
||||
newDomainState: null
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
validateNewDomain () {
|
||||
this.newDomainState = this.validateDomain(this.newDomain)
|
||||
return this.newDomainState
|
||||
},
|
||||
|
||||
submitNewDomain () {
|
||||
if (this.validateNewDomain()) {
|
||||
if (this.mySource) {
|
||||
this.addDomainToSource(this.mySource, this.newDomain)
|
||||
} else {
|
||||
this.$router.push('/domains/' + encodeURIComponent(this.newDomain) + '/new')
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -39,6 +39,7 @@
|
|||
<b-row>
|
||||
<b-col offset-md="2" md="8">
|
||||
<zone-list ref="zlist" @noDomain="firstTimeAct" />
|
||||
<h-list-group-input-new-domain v-if="$refs.zlist && !$refs.zlist.isLoading" autofocus class="mt-2" />
|
||||
</b-col>
|
||||
</b-row>
|
||||
</b-container>
|
||||
|
@ -47,6 +48,7 @@
|
|||
<script>
|
||||
export default {
|
||||
components: {
|
||||
hListGroupInputNewDomain: () => import('@/components/hListGroupInputNewDomain'),
|
||||
ZoneList: () => import('@/components/ZoneList')
|
||||
},
|
||||
methods: {
|
||||
|
|
|
@ -60,17 +60,18 @@
|
|||
{{ $t('errors.domain-list') }}
|
||||
</b-list-group-item>
|
||||
</b-list-group>
|
||||
<h-list-group-input v-if="noDomainsList" v-model="newDomain" autofocus class="mt-2" placeholder="my.new.domain." :state="newDomainState" input-class="text-monospace" @submit="submitNewDomain" @update="validateNewDomain" />
|
||||
<h-list-group-input-new-domain v-if="noDomainsList" autofocus class="mt-2" />
|
||||
</b-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axios from 'axios'
|
||||
import ListGroupInputNewDomain from '@/mixins/listGroupInputNewDomain'
|
||||
|
||||
export default {
|
||||
|
||||
mixins: [ListGroupInputNewDomain],
|
||||
components: {
|
||||
hListGroupInputNewDomain: () => import('@/components/hListGroupInputNewDomain')
|
||||
},
|
||||
|
||||
props: {
|
||||
parentLoading: {
|
||||
|
|
Loading…
Reference in New Issue
Block a user