This commit is contained in:
Geriano
2022-07-31 10:36:50 +07:00
parent 70e779c8a4
commit 63ab66b06c
4 changed files with 400 additions and 392 deletions

View File

@@ -159,7 +159,6 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
</div>
</template>
</Card>
</DashboardLayout>
<Modal :show="open">
<form @submit.prevent="submit" class="w-full max-w-xl sm:max-w-5xl h-fit rounded-md shadow-xl">
@@ -285,4 +284,5 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
</template>
</Card>
</Modal>
</DashboardLayout>
</template>

View File

@@ -139,7 +139,6 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
</div>
</template>
</Card>
</DashboardLayout>
<Modal :show="open">
<form @submit.prevent="submit" class="w-full max-w-xl h-fit shadow-xl">
@@ -174,4 +173,5 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
</Card>
</form>
</Modal>
</DashboardLayout>
</template>

View File

@@ -135,11 +135,20 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
</template>
<template #tbody="{ data, processing, empty, refresh }">
<transition-group
<TransitionGroup
enterActiveClass="transition-all duration-300"
leaveActiveClass="transition-all duration-100"
enterFromClass="opacity-0"
leaveToClass="opacity-0">
<template v-if="empty">
<tr v-if="empty">
<td class="text-5xl text-center p-4" colspan="1000">
<p class="lowercase first-letter:capitalize font-semibold">there are no data available</p>
</td>
</tr>
</template>
<template v-else>
<template v-if="processing">
<tr v-for="i in Array(1).fill(0)" :key="i">
</tr>
@@ -175,19 +184,13 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
</td>
</tr>
</template>
<tr v-if="empty">
<td class="text-5xl text-center p-4" colspan="1000">
<p class="lowercase first-letter:capitalize font-semibold">there are no data available</p>
</td>
</tr>
</transition-group>
</template>
</TransitionGroup>
</template>
</Builder>
</div>
</template>
</Card>
</DashboardLayout>
<Modal :show="open">
<form @submit.prevent="submit" class="w-full max-w-xl h-fit shadow-xl">
@@ -241,4 +244,5 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
</Card>
</form>
</Modal>
</DashboardLayout>
</template>

View File

@@ -179,6 +179,15 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
leaveActiveClass="transition-all duration-50"
enterFromClass="opacity-0 -scale-y-100"
leaveToClass="opacity-0 -scale-y-100">
<template v-if="empty">
<tr v-if="empty">
<td class="text-5xl text-center p-4" colspan="1000">
<p class="lowercase first-letter:capitalize font-semibold">there are no data available</p>
</td>
</tr>
</template>
<template v-else>
<template v-if="processing">
<tr v-for="i in Array(5).fill(0)" :key="i" class="border dark:border-gray-800">
<td class="text-5xl text-center p-2" colspan="1000">
@@ -233,19 +242,13 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
</td>
</tr>
</template>
<tr v-if="empty">
<td class="text-5xl text-center p-4" colspan="1000">
<p class="lowercase first-letter:capitalize font-semibold">there are no data available</p>
</td>
</tr>
</template>
</transition-group>
</template>
</Builder>
</div>
</template>
</Card>
</DashboardLayout>
<Modal :show="open">
<form @submit.prevent="submit" class="w-full max-w-xl sm:max-w-5xl h-fit shadow-xl">
@@ -355,4 +358,5 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
</Card>
</form>
</Modal>
</DashboardLayout>
</template>