diff options
| author | shpuld <shp@cock.li> | 2019-01-29 21:04:52 +0200 |
|---|---|---|
| committer | shpuld <shp@cock.li> | 2019-01-29 21:04:52 +0200 |
| commit | 62e9525724cfff0c3e26b8325b019e926baed1ca (patch) | |
| tree | 8af3ad998448a09343181774457a08e48c330637 /src/components/notifications/notifications.vue | |
| parent | 3cfbf0141f9e5c2c835699c5427d4829da412328 (diff) | |
Add loading indicator for notifications, make timelines indicate bottoming out when no more statuses
Diffstat (limited to 'src/components/notifications/notifications.vue')
| -rw-r--r-- | src/components/notifications/notifications.vue | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue index 64f18720..6f162b62 100644 --- a/src/components/notifications/notifications.vue +++ b/src/components/notifications/notifications.vue @@ -18,10 +18,15 @@ </div> </div> <div class="panel-footer"> - <a href="#" v-on:click.prevent='fetchOlderNotifications()' v-if="!notifications.loading"> + <div v-if="bottomedOut" class="new-status-notification text-center panel-footer faint"> + {{$t('notifications.no_more_notifications')}} + </div> + <a v-else-if="!loading" href="#" v-on:click.prevent="fetchOlderNotifications()"> <div class="new-status-notification text-center panel-footer">{{$t('notifications.load_older')}}</div> </a> - <div class="new-status-notification text-center panel-footer" v-else>...</div> + <div v-else class="new-status-notification text-center panel-footer"> + <i class="icon-spin3 animate-spin"/> + </div> </div> </div> </div> |