Differential D2906 Diff 8330 src/resources/vue/Domain/Info.vue

Changeset View

Standalone View

src/resources/vue/Domain/Info.vue

<template>		<template>
<div class="container">		<div class="container">
<status-component v-if="domain_id !== 'new'" :status="status" @status-update="statusUpdate"></status-component>		<status-component v-if="domain_id !== 'new'" :status="status" @status-update="statusUpdate"></status-component>

<div class="card">		<div class="card">
<div class="card-body">		<div class="card-body">
<div class="card-title" v-if="domain_id === 'new'">{{ $t('domain.new') }}</div>		<div class="card-title" v-if="domain_id === 'new'">{{ $t('domain.new') }}</div>
<div class="card-title" v-else>{{ $t('form.domain') }}</div>		<div class="card-title" v-else>{{ $t('form.domain') }}
		<button
		class="btn btn-outline-danger button-delete float-end"
		@click="showDeleteConfirmation()" type="button"
		>
		<svg-icon icon="trash-alt"></svg-icon> {{ $t('domain.delete') }}
		</button>
		</div>
<div class="card-text">		<div class="card-text">
<ul class="nav nav-tabs mt-3" role="tablist">		<ul class="nav nav-tabs mt-3" role="tablist">
<li class="nav-item">		<li class="nav-item">
<a class="nav-link active" id="tab-general" href="#general" role="tab" aria-controls="general" aria-selected="true" @click="$root.tab">		<a class="nav-link active" id="tab-general" href="#general" role="tab" aria-controls="general" aria-selected="true" @click="$root.tab">
{{ $t('form.general') }}		{{ $t('form.general') }}
</a>		</a>
</li>		</li>
<li class="nav-item" v-if="domain.id">		<li class="nav-item" v-if="domain.id">
▲ Show 20 Lines • Show All 71 Lines • ▼ Show 20 Lines	<div class="container">
<button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> Submit</button>		<button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> Submit</button>
</form>		</form>
</div>		</div>
</div>		</div>
</div>		</div>
</div>		</div>
</div>		</div>
</div>		</div>
		<div id="delete-warning" class="modal" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
		<div class="modal-content">
		<div class="modal-header">
		<h5 class="modal-title">{{ $t('domain.delete-domain', { domain: domain.namespace }) }}</h5>
		<button type="button" class="btn-close" data-bs-dismiss="modal" :aria-label="$t('btn.close')"></button>
		</div>
		<div class="modal-body">
		<p>{{ $t('domain.delete-text') }}</p>
		</div>
		<div class="modal-footer">
		<button type="button" class="btn btn-secondary modal-cancel" data-bs-dismiss="modal">{{ $t('btn.cancel') }}</button>
		<button type="button" class="btn btn-danger modal-action" @click="deleteDomain()">
		<svg-icon icon="trash-alt"></svg-icon> {{ $t('btn.delete') }}
		</button>
		</div>
		</div>
		</div>
		</div>
</div>		</div>
</template>		</template>

<script>		<script>
		import { Modal } from 'bootstrap'
import ListInput from '../Widgets/ListInput'		import ListInput from '../Widgets/ListInput'
import PackageSelect from '../Widgets/PackageSelect'		import PackageSelect from '../Widgets/PackageSelect'
import StatusComponent from '../Widgets/Status'		import StatusComponent from '../Widgets/Status'
import SubscriptionSelect from '../Widgets/SubscriptionSelect'		import SubscriptionSelect from '../Widgets/SubscriptionSelect'

export default {		export default {
components: {		components: {
ListInput,		ListInput,
Show All 27 Lines	export default {

this.status = response.data.statusInfo		this.status = response.data.statusInfo
})		})
.catch(this.$root.errorHandler)		.catch(this.$root.errorHandler)
}		}
},		},
mounted() {		mounted() {
$('#namespace').focus()		$('#namespace').focus()
		$('#delete-warning')[0].addEventListener('shown.bs.modal', event => {
		$(event.target).find('button.modal-cancel').focus()
		})
},		},
methods: {		methods: {
confirm() {		confirm() {
axios.get('/api/v4/domains/' + this.domain_id + '/confirm')		axios.get('/api/v4/domains/' + this.domain_id + '/confirm')
.then(response => {		.then(response => {
if (response.data.status == 'success') {		if (response.data.status == 'success') {
this.domain.isConfirmed = true		this.domain.isConfirmed = true
this.status = response.data.statusInfo		this.status = response.data.statusInfo
}		}

if (response.data.message) {		if (response.data.message) {
this.$toast[response.data.status](response.data.message)		this.$toast[response.data.status](response.data.message)
}		}
})		})
},		},
		deleteDomain() {
		// Delete the domain from the confirm dialog
		axios.delete('/api/v4/domains/' + this.domain_id)
		.then(response => {
		if (response.data.status == 'success') {
		this.$toast.success(response.data.message)
		this.$router.push({ name: 'domains' })
		}
		})
		},
		showDeleteConfirmation() {
		// Display the warning
		new Modal('#delete-warning').show()
		},
statusUpdate(domain) {		statusUpdate(domain) {
this.domain = Object.assign({}, this.domain, domain)		this.domain = Object.assign({}, this.domain, domain)
},		},
submit() {		submit() {
this.$root.clearFormValidation($('#general form'))		this.$root.clearFormValidation($('#general form'))

let method = 'post'		let method = 'post'
let location = '/api/v4/domains'		let location = '/api/v4/domains'
Show All 22 Lines