birbnetes/birbcontrol
birbnetes
/
birbcontrol
4
0
Fork 0
Code Pull Requests Releases Activity

Added table busy animation

This commit is contained in:
Pünkösd Marcell 2021-08-09 17:45:45 +02:00
parent ab4d8492bc
commit 8a149201a5
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/Models.vue
View File

@ -3,12 +3,19 @@
<b-col> <b-col>
<b-table striped hover :items="models" :fields="fields" :tbody-tr-class="rowClass" :busy="actionPending"> <b-table striped hover :items="models" :fields="fields" :tbody-tr-class="rowClass" :busy="actionPending">
<!-- A virtual composite column --> <!-- A virtual column -->
<template #cell(actions)="data"> <template #cell(actions)="data">
<b-button class="mx-1" size="sm" variant="primary" @click="actionInfo(data.id)"><b-icon icon="info"/></b-button> <b-button class="mx-1" size="sm" variant="primary" @click="actionInfo(data.id)"><b-icon icon="info"/></b-button>
<b-button class="mx-1" size="sm" variant="danger" @click="actionDelete(data.id)"><b-icon icon="trash"/></b-button> <b-button class="mx-1" size="sm" variant="danger" @click="actionDelete(data.id)"><b-icon icon="trash"/></b-button>
</template> </template>
<template #table-busy>
<div class="text-center my-2">
<b-spinner class="align-middle mx-2"/>
<strong>Loading...</strong>
</div>
</template>
</b-table> </b-table>
</b-col> </b-col>
</b-row> </b-row>