diff options
Diffstat (limited to 'src/components/timeline/timeline.vue')
| -rw-r--r-- | src/components/timeline/timeline.vue | 59 |
1 files changed, 17 insertions, 42 deletions
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue index 1fc52083..e0a34bd1 100644 --- a/src/components/timeline/timeline.vue +++ b/src/components/timeline/timeline.vue @@ -2,66 +2,41 @@ <div :class="classes.root"> <div :class="classes.header"> <div class="title"> - {{ title }} + {{title}} </div> - <div - v-if="timelineError" - class="loadmore-error alert error" - @click.prevent - > - {{ $t('timeline.error_fetching') }} + <div @click.prevent class="loadmore-error alert error" v-if="timelineError"> + {{$t('timeline.error_fetching')}} </div> - <button - v-if="timeline.newStatusCount > 0 && !timelineError" - class="loadmore-button" - @click.prevent="showNewStatuses" - > - {{ $t('timeline.show_new') }}{{ newStatusCountStr }} + <button @click.prevent="showNewStatuses" class="loadmore-button" v-if="timeline.newStatusCount > 0 && !timelineError"> + {{$t('timeline.show_new')}}{{newStatusCountStr}} </button> - <div - v-if="!timeline.newStatusCount > 0 && !timelineError" - class="loadmore-text faint" - @click.prevent - > - {{ $t('timeline.up_to_date') }} + <div @click.prevent class="loadmore-text faint" v-if="!timeline.newStatusCount > 0 && !timelineError"> + {{$t('timeline.up_to_date')}} </div> </div> <div :class="classes.body"> <div class="timeline"> - <conversation + <conversation v-for="status in timeline.visibleStatuses" - :key="status.id" class="status-fadein" + :key="status.id" :statusoid="status" :collapsable="true" /> </div> </div> <div :class="classes.footer"> - <div - v-if="count===0" - class="new-status-notification text-center panel-footer faint" - > - {{ $t('timeline.no_statuses') }} + <div v-if="count===0" class="new-status-notification text-center panel-footer faint"> + {{$t('timeline.no_statuses')}} </div> - <div - v-else-if="bottomedOut" - class="new-status-notification text-center panel-footer faint" - > - {{ $t('timeline.no_more_statuses') }} + <div v-else-if="bottomedOut" class="new-status-notification text-center panel-footer faint"> + {{$t('timeline.no_more_statuses')}} </div> - <a - v-else-if="!timeline.loading" - href="#" - @click.prevent="fetchOlderStatuses()" - > - <div class="new-status-notification text-center panel-footer">{{ $t('timeline.load_older') }}</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 - v-else - class="new-status-notification text-center panel-footer" - > - <i class="icon-spin3 animate-spin" /> + <div v-else class="new-status-notification text-center panel-footer"> + <i class="icon-spin3 animate-spin"/> </div> </div> </div> |