danvics/ytptube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

sort completed in reverse over.

Browse source
This commit is contained in:
ArabCoders 2024-01-03 22:44:50 +03:00
parent 21a1df2642
commit c08ffe03e8
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/components/Page-Completed.vue
View file

@ -66,7 +66,7 @@
</div> </div>
<div class="columns is-multiline"> <div class="columns is-multiline">
<div class="column is-6" v-for="item in completed" :key="item._id"> <div class="column is-6" v-for="item in sortCompleted" :key="item._id">
<div class="card" :class="{ 'is-bordered-danger': hasError(item) }"> <div class="card" :class="{ 'is-bordered-danger': hasError(item) }">
<header class="card-header has-tooltip" :data-tooltip="item.title"> <header class="card-header has-tooltip" :data-tooltip="item.title">
<div class="card-header-title has-text-centered is-text-overflow is-block"> <div class="card-header-title has-text-centered is-text-overflow is-block">
@ -235,6 +235,11 @@ watch(masterSelectAll, (value) => {
} }
}) })
const sortCompleted = computed(() => {
return Object.values(props.completed).sort((a, b) => {
return new Date(b.datetime) - new Date(a.datetime);
})
})
const hasSelected = computed(() => selectedElms.value.length > 0) const hasSelected = computed(() => selectedElms.value.length > 0)
const hasItems = computed(() => Object.keys(props.completed)?.length > 0) const hasItems = computed(() => Object.keys(props.completed)?.length > 0)
const getTotal = computed(() => Object.keys(props.completed)?.length); const getTotal = computed(() => Object.keys(props.completed)?.length);