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

<b-empty v-if="!isLoading && libraries.length == 0">{{t('暂时还没有已完成的IP库。')}}</b-empty>

<p class="ui message" v-if="isGenerating">{{t('正在生成IP库文件，请耐心等待')}}</p>

<div class="table-box">
    <b-table
        v-if="libraries.length > 0"
        :columns="columns"
        :data-source="libraries"
        :row-key="'id'"
        size="middle"
        :pagination="false"
        :loading="isLoading" 
        class="celled-table"
    >
        <!-- 生成时间 -->
        <template slot="timeSlot" slot-scope="{ text, record }">
            <span v-if="record.generatedFileId > 0">{{record.generatedTime}}
                &nbsp; <a :href="'/settings/ip-library/library/download?libraryFileId=' + record.id" :title="t('下载')"><i class="icon download small"></i></a>
            </span>
            <span v-else class="disabled">{{t('尚未生成')}}</span>
        </template>
        
        <!-- 操作 -->
        <template slot="actionSlot" slot-scope="{ text, record }">
            <a-button type="link" @click.prevent="generateLibrary(record.id)" :disabled="isGenerating">
                 <i class="pi pi-sync" style="font-size: 12px; padding: 4px;"></i> {{t('重新生成')}}
            </a-button>
            <a-button type="link" :href="'/settings/ip-library/libraries/create?libraryFileId=' + record.id" :disabled="isGenerating">
                 <i class="pi pi-pen-to-square" style="font-size: 12px; padding: 4px;"></i> {{t('修改')}}
            </a-button>
             <a-button type="link" @click.prevent="deleteLibrary(record.id)" :disabled="isGenerating">
                 <i class="pi pi-trash" style="font-size: 12px; padding: 4px;"></i> {{t('删除')}}
             </a-button>
        </template>
    </b-table>
</div>