cphipps/watchstate
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Updated index.history to reflect the new changes.

Browse Source
This commit is contained in:
Abdulmhsen B. A. A.
2024-07-05 01:14:26 +03:00
parent 4687279b9f
commit 997155bbc4
1 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/pages/index.vue
View File

@@ -23,15 +23,23 @@
<div class="card-content"> <div class="card-content">
<div class="columns is-multiline is-mobile has-text-centered"> <div class="columns is-multiline is-mobile has-text-centered">
<div class="column is-4-tablet is-6-mobile has-text-left-mobile"> <div class="column is-4-tablet is-6-mobile has-text-left-mobile">
<span class="icon"><i class="fas fa-calendar"></i>&nbsp;</span> <div class="is-text-overflow">
<span class="has-tooltip" <span class="icon"><i class="fas fa-calendar"></i>&nbsp;</span>
v-tooltip="`Record updated at: ${moment.unix(history.updated_at).format(TOOLTIP_DATE_FORMAT)}`"> <span class="has-tooltip"
{{ moment.unix(history.updated_at).fromNow() }} v-tooltip="`Record updated at: ${moment.unix(history.updated_at).format(TOOLTIP_DATE_FORMAT)}`">
</span> {{ moment.unix(history.updated_at).fromNow() }}
</span>
</div>
</div> </div>
<div class="column is-4-tablet is-6-mobile has-text-right-mobile"> <div class="column is-4-tablet is-6-mobile has-text-right-mobile">
<span class="icon"><i class="fas fa-server"></i>&nbsp;</span> <div class="is-text-overflow">
<NuxtLink :to="'/backend/'+history.via" v-text="history.via"/> <span class="icon"><i class="fas fa-server"></i>&nbsp;</span>
<NuxtLink :to="'/backend/'+history.via" v-text="history.via"/>
<span v-if="history?.metadata && Object.keys(history?.metadata).length > 1"
v-tooltip="`Also reported by: ${Object.keys(history.metadata).filter(i => i !== history.via).join(', ')}.`">
(<span class="has-tooltip">+{{ Object.keys(history.metadata).length - 1 }}</span>)
</span>
</div>
</div> </div>
<div class="column is-4-tablet is-12-mobile has-text-left-mobile"> <div class="column is-4-tablet is-12-mobile has-text-left-mobile">
<div class="is-text-overflow"> <div class="is-text-overflow">