{$layout}
{$template "/first-menu"}

<div class="margin"></div>

<form class="ui form" method="get" action="/servers/certs/ocsp">
    <div class="ui fields inline">
        <div class="ui field">
            <input type="text" :placeholder="t('ocsp_index@关键词Placeholder')" style="width: 10em" name="keyword" v-model="keyword" />
        </div>
        <div class="ui field">
            <button class="ui button small">{{t('certs_index@搜索')}}</button>
            &nbsp; <a href="/servers/certs/ocsp" v-if="keyword.length > 0">[{{t('certs_index@清除条件')}}]</a>
        </div>
    </div>
</form>
<div class="margin"></div>

<form class="ui form" v-if="certs.length > 0">
    <div class="ui divider"></div>
    <div class="ui fields inline">
        <div class="ui field" v-if="certIds.length == 0" @click.prevent="resetAllCerts">
            <button class="ui button small basic">{{t('ocsp_index@重试所有证书')}}</button>
        </div>
        <div class="ui field" v-if="certIds.length > 0">
            <button class="ui button small basic" @click.prevent="resetCerts">{{t('ocsp_index@重试选中证书')}}</button>
        </div>
        <div class="ui field" v-if="certIds.length > 0">
            <button class="ui button small basic" @click.prevent="ignoreCerts">{{t('ocsp_index@忽略选中证书')}}</button>
        </div>
    </div>
</form>

<b-empty v-if="certs.length == 0">{{t('ocsp_index@暂无OCSP日志')}}</b-empty>

<b-table
    v-if="certs.length > 0"
    :columns="columns"
    :data-source="certs"
    row-key="id"
    :bordered="false"
    size="middle"
    :pagination="false"
    :loading="false"
    :row-selection="rowSelection"
    :scroll="{ x: 1200 }">
    
    <!-- 证书说明列 -->
    <template slot="name" slot-scope="{ text, record }">
        <keyword :v-word="keyword">{{record.name}}</keyword>
        <div v-if="record.isCA" style="margin-top:0.5em">
            <micro-basic-label class="olive">{{t('ocsp_index@CA')}}</micro-basic-label>
        </div>
        <div v-if="record.isACME" style="margin-top: 0.5em">
            <micro-basic-label class="olive" :title="t('certs_index@ACME提示')">{{t('ocsp_index@ACME')}}</micro-basic-label>
        </div>
    </template>
    
    <!-- 顶级发行组织列 -->
    <template slot="organization" slot-scope="{ text, record }">
        <span v-if="record.commonNames != null && record.commonNames.length > 0">{{record.commonNames[record.commonNames.length-1]}}</span>
        <span v-else class="disabled">-</span>
    </template>
    
    <!-- 域名列 -->
    <template slot="dnsNames" slot-scope="{ text, record }">
        <div v-for="dnsName in record.dnsNames" style="margin-bottom:0.4em">
            <span class="ui label tiny basic">
                <keyword :v-word="keyword">{{dnsName}}</keyword>
            </span>
        </div>
    </template>
    
    <!-- 更新错误信息列 -->
    <template slot="ocspError" slot-scope="{ text, record }">
        <span class="red">{{record.ocspError}}</span>
    </template>
    
    <!-- 状态列 -->
    <template slot="status" slot-scope="{ text, record }">
        <span class="ui label red tiny basic" v-if="!record.isOn">{{t('certs_index@未启用')}}</span>
        <span class="ui label red tiny basic" v-else-if="record.isExpired">{{t('certs_index@已过期')}}</span>
        <span class="ui label green tiny basic" v-else>{{t('certs_index@有效中')}}</span>
    </template>
    
    <!-- 操作列 -->
    <template slot="actions" slot-scope="{ text, record }">
        <a href="" @click.prevent="viewCert(record.id)">{{t('certs_index@详情')}}</a> &nbsp;
    </template>
</b-table>

<div class="page" v-html="filterPageContent(page)"></div>