refactor
This commit is contained in:
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user