{$layout}
{$template "menu"}

<b-empty v-if="artifacts.length == 0">{{t('暂时还没有IP库。')}}</b-empty>

<div class="table-box">
    <b-table
        v-if="artifacts.length > 0"
        :columns="columns"
        :data-source="artifacts"
        :row-key="'id'"
        size="middle"
        :pagination="false"
        class="celled-table"
    >
        <!-- IP库名称 -->
        <template slot="nameSlot" slot-scope="{ text, record }">
            {{record.name}}
            <div>
                <span class="small grey">{{record.createdTime}}</span>
            </div>
        </template>
        
        <!-- IP库类型 -->
        <template slot="typeSlot" slot-scope="{ text, record }">
            <span style="color: green;" v-if="record.type === 'ipLibraryArtifact'">{{t('默认IP库')}}</span>
            <span style="color: red;" v-else-if="record.type === 'customIpLibraryArtifact'">{{t('自定义IP库')}}</span>
            <span style="color: red;" v-else-if="record.type === 'riskIpArtifact'">{{t('风险IP库')}}</span>
            <span v-else>{{t('未知类型')}}</span>
        </template>
        
        <!-- 尺寸 -->
        <template slot="sizeSlot" slot-scope="{ text, record }">
            <span v-if="record.file != null && record.file.size > 0">{{teaweb.formatBytes(record.file.size)}}</span>
            <span v-else class="disabled">-</span>
        </template>
        
        <!-- 下载 -->
        <template slot="downloadSlot" slot-scope="{ text, record }">
            <a :href="'/settings/ip-library/download?artifactId=' + record.id" title="下载">
                <i class="icon download small"></i>
            </a>
        </template>
        
        <!-- 是否正在使用 -->
        <template slot="publicSlot" slot-scope="{ text, record }">
            <span v-if="record.isPublic" class="green">Y</span>
            <span v-else class="disabled">N</span>
        </template>
        
        <!-- 操作 -->
        <template slot="actionSlot" slot-scope="{ text, record }">
            <a-button type="link" v-if="!record.isPublic" @click.prevent="updateArtifactPublic(record.id, true, record.type)">
                <i class="pi pi-check" style="font-size: 12px; padding: 4px;"></i> {{t('使用')}}
            </a-button>
            <a-button type="link" v-else @click.prevent="updateArtifactPublic(record.id, false, record.type)">
                <i class="pi pi-times" style="font-size: 12px; padding: 4px;"></i> <span class="red">{{t('取消')}}</span>
            </a-button>
        
            <a-button type="link" v-if="!record.isPublic" @click.prevent="deleteArtifact(record.id, record.type)">
                <i class="pi pi-trash" style="font-size: 12px; padding: 4px;"></i> {{t('删除')}}
            </a-button>
            <a-button type="link" v-if="record.isPublic" disabled>
                <i class="pi pi-trash" style="font-size: 12px; padding: 4px;"></i> {{t('删除')}}
            </a-button>
        </template>
        
    </b-table>
</div>