pinafore/routes/_components/timeline/LoadingFooter.html

32 lines
705 B
HTML
Raw Normal View History

<div class="loading-footer {shown ? '' : 'hidden'}">
<LoadingSpinner size={48} />
2018-01-22 01:07:11 +01:00
<span class="loading-footer-info">
Loading more...
</span>
</div>
<style>
.loading-footer {
padding: 20px 0 10px;
display: flex;
align-items: center;
justify-content: center;
}
.loading-footer-info {
margin-left: 20px;
font-size: 1.3em;
}
</style>
<script>
2018-01-28 01:35:44 +01:00
import LoadingSpinner from '../LoadingSpinner.html'
import { store } from '../../_store/store'
2018-01-22 01:07:11 +01:00
export default {
store: () => store,
computed: {
shown: ({ $timelineInitialized, $runningUpdate }) => ($timelineInitialized && $runningUpdate)
},
2018-01-22 01:07:11 +01:00
components: {
LoadingSpinner
}
}
</script>