Update Profile component, add bookmark loader

This commit is contained in:
Daniel Supernault 2020-06-13 00:32:41 -06:00
parent 4bee8397e0
commit c8d5edc9b2
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7

View file

@ -210,6 +210,16 @@
</infinite-loading>
</div>
<div v-if="mode == 'bookmarks'">
<div v-if="bookmarksLoading">
<div class="row">
<div class="col-12">
<div class="p-1 p-sm-2 p-md-3 d-flex justify-content-center align-items-center" style="height: 30vh;">
<img src="/img/pixelfed-icon-grey.svg" class="">
</div>
</div>
</div>
</div>
<div v-else>
<div v-if="bookmarks.length" class="row">
<div class="col-4 p-1 p-sm-2 p-md-3" v-for="(s, index) in bookmarks">
<a class="card info-overlay card-md-border-0" :href="s.url">
@ -242,6 +252,7 @@
</div>
</div>
</div>
</div>
<div v-if="mode == 'collections'">
<div v-if="collections.length" class="row">
<div class="col-4 p-1 p-sm-2 p-md-3" v-for="(c, index) in collections">
@ -641,6 +652,7 @@
followingModalSearch: null,
followingModalSearchCache: null,
followingModalTab: 'following',
bookmarksLoading: true,
}
},
beforeMount() {
@ -789,7 +801,8 @@
if(this.mode == 'bookmarks' && this.bookmarks.length == 0) {
axios.get('/api/local/bookmarks')
.then(res => {
this.bookmarks = res.data
this.bookmarks = res.data;
this.bookmarksLoading = false;
});
}
if(this.mode == 'collections' && this.collections.length == 0) {