aboutsummaryrefslogtreecommitdiff
path: root/src/components/timeline/timeline.vue
blob: 2f1b8c287f60596e0051102e4407d2517694195f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<template>
  <div class="timeline">
    <a href="#" v-on:click.prevent='showNewStatuses()' v-if="timeline.newStatusCount > 0">
      <div class="new-status-notification">
        <p class="text-center" >
          {{timeline.newStatusCount}} new statuses
        </p>
      </div>
    </a>
    <status v-for="status in timeline.visibleStatuses" :key="status.id" v-bind:statusoid="status"></status>
    <a href="#" v-on:click.prevent='fetchOlderStatuses()' v-if="!timeline.loading">
      <div class="new-status-notification">
        <p class="text-center" >
          Load older statuses.
        </p>
      </div>
    </a>
  </div>
</template>
<script src="./timeline.js"></script>

<style>
 .timeline.panel {
     flex: 1;
 }
</style>