diff options
| author | Zephyrrus <[email protected]> | 2020-07-01 20:39:42 +0300 |
|---|---|---|
| committer | Zephyrrus <[email protected]> | 2020-07-01 20:39:42 +0300 |
| commit | 44e8175e968c62f4e8e3df39efd445743ea6aa8f (patch) | |
| tree | fd57508091d04ae51a2ca5173677c470eac625eb /src/site | |
| parent | fix: use file id instead of index and remove load more button (diff) | |
| download | host.fuwn.me-44e8175e968c62f4e8e3df39efd445743ea6aa8f.tar.xz host.fuwn.me-44e8175e968c62f4e8e3df39efd445743ea6aa8f.zip | |
feat: use SSR when rendering the dashboard (if possible)
Diffstat (limited to 'src/site')
| -rw-r--r-- | src/site/pages/dashboard/index.vue | 21 |
1 files changed, 17 insertions, 4 deletions
diff --git a/src/site/pages/dashboard/index.vue b/src/site/pages/dashboard/index.vue index 64f8266..0eb9532 100644 --- a/src/site/pages/dashboard/index.vue +++ b/src/site/pages/dashboard/index.vue @@ -9,7 +9,6 @@ <h2 class="subtitle">Your uploaded files</h2> <hr> - <!-- TODO: Add a list view so the user can see the files that don't have thumbnails, like text documents --> <Grid v-if="count" :files="files" :enableSearch="false" @@ -49,7 +48,7 @@ export default { files: [], count: 0, current: 1, - perPage: 20 + perPage: 30 }; }, metaInfo() { @@ -58,8 +57,22 @@ export default { watch: { current: 'getFiles' }, - mounted() { - this.getFiles(); + async asyncData({ $axios, route }) { + const perPage = 30; + const current = 1; // current page + + try { + const response = await $axios.$get(`files`, { params: { page: current, limit: perPage }}); + return { + files: response.files || [], + count: response.count || 0, + current, + perPage + }; + } catch (error) { + console.error(error); + return { files: [] }; + } }, methods: { async getFiles() { |