Changeset View
Changeset View
Standalone 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 class="card-title" v-else>{{ $t('form.domain') }} | ||||
<btn class="btn-outline-danger button-delete float-end" @click="showDeleteConfirmation()" icon="trash-alt">{{ $t('domain.delete') }}</btn> | <btn class="btn-outline-danger button-delete float-end" @click="showDeleteConfirmation()" icon="trash-can">{{ $t('domain.delete') }}</btn> | ||||
</div> | </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> | ||||
Show All 37 Lines | <div class="container"> | ||||
<span v-html="$t('domain.verify-dns')"></span> | <span v-html="$t('domain.verify-dns')"></span> | ||||
<ul> | <ul> | ||||
<li>{{ $t('domain.verify-dns-txt') }} <code>{{ domain.hash_text }}</code></li> | <li>{{ $t('domain.verify-dns-txt') }} <code>{{ domain.hash_text }}</code></li> | ||||
<li>{{ $t('domain.verify-dns-cname') }} <code>{{ domain.hash_cname }}.{{ domain.namespace }}. IN CNAME {{ domain.hash_code }}.{{ domain.namespace }}.</code></li> | <li>{{ $t('domain.verify-dns-cname') }} <code>{{ domain.hash_cname }}.{{ domain.namespace }}. IN CNAME {{ domain.hash_code }}.{{ domain.namespace }}.</code></li> | ||||
</ul> | </ul> | ||||
<span>{{ $t('domain.verify-outro') }}</span> | <span>{{ $t('domain.verify-outro') }}</span> | ||||
</p> | </p> | ||||
<p>{{ $t('domain.verify-sample') }} <pre>{{ domain.dns.join("\n") }}</pre></p> | <p>{{ $t('domain.verify-sample') }} <pre>{{ domain.dns.join("\n") }}</pre></p> | ||||
<btn class="btn-primary" @click="confirm" icon="sync-alt">{{ $t('btn.verify') }}</btn> | <btn class="btn-primary" @click="confirm" icon="rotate">{{ $t('btn.verify') }}</btn> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div v-if="domain.isConfirmed" class="card-body" id="domain-config"> | <div v-if="domain.isConfirmed" class="card-body" id="domain-config"> | ||||
<h5 class="mb-3">{{ $t('domain.config') }}</h5> | <h5 class="mb-3">{{ $t('domain.config') }}</h5> | ||||
<div class="card-text"> | <div class="card-text"> | ||||
<p>{{ $t('domain.config-intro', { app: $root.appName }) }}</p> | <p>{{ $t('domain.config-intro', { app: $root.appName }) }}</p> | ||||
<p>{{ $t('domain.config-sample') }} <pre>{{ domain.mx.join("\n") }}</pre></p> | <p>{{ $t('domain.config-sample') }} <pre>{{ domain.mx.join("\n") }}</pre></p> | ||||
<p>{{ $t('domain.config-hint') }}</p> | <p>{{ $t('domain.config-hint') }}</p> | ||||
Show All 28 Lines | <div class="container"> | ||||
<h5 class="modal-title">{{ $t('domain.delete-domain', { domain: domain.namespace }) }}</h5> | <h5 class="modal-title">{{ $t('domain.delete-domain', { domain: domain.namespace }) }}</h5> | ||||
<btn class="btn-close" data-bs-dismiss="modal" :aria-label="$t('btn.close')"></btn> | <btn class="btn-close" data-bs-dismiss="modal" :aria-label="$t('btn.close')"></btn> | ||||
</div> | </div> | ||||
<div class="modal-body"> | <div class="modal-body"> | ||||
<p>{{ $t('domain.delete-text') }}</p> | <p>{{ $t('domain.delete-text') }}</p> | ||||
</div> | </div> | ||||
<div class="modal-footer"> | <div class="modal-footer"> | ||||
<btn class="btn-secondary modal-cancel" data-bs-dismiss="modal">{{ $t('btn.cancel') }}</btn> | <btn class="btn-secondary modal-cancel" data-bs-dismiss="modal">{{ $t('btn.cancel') }}</btn> | ||||
<btn class="btn-danger modal-action" @click="deleteDomain()" icon="trash-alt">{{ $t('btn.delete') }}</btn> | <btn class="btn-danger modal-action" @click="deleteDomain()" icon="trash-can">{{ $t('btn.delete') }}</btn> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import { Modal } from 'bootstrap' | 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' | ||||
import { library } from '@fortawesome/fontawesome-svg-core' | |||||
library.add( | |||||
require('@fortawesome/free-solid-svg-icons/faRotate').definition, | |||||
) | |||||
export default { | export default { | ||||
components: { | components: { | ||||
ListInput, | ListInput, | ||||
PackageSelect, | PackageSelect, | ||||
StatusComponent, | StatusComponent, | ||||
SubscriptionSelect | SubscriptionSelect | ||||
}, | }, | ||||
data() { | data() { | ||||
▲ Show 20 Lines • Show All 91 Lines • Show Last 20 Lines |