47 lines
1.2 KiB
Vue
47 lines
1.2 KiB
Vue
<template>
|
|
<layout>
|
|
<template #header>
|
|
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
|
|
Kontakte
|
|
</h2>
|
|
</template>
|
|
<div class="py-12">
|
|
<div class="w-full mx-auto sm:px-6 lg:px-8">
|
|
<simple-table :title="contacts.total + ' Kontakte'" :data="contacts" :columns="columns" :defaultSort="sort" :filters="filters" />
|
|
</div>
|
|
</div>
|
|
</layout>
|
|
</template>
|
|
|
|
<script>
|
|
import Layout from '@/Layouts/Layout'
|
|
import SimpleTable from '@/Components/SimpleTable.vue'
|
|
import SearchFilter from '@/Components/SearchFilter'
|
|
import JetButton from '@/Jetstream/Button'
|
|
|
|
export default {
|
|
components: {
|
|
SearchFilter,
|
|
JetButton,
|
|
Layout,
|
|
SimpleTable,
|
|
},
|
|
props: {
|
|
filters: Object,
|
|
sort: Object,
|
|
contacts: Object,
|
|
},
|
|
data() {
|
|
return {
|
|
columns: [
|
|
{key: 'name', value: 'Name', sortable: true},
|
|
{key: 'company', value: 'Firma', sortable: true},
|
|
{key: 'address', value: 'Adresse', sortable: true},
|
|
{key: 'fullCity', value: 'Ort', sortable: true},
|
|
{key: 'email', value: 'E-Mail', sortable: true},
|
|
{key: 'phone', value: 'Telefon'},
|
|
],
|
|
}
|
|
},
|
|
}
|
|
</script> |