diff options
| author | Zephyrrus <[email protected]> | 2020-11-12 23:07:16 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-11-12 23:07:16 +0200 |
| commit | d6813fa9125ca16dfa969f28649d696703a9a94b (patch) | |
| tree | e67ca699428d78593b48c6518fa6ed064b6bd60b /src/site/components/grid | |
| parent | Merge pull request #3 from Zephyrrus/feature/custom_album_urls (diff) | |
| parent | chore: update package.json (diff) | |
| download | host.fuwn.me-d6813fa9125ca16dfa969f28649d696703a9a94b.tar.xz host.fuwn.me-d6813fa9125ca16dfa969f28649d696703a9a94b.zip | |
Merge pull request #4 from Zephyrrus/chore/update_buefy
Update buefy
Diffstat (limited to 'src/site/components/grid')
| -rw-r--r-- | src/site/components/grid/Grid.vue | 77 |
1 files changed, 37 insertions, 40 deletions
diff --git a/src/site/components/grid/Grid.vue b/src/site/components/grid/Grid.vue index 7170709..1fa3167 100644 --- a/src/site/components/grid/Grid.vue +++ b/src/site/components/grid/Grid.vue @@ -92,48 +92,45 @@ </template> <div v-else> <b-table :data="gridFiles || []" :mobile-cards="true"> - <template slot-scope="props"> - <template v-if="!props.row.hideFromList"> - <b-table-column field="url" label="URL"> - <a :href="props.row.url" target="_blank">{{ props.row.url }}</a> - </b-table-column> - - <b-table-column field="albums" label="Albums" centered> - <template v-for="(album, index) in props.row.albums"> - <nuxt-link :key="index" :to="`/dashboard/albums/${album.id}`"> - {{ album.name }} - </nuxt-link> - <template v-if="index < props.row.albums.length - 1"> - , - </template> - </template> + <b-table-column v-slot="props" field="url" label="URL"> + <a :href="props.row.url" target="_blank">{{ props.row.url }}</a> + </b-table-column> + + <b-table-column v-slot="props" field="albums" label="Albums" centered> + <template v-for="(album, index) in props.row.albums"> + <nuxt-link :key="index" :to="`/dashboard/albums/${album.id}`"> + {{ album.name }} + </nuxt-link> + <template v-if="index < props.row.albums.length - 1"> + , + </template> + </template> - {{ props.row.username }} - </b-table-column> + {{ props.row.username }} + </b-table-column> - <b-table-column field="uploaded" label="Uploaded" centered> - <span><timeago :since="props.row.createdAt" /></span> - </b-table-column> + <b-table-column v-slot="props" field="uploaded" label="Uploaded" centered> + <span><timeago :since="props.row.createdAt" /></span> + </b-table-column> + + <b-table-column v-slot="props" field="purge" centered> + <b-tooltip label="Edit" position="is-top"> + <a class="btn" @click="handleFileModal(props.row)"> + <i class="mdi mdi-pencil" /> + </a> + </b-tooltip> + <b-tooltip label="Delete" position="is-top" class="is-danger"> + <a class="is-danger" @click="deleteFile(props.row)"> + <i class="mdi mdi-delete" /> + </a> + </b-tooltip> + <b-tooltip v-if="user && user.isAdmin" label="More info" position="is-top" class="more"> + <nuxt-link :to="`/dashboard/admin/file/${props.row.id}`"> + <i class="mdi mdi-dots-horizontal" /> + </nuxt-link> + </b-tooltip> + </b-table-column> - <b-table-column field="purge" centered> - <b-tooltip label="Edit" position="is-top"> - <a class="btn" @click="handleFileModal(props.row)"> - <i class="mdi mdi-pencil" /> - </a> - </b-tooltip> - <b-tooltip label="Delete" position="is-top" class="is-danger"> - <a class="is-danger" @click="deleteFile(props.row)"> - <i class="mdi mdi-delete" /> - </a> - </b-tooltip> - <b-tooltip v-if="user && user.isAdmin" label="More info" position="is-top" class="more"> - <nuxt-link :to="`/dashboard/admin/file/${props.row.id}`"> - <i class="mdi mdi-dots-horizontal" /> - </nuxt-link> - </b-tooltip> - </b-table-column> - </template> - </template> <template slot="empty"> <div class="has-text-centered"> <i class="icon-misc-mood-sad" /> @@ -226,7 +223,7 @@ export default { return require('@/assets/images/blank.png'); }, gridFiles() { - return this.files; + return (this.files || []).filter((v) => !v.hideFromList); }, }, created() { |