Timeline.vue
1.97 KB
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<script setup lang="ts">
import VaTimelineItem from '../../../../components/va-timeline-item.vue'
</script>
<template>
<VaCard>
<VaCardTitle class="flex justify-between">
<h1 class="card-title text-secondary font-bold uppercase">Timeline</h1>
</VaCardTitle>
<VaCardContent>
<table class="mt-4">
<tbody>
<VaTimelineItem date="25m ago">
<RouterLink class="va-link font-semibold" to="/users">Donald</RouterLink> updated the status of
<RouterLink class="va-link font-semibold" to="/users">Refund #1234</RouterLink> to awaiting customer
response
</VaTimelineItem>
<VaTimelineItem date="1h ago">
<RouterLink class="va-link font-semibold" to="/users">Lycy Peterson</RouterLink> was added to the group,
group name is Overtake
</VaTimelineItem>
<VaTimelineItem date="2h ago">
<RouterLink class="va-link font-semibold" to="/users">Joseph Rust</RouterLink> opened new showcase
<RouterLink class="va-link font-semibold" to="/users">Mannat #112233</RouterLink> with theme market
</VaTimelineItem>
<VaTimelineItem date="3d ago">
<RouterLink class="va-link font-semibold" to="/users">Donald</RouterLink> updated the status to awaiting
customer response
</VaTimelineItem>
<VaTimelineItem date="Nov 14, 2023">
<RouterLink class="va-link font-semibold" to="/users">Lycy Peterson</RouterLink> was added to the group
</VaTimelineItem>
<VaTimelineItem date="Nov 14, 2023">
<RouterLink class="va-link font-semibold" to="/users">Dan Rya</RouterLink> was added to the group
</VaTimelineItem>
<VaTimelineItem date="Nov 15, 2023">
Project <RouterLink class="va-link font-semibold" to="/projects">Vuestic 2023</RouterLink> was created
</VaTimelineItem>
</tbody>
</table>
</VaCardContent>
</VaCard>
</template>