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/album | |
| 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/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" /> |