diff options
| author | Pitu <[email protected]> | 2020-06-25 01:35:52 +0900 |
|---|---|---|
| committer | Pitu <[email protected]> | 2020-06-25 01:35:52 +0900 |
| commit | b526d8803696161961ffb9eb912cb4b83a3c9eff (patch) | |
| tree | bad1cef433bfbafb41ecb4849a8fd46c12f60dbd /src/site/pages/dashboard | |
| parent | Fix frontend registration display (diff) | |
| download | host.fuwn.me-b526d8803696161961ffb9eb912cb4b83a3c9eff.tar.xz host.fuwn.me-b526d8803696161961ffb9eb912cb4b83a3c9eff.zip | |
Optimize the queries fetching albums/files
Diffstat (limited to 'src/site/pages/dashboard')
| -rw-r--r-- | src/site/pages/dashboard/albums/index.vue | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/src/site/pages/dashboard/albums/index.vue b/src/site/pages/dashboard/albums/index.vue index 7dee517..60607ac 100644 --- a/src/site/pages/dashboard/albums/index.vue +++ b/src/site/pages/dashboard/albums/index.vue @@ -28,7 +28,7 @@ :key="album.id" class="album"> <div class="arrow-container" - @click="album.isDetailsOpen = !album.isDetailsOpen"> + @click="fetchAlbumDetails(album)"> <i :class="{ active: album.isDetailsOpen }" class="icon-arrow" /> </div> @@ -165,6 +165,12 @@ export default { this.getAlbums(); }, methods: { + async fetchAlbumDetails(album) { + const response = await this.$axios.$get(`album/${album.id}/links`); + album.links = response.links; + album.isDetailsOpen = !album.isDetailsOpen; + this.$forceUpdate(); + }, promptDeleteAlbum(id) { this.$buefy.dialog.confirm({ message: 'Are you sure you want to delete this album?', |