diff options
Diffstat (limited to 'src/site/components/album')
| -rw-r--r-- | src/site/components/album/AlbumDetails.vue | 77 |
1 files changed, 40 insertions, 37 deletions
diff --git a/src/site/components/album/AlbumDetails.vue b/src/site/components/album/AlbumDetails.vue index ac6eba5..2d0bb5d 100644 --- a/src/site/components/album/AlbumDetails.vue +++ b/src/site/components/album/AlbumDetails.vue @@ -5,46 +5,49 @@ <b-table :data="details.links || []" :mobile-cards="true"> - <template slot-scope="props"> - <b-table-column - field="identifier" - label="Link" - centered> - <a - :href="`${config.URL}/a/${props.row.identifier}`" - target="_blank"> - {{ props.row.identifier }} - </a> - </b-table-column> + <b-table-column + v-slot="props" + field="identifier" + label="Link" + centered> + <a + :href="`${config.URL}/a/${props.row.identifier}`" + target="_blank"> + {{ props.row.identifier }} + </a> + </b-table-column> - <b-table-column - field="views" - label="Views" - centered> - {{ props.row.views }} - </b-table-column> + <b-table-column + v-slot="props" + field="views" + label="Views" + centered> + {{ props.row.views }} + </b-table-column> - <b-table-column - field="enableDownload" - label="Allow download" - centered> - <b-switch - v-model="props.row.enableDownload" - @input="updateLinkOptions(albumId, props.row)" /> - </b-table-column> + <b-table-column + v-slot="props" + field="enableDownload" + label="Allow download" + centered> + <b-switch + v-model="props.row.enableDownload" + @input="updateLinkOptions(albumId, props.row)" /> + </b-table-column> + + <b-table-column + v-slot="props" + field="enabled" + numeric> + <button + :class="{ 'is-loading': isDeleting(props.row.identifier) }" + class="button is-danger" + :disabled="isDeleting(props.row.identifier)" + @click="promptDeleteAlbumLink(albumId, props.row.identifier)"> + Delete link + </button> + </b-table-column> - <b-table-column - field="enabled" - numeric> - <button - :class="{ 'is-loading': isDeleting(props.row.identifier) }" - class="button is-danger" - :disabled="isDeleting(props.row.identifier)" - @click="promptDeleteAlbumLink(albumId, props.row.identifier)"> - Delete link - </button> - </b-table-column> - </template> <template slot="empty"> <div class="has-text-centered"> <i class="icon-misc-mood-sad" /> |