RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

timeline: refactor markup 

Signed-off-by: Varun Patil <varunpatil@ucla.edu>
pull/563/head
Varun Patil 2023-03-24 13:29:23 -07:00
parent 492f1bb610
commit 74e4503668
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Timeline.vue
View File

@ -1,20 +1,16 @@
<template>
<div
class="container"
ref="container"
:class="{ 'icon-loading': loading > 0 }"
>
<div class="container" ref="container" :class="{ 'icon-loading': loading }">
<!-- Static top matter -->
<TopMatter ref="topmatter" />
<!-- No content found and nothing is loading -->
<EmptyContent v-if="loading === 0 && list.length === 0" />
<EmptyContent v-if="!loading && !list.length" />
<!-- Main recycler view for rows -->
<RecycleScroller
ref="recycler"
class="recycler hide-scrollbar"
:class="{ empty: list.length === 0 }"
:class="{ empty: !list.length }"
:items="list"
:emit-update="true"
:buffer="800"
@ -29,7 +25,7 @@
<template #before>
<!-- Show dynamic top matter, name of the view -->
<div class="recycler-before" ref="recyclerBefore">
<div class="text" v-show="!$refs.topmatter.type && list.length > 0">
<div class="text" v-show="!$refs.topmatter.type && list.length">
{{ viewName }}
</div>