{$layout}
{$template "../menu_domain"}

<div class="config-section">
	<div class="section-title">{{t('ns_domains_domain_index@域名基本信息')}}</div>
    <div class="config-item">
        <div class="item-label">{{t('ns_domains_domain_index@域名')}}</div>
        <div class="item-content">{{domain.name}}</div>
    </div>
    <div class="config-item">
        <div class="item-label">{{t('ns_domains_domain_index@状态')}}</div>
        <div class="item-content">
            <span v-if="!domain.isOn" class="red">{{t('ns_domains_domain_index@已停用')}}</span>
            <span v-if="domain.isOn" :class="{green:domain.status == 'verified', red:domain.status == 'rejected' || domain.status == 'forbidden'}">{{domain.statusName}}</span>
            &nbsp; &nbsp; <a href="" @click.prevent="updateDomainStatus(domain.id)" v-if="domain.isOn"><span class="small">{{t('ns_domains_domain_index@修改状态')}}</span></a>
        </div>
    </div>
    <div class="config-item">
        <div class="item-label">{{t('ns_domains_domain_index@所属集群')}}</div>
        <div class="item-content">
            {{domain.cluster.name}}<link-icon :href="'/ns/clusters/cluster?clusterId=' + domain.cluster.id"></link-icon>
        </div>
    </div>
    <div class="config-item">
        <div class="item-label">{{t('ns_domains_domain_index@所属用户')}}</div>
        <div class="item-content">
            <span v-if="domain.user != null">
                {{domain.user.fullname}} ({{domain.user.username}})
            </span>
            <span v-else class="disabled">{{t('ns_domains_domain_index@暂无指定用户')}}</span>
        </div>
    </div>
    <div class="config-item">
        <div class="item-label">{{t('ns_domains_domain_index@所属分组')}}</div>
        <div class="item-content">
           <div v-if="domain.groups.length > 0">
                <a :href="'/ns/domains?userId=' + group.userId + '&groupId=' + group.id" class="ui label small basic" v-for="group in domain.groups" style="margin-right: 5px; margin-bottom: 5px;">{{group.name}}</a>
           </div>
            <span v-else class="disabled">{{t('ns_domains_domain_index@暂无分组')}}</span>
        </div>
    </div>
</div>