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/timeline/timeline.vue | |
| parent | 3cfbf0141f9e5c2c835699c5427d4829da412328 (diff) | |
Add loading indicator for notifications, make timelines indicate bottoming out when no more statuses
Diffstat (limited to 'src/components/timeline/timeline.vue')
| -rw-r--r-- | src/components/timeline/timeline.vue | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue index 6ba598c5..e3eea3bd 100644 --- a/src/components/timeline/timeline.vue +++ b/src/components/timeline/timeline.vue @@ -20,10 +20,15 @@ </div> </div> <div :class="classes.footer"> - <a href="#" v-on:click.prevent='fetchOlderStatuses()' v-if="!timeline.loading"> + <div v-if="bottomedOut" class="new-status-notification text-center panel-footer faint"> + {{$t('timeline.no_more_statuses')}} + </div> + <a v-else-if="!timeline.loading" href="#" v-on:click.prevent='fetchOlderStatuses()'> <div class="new-status-notification text-center panel-footer">{{$t('timeline.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> </template> |