alx/procat2
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

CatalogList: update for vuetify 2 data table

Browse Source
This commit is contained in:
Seth Ladygo
2019-10-01 15:45:50 -07:00
parent 5bcc033809
commit 47261e0816
1 changed files with 38 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
cateditor/src/components/CatalogList.vue
View File

@ -18,6 +18,7 @@
<v-tab key="mine">My Catalogs</v-tab> <v-tab key="mine">My Catalogs</v-tab>
<v-tab key="public">Public Catalogs</v-tab> <v-tab key="public">Public Catalogs</v-tab>
<!-- my catalogs -->
<v-tab-item key="mine"> <v-tab-item key="mine">
<v-card text> <v-card text>
@ -35,29 +36,27 @@
<v-data-table <v-data-table
:headers="myHeaders" :headers="myHeaders"
:items="myCatalogs" :items="myCatalogs"
:items-per-page="15"
:search="search" :search="search"
:loading="loadingMyCatalogs" :loading="loadingMyCatalogs"
disable-initial-sort @click:row="selectCatalog"
class="scroll-area" class="scroll-area"
> >
<template v-slot:items="cats"> <template v-slot:item.master="{ item }">
<tr @click="selectCatalog(cats.item.id)"> <v-tooltip top v-if="item.master">
<td v-if="cats.item.master" class="px-2 py-0">
<v-tooltip top>
<template v-slot:activator="{ on }"> <template v-slot:activator="{ on }">
<v-icon small color="red" v-on="on">stars</v-icon> <v-icon small color="red" v-on="on">stars</v-icon>
</template> </template>
<span>Season master</span> <span>Season master</span>
</v-tooltip> </v-tooltip>
</td> </template>
<td v-else class="pa-0"></td>
<td class="px-2 py-0">{{ cats.item.seasonCode }}</td> <template v-slot:item.updated="{ item }">
<td class="px-2 py-0">{{ cats.item.name }}</td> {{ item.updatedPretty }}
<td class="px-2 py-0">{{ cats.item.updatedPretty }}</td> </template>
<td class="px-2 py-0">
<PDFProgress :percentDone="cats.item.build_progress" /> <template v-slot:item.build_progress="{ item }">
</td> <PDFProgress :percentDone="item.build_progress" />
</tr>
</template> </template>
<template v-slot:no-results> <template v-slot:no-results>
@ -72,6 +71,7 @@
</v-card> </v-card>
</v-tab-item> </v-tab-item>
<!-- public catalogs -->
<v-tab-item key="public"> <v-tab-item key="public">
<v-card text> <v-card text>
@ -89,30 +89,27 @@
<v-data-table <v-data-table
:headers="pubHeaders" :headers="pubHeaders"
:items="publicCatalogs" :items="publicCatalogs"
:items-per-page="15"
:search="search" :search="search"
:loading="loadingPublicCatalogs" :loading="loadingPublicCatalogs"
disable-initial-sort @click:row="selectCatalog"
class="scroll-area" class="scroll-area"
> >
<template v-slot:items="cats"> <template v-slot:item.master="{ item }">
<tr @click="selectCatalog(cats.item.id)"> <v-tooltip top v-if="item.master">
<td v-if="cats.item.master" class="px-2 py-0">
<v-tooltip top>
<template v-slot:activator="{ on }"> <template v-slot:activator="{ on }">
<v-icon small color="red" v-on="on">stars</v-icon> <v-icon small color="red" v-on="on">stars</v-icon>
</template> </template>
<span>Season master</span> <span>Season master</span>
</v-tooltip> </v-tooltip>
</td> </template>
<td v-else class="pa-0"></td>
<td class="px-2 py-0">{{ cats.item.seasonCode }}</td> <template v-slot:item.updated="{ item }">
<td class="px-2 py-0">{{ cats.item.ownerName }}</td> {{ item.updatedPretty }}
<td class="px-2 py-0">{{ cats.item.name }}</td> </template>
<td class="px-2 py-0">{{ cats.item.updatedPretty }}</td>
<td class="px-2 py-0"> <template v-slot:item.build_progress="{ item }">
<PDFProgress :percentDone="cats.item.build_progress" /> <PDFProgress :percentDone="item.build_progress" />
</td>
</tr>
</template> </template>
<template v-slot:no-results> <template v-slot:no-results>
@ -316,8 +313,8 @@ export default {
'loadMyCatalogs', 'loadMyCatalogs',
'loadPublicCatalogs', 'loadPublicCatalogs',
]), ]),
selectCatalog(id) { selectCatalog(cat) {
this.setSelectedCatalog(id) this.setSelectedCatalog(cat.id)
}, },
}, },
mounted: function() { mounted: function() {