refactor
This commit is contained in:
@@ -159,7 +159,6 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</Card>
|
</Card>
|
||||||
</DashboardLayout>
|
|
||||||
|
|
||||||
<Modal :show="open">
|
<Modal :show="open">
|
||||||
<form @submit.prevent="submit" class="w-full max-w-xl sm:max-w-5xl h-fit rounded-md shadow-xl">
|
<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>
|
</template>
|
||||||
</Card>
|
</Card>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
</DashboardLayout>
|
||||||
</template>
|
</template>
|
||||||
@@ -139,7 +139,6 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</Card>
|
</Card>
|
||||||
</DashboardLayout>
|
|
||||||
|
|
||||||
<Modal :show="open">
|
<Modal :show="open">
|
||||||
<form @submit.prevent="submit" class="w-full max-w-xl h-fit shadow-xl">
|
<form @submit.prevent="submit" class="w-full max-w-xl h-fit shadow-xl">
|
||||||
@@ -174,4 +173,5 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
|
|||||||
</Card>
|
</Card>
|
||||||
</form>
|
</form>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
</DashboardLayout>
|
||||||
</template>
|
</template>
|
||||||
@@ -135,11 +135,20 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template #tbody="{ data, processing, empty, refresh }">
|
<template #tbody="{ data, processing, empty, refresh }">
|
||||||
<transition-group
|
<TransitionGroup
|
||||||
enterActiveClass="transition-all duration-300"
|
enterActiveClass="transition-all duration-300"
|
||||||
leaveActiveClass="transition-all duration-100"
|
leaveActiveClass="transition-all duration-100"
|
||||||
enterFromClass="opacity-0"
|
enterFromClass="opacity-0"
|
||||||
leaveToClass="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">
|
<template v-if="processing">
|
||||||
<tr v-for="i in Array(1).fill(0)" :key="i">
|
<tr v-for="i in Array(1).fill(0)" :key="i">
|
||||||
</tr>
|
</tr>
|
||||||
@@ -175,19 +184,13 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
|
|||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</template>
|
</template>
|
||||||
|
</template>
|
||||||
<tr v-if="empty">
|
</TransitionGroup>
|
||||||
<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>
|
</template>
|
||||||
</Builder>
|
</Builder>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</Card>
|
</Card>
|
||||||
</DashboardLayout>
|
|
||||||
|
|
||||||
<Modal :show="open">
|
<Modal :show="open">
|
||||||
<form @submit.prevent="submit" class="w-full max-w-xl h-fit shadow-xl">
|
<form @submit.prevent="submit" class="w-full max-w-xl h-fit shadow-xl">
|
||||||
@@ -241,4 +244,5 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
|
|||||||
</Card>
|
</Card>
|
||||||
</form>
|
</form>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
</DashboardLayout>
|
||||||
</template>
|
</template>
|
||||||
@@ -179,6 +179,15 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
|
|||||||
leaveActiveClass="transition-all duration-50"
|
leaveActiveClass="transition-all duration-50"
|
||||||
enterFromClass="opacity-0 -scale-y-100"
|
enterFromClass="opacity-0 -scale-y-100"
|
||||||
leaveToClass="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">
|
<template v-if="processing">
|
||||||
<tr v-for="i in Array(5).fill(0)" :key="i" class="border dark:border-gray-800">
|
<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">
|
<td class="text-5xl text-center p-2" colspan="1000">
|
||||||
@@ -233,19 +242,13 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
|
|||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</template>
|
</template>
|
||||||
|
</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>
|
</transition-group>
|
||||||
</template>
|
</template>
|
||||||
</Builder>
|
</Builder>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</Card>
|
</Card>
|
||||||
</DashboardLayout>
|
|
||||||
|
|
||||||
<Modal :show="open">
|
<Modal :show="open">
|
||||||
<form @submit.prevent="submit" class="w-full max-w-xl sm:max-w-5xl h-fit shadow-xl">
|
<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>
|
</Card>
|
||||||
</form>
|
</form>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
</DashboardLayout>
|
||||||
</template>
|
</template>
|
||||||
Reference in New Issue
Block a user