Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Admin/Domain.vue
<template> | <template> | ||||
<div v-if="domain" class="container"> | <div v-if="domain" class="container"> | ||||
<div class="card" id="domain-info"> | <div class="card" id="domain-info"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<div class="card-title">{{ domain.namespace }}</div> | <div class="card-title">{{ domain.namespace }}</div> | ||||
<div class="card-text"> | <div class="card-text"> | ||||
<form class="read-only short"> | <form class="read-only short"> | ||||
<div class="form-group row"> | <div class="form-group row"> | ||||
<label for="domainid" class="col-sm-4 col-form-label">ID <span class="text-muted">(Created at)</span></label> | <label for="domainid" class="col-sm-4 col-form-label"> | ||||
{{ $t('form.id') }} <span class="text-muted">({{ $t('form.created') }})</span> | |||||
</label> | |||||
<div class="col-sm-8"> | <div class="col-sm-8"> | ||||
<span class="form-control-plaintext" id="domainid"> | <span class="form-control-plaintext" id="domainid"> | ||||
{{ domain.id }} <span class="text-muted">({{ domain.created_at }})</span> | {{ domain.id }} <span class="text-muted">({{ domain.created_at }})</span> | ||||
</span> | </span> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="form-group row"> | <div class="form-group row"> | ||||
<label for="first_name" class="col-sm-4 col-form-label">Status</label> | <label for="first_name" class="col-sm-4 col-form-label">{{ $t('form.status') }}</label> | ||||
<div class="col-sm-8"> | <div class="col-sm-8"> | ||||
<span class="form-control-plaintext" id="status"> | <span class="form-control-plaintext" id="status"> | ||||
<span :class="$root.domainStatusClass(domain)">{{ $root.domainStatusText(domain) }}</span> | <span :class="$root.domainStatusClass(domain)">{{ $root.domainStatusText(domain) }}</span> | ||||
</span> | </span> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</form> | </form> | ||||
<div class="mt-2"> | <div class="mt-2"> | ||||
<button v-if="!domain.isSuspended" id="button-suspend" class="btn btn-warning" type="button" @click="suspendDomain">Suspend</button> | <button v-if="!domain.isSuspended" id="button-suspend" class="btn btn-warning" type="button" @click="suspendDomain"> | ||||
<button v-if="domain.isSuspended" id="button-unsuspend" class="btn btn-warning" type="button" @click="unsuspendDomain">Unsuspend</button> | {{ $t('btn.suspend') }} | ||||
</button> | |||||
<button v-if="domain.isSuspended" id="button-unsuspend" class="btn btn-warning" type="button" @click="unsuspendDomain"> | |||||
{{ $t('btn.unsuspend') }} | |||||
</button> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<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-config" href="#domain-config" role="tab" aria-controls="domain-config" aria-selected="true"> | <a class="nav-link active" id="tab-config" href="#domain-config" role="tab" aria-controls="domain-config" aria-selected="true"> | ||||
Configuration | {{ $t('form.config') }} | ||||
</a> | </a> | ||||
</li> | </li> | ||||
</ul> | </ul> | ||||
<div class="tab-content"> | <div class="tab-content"> | ||||
<div class="tab-pane show active" id="domain-config" role="tabpanel" aria-labelledby="tab-config"> | <div class="tab-pane show active" id="domain-config" role="tabpanel" aria-labelledby="tab-config"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<div class="card-text"> | <div class="card-text"> | ||||
<p>Domain DNS verification sample:</p> | <p>{{ $t('domain.dns-verify') }}</p> | ||||
<p><pre id="dns-verify">{{ domain.dns.join("\n") }}</pre></p> | <p><pre id="dns-verify">{{ domain.dns.join("\n") }}</pre></p> | ||||
<p>Domain DNS configuration sample:</p> | <p>{{ $t('domain.dns-config') }}</p> | ||||
<p><pre id="dns-config">{{ domain.config.join("\n") }}</pre></p> | <p><pre id="dns-config">{{ domain.config.join("\n") }}</pre></p> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
Show All 38 Lines |