{$layout}

<first-menu>
    <menu-item href="/clusters/grants">{{t('grants_scripts_index@认证列表')}}</menu-item>
    <span class="item disabled" style="padding: 0">&raquo;</span>
    <menu-item href="/clusters/grants/scripts">{{t('grants_scripts_index@节点初始化脚本库')}}</menu-item>
    <span class="item disabled" style="padding: 0">&raquo;</span>
    <menu-item @click.prevent="createScript">
        <i class="pi pi-pen-to-square"></i>
        {{t('grants_scripts_index@创建节点初始化脚本')}}
    </menu-item>
    <span class="item"><tip-icon :content="t('grants_scripts_index@此处添加的节点初始化脚本可以在安装节点时使用')"></tip-icon></span>
</first-menu>

<b-empty v-if="scripts.length == 0">{{t('grants_scripts_index@暂时还没有脚本')}}</b-empty>
<div v-if="scripts.length > 0">
    <div class="margin"></div>
    <b-table
        :columns="columns"
        :data-source="scripts"
        :row-key="'id'"
        :bordered="false"
        :pagination="false"
        size="middle"
    >
        <template slot="nameSlot" slot-scope="{ text, record }">
            <a :href="'/clusters/grants/scripts/script?scriptId=' + record.id">{{record.name}}</a>
            <span v-if="record.isChanged" title="已修改">*</span>
        </template>
        
        <template slot="updatedTimeSlot" slot-scope="{ text, record }">
            {{record.updatedTime}}
        </template>
        
        <template slot="actionSlot" slot-scope="{ text, record }">
            <a :href="'/clusters/grants/scripts/script?scriptId=' + record.id">{{t('grants_scripts_index@详情')}}</a> &nbsp;
            <a href="" @click.prevent="deleteScript(record.id)">{{t('grants_scripts_index@删除')}}</a>
        </template>
    </b-table>
</div>

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