SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: replace DataTable component with new FilteredList component

Browse source
This commit is contained in:
Sebin Nyshkim 2023-07-18 21:51:32 +02:00
parent b450849075
commit 1b036d3278
1 changed files with 4 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/views/GeneralView.vue
View file

@ -17,10 +17,10 @@ import {
} from '@/sebin' } from '@/sebin'
import { dateFormat, getAge, toImperial, toLbs } from '@/helpers' import { dateFormat, getAge, toImperial, toLbs } from '@/helpers'
import { nsfwKey, showModalKey } from '@/keys' import { nsfwKey, showModalKey } from '@/keys'
import type { Kink } from '@/interfaces'
import DataTable from '@/components/DataTable.vue' import DataTable from '@/components/DataTable.vue'
import QuickFacts from '@/components/QuickFacts.vue' import QuickFacts from '@/components/QuickFacts.vue'
import RefToggle from '@/components/RefToggle.vue' import RefToggle from '@/components/RefToggle.vue'
import FilteredList from '@/components/FilteredList.vue'
const generalHeadings = ['Key', 'Value'] const generalHeadings = ['Key', 'Value']
const generalData = [ const generalData = [
@ -39,14 +39,6 @@ const nsfwData = [
['Position', position] ['Position', position]
] ]
const kinksHeadings = ['Kink', 'Receive', 'Give']
const kinksData = kinks.map((kink: Kink): string[] => {
const receive = kink.receive ? '✅' : '🚫'
const give = kink.give ? '✅' : '🚫'
return [kink.name, receive, give]
})
const isNsfw = inject<boolean>(nsfwKey, false) const isNsfw = inject<boolean>(nsfwKey, false)
const showModal = inject<Function>(showModalKey, Function) const showModal = inject<Function>(showModalKey, Function)
</script> </script>
@ -197,7 +189,9 @@ const showModal = inject<Function>(showModalKey, Function)
wants it. After all he is well endowed enough to peddle it around. wants it. After all he is well endowed enough to peddle it around.
</p> </p>
<DataTable class="kinks" :headings="kinksHeadings" :data="kinksData" /> <h3>Kinks</h3>
<FilteredList :data="kinks" />
</template> </template>
<template v-else> <template v-else>