mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-08 16:22:16 +01:00
29 lines
1.1 KiB
Vue
29 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import { ref } from 'vue';
|
|
import { storeToRefs } from 'pinia';
|
|
import ClientCreateModal from '@/Components/Common/Client/ClientCreateModal.vue';
|
|
import MemberTableHeading from '@/Components/Common/Member/MemberTableHeading.vue';
|
|
import MemberTableRow from '@/Components/Common/Member/MemberTableRow.vue';
|
|
import { useMembersStore } from '@/utils/useMembers';
|
|
|
|
const { members } = storeToRefs(useMembersStore());
|
|
const createClient = ref(false);
|
|
</script>
|
|
|
|
<template>
|
|
<ClientCreateModal v-model:show="createClient"></ClientCreateModal>
|
|
<div class="flow-root max-w-[100vw] overflow-x-auto">
|
|
<div class="inline-block min-w-full align-middle">
|
|
<div
|
|
data-testid="client_table"
|
|
class="grid min-w-full"
|
|
style="grid-template-columns: 1fr 1fr 180px 180px 150px 130px">
|
|
<MemberTableHeading></MemberTableHeading>
|
|
<template v-for="member in members" :key="member.id">
|
|
<MemberTableRow :member="member"></MemberTableRow>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|