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') }} | ||||
<button | <btn class="btn-outline-danger button-delete float-end" @click="showDeleteConfirmation()" icon="trash-alt">{{ $t('domain.delete') }}</btn> | ||||
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> | ||||
<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 21 Lines | <div class="container"> | ||||
<div v-if="!domain.id" id="domain-packages" class="row"> | <div v-if="!domain.id" id="domain-packages" class="row"> | ||||
<label class="col-sm-4 col-form-label">{{ $t('user.package') }}</label> | <label class="col-sm-4 col-form-label">{{ $t('user.package') }}</label> | ||||
<package-select class="col-sm-8 pt-sm-1" type="domain"></package-select> | <package-select class="col-sm-8 pt-sm-1" type="domain"></package-select> | ||||
</div> | </div> | ||||
<div v-if="domain.id" id="domain-skus" class="row"> | <div v-if="domain.id" id="domain-skus" class="row"> | ||||
<label class="col-sm-4 col-form-label">{{ $t('user.subscriptions') }}</label> | <label class="col-sm-4 col-form-label">{{ $t('user.subscriptions') }}</label> | ||||
<subscription-select v-if="domain.id" class="col-sm-8 pt-sm-1" type="domain" :object="domain" :readonly="true"></subscription-select> | <subscription-select v-if="domain.id" class="col-sm-8 pt-sm-1" type="domain" :object="domain" :readonly="true"></subscription-select> | ||||
</div> | </div> | ||||
<button v-if="!domain.id" class="btn btn-primary mt-3" type="submit"> | <btn v-if="!domain.id" class="btn-primary mt-3" type="submit" icon="check">{{ $t('btn.submit') }}</btn> | ||||
<svg-icon icon="check"></svg-icon> {{ $t('btn.submit') }} | |||||
</button> | |||||
</form> | </form> | ||||
<hr class="m-0" v-if="domain.id"> | <hr class="m-0" v-if="domain.id"> | ||||
<div v-if="domain.id && !domain.isConfirmed" class="card-body" id="domain-verify"> | <div v-if="domain.id && !domain.isConfirmed" class="card-body" id="domain-verify"> | ||||
<h5 class="mb-3">{{ $t('domain.verify') }}</h5> | <h5 class="mb-3">{{ $t('domain.verify') }}</h5> | ||||
<div class="card-text"> | <div class="card-text"> | ||||
<p>{{ $t('domain.verify-intro') }}</p> | <p>{{ $t('domain.verify-intro') }}</p> | ||||
<p> | <p> | ||||
<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> | ||||
<button class="btn btn-primary" type="button" @click="confirm"><svg-icon icon="sync-alt"></svg-icon> {{ $t('btn.verify') }}</button> | <btn class="btn-primary" @click="confirm" icon="sync-alt">{{ $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> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="tab-settings"> | <div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="tab-settings"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<form @submit.prevent="submitSettings"> | <form @submit.prevent="submitSettings"> | ||||
<div class="row mb-3"> | <div class="row mb-3"> | ||||
<label for="spf_whitelist" class="col-sm-4 col-form-label">{{ $t('domain.spf-whitelist') }}</label> | <label for="spf_whitelist" class="col-sm-4 col-form-label">{{ $t('domain.spf-whitelist') }}</label> | ||||
<div class="col-sm-8"> | <div class="col-sm-8"> | ||||
<list-input id="spf_whitelist" name="spf_whitelist" :list="spf_whitelist"></list-input> | <list-input id="spf_whitelist" name="spf_whitelist" :list="spf_whitelist"></list-input> | ||||
<small id="spf-hint" class="text-muted d-block mt-2"> | <small id="spf-hint" class="text-muted d-block mt-2"> | ||||
{{ $t('domain.spf-whitelist-text') }} | {{ $t('domain.spf-whitelist-text') }} | ||||
<span class="d-block" v-html="$t('domain.spf-whitelist-ex')"></span> | <span class="d-block" v-html="$t('domain.spf-whitelist-ex')"></span> | ||||
</small> | </small> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> Submit</button> | <btn class="btn-primary" type="submit" icon="check">{{ $t('form.submit') }}</btn> | ||||
</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 id="delete-warning" class="modal" tabindex="-1" role="dialog"> | ||||
<div class="modal-dialog" role="document"> | <div class="modal-dialog" role="document"> | ||||
<div class="modal-content"> | <div class="modal-content"> | ||||
<div class="modal-header"> | <div class="modal-header"> | ||||
<h5 class="modal-title">{{ $t('domain.delete-domain', { domain: domain.namespace }) }}</h5> | <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> | <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"> | ||||
<button type="button" class="btn btn-secondary modal-cancel" data-bs-dismiss="modal">{{ $t('btn.cancel') }}</button> | <btn class="btn-secondary modal-cancel" data-bs-dismiss="modal">{{ $t('btn.cancel') }}</btn> | ||||
<button type="button" class="btn btn-danger modal-action" @click="deleteDomain()"> | <btn class="btn-danger modal-action" @click="deleteDomain()" icon="trash-alt">{{ $t('btn.delete') }}</btn> | ||||
<svg-icon icon="trash-alt"></svg-icon> {{ $t('btn.delete') }} | |||||
</button> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
▲ Show 20 Lines • Show All 106 Lines • Show Last 20 Lines |