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> <template>
<div <div class="container" ref="container" :class="{ 'icon-loading': loading }">
class="container"
ref="container"
:class="{ 'icon-loading': loading > 0 }"
>
<!-- Static top matter --> <!-- Static top matter -->
<TopMatter ref="topmatter" /> <TopMatter ref="topmatter" />
<!-- No content found and nothing is loading --> <!-- 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 --> <!-- Main recycler view for rows -->
<RecycleScroller <RecycleScroller
ref="recycler" ref="recycler"
class="recycler hide-scrollbar" class="recycler hide-scrollbar"
:class="{ empty: list.length === 0 }" :class="{ empty: !list.length }"
:items="list" :items="list"
:emit-update="true" :emit-update="true"
:buffer="800" :buffer="800"
@ -29,7 +25,7 @@
<template #before> <template #before>
<!-- Show dynamic top matter, name of the view --> <!-- Show dynamic top matter, name of the view -->
<div class="recycler-before" ref="recyclerBefore"> <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 }} {{ viewName }}
</div> </div>