[update] rapihin dikit
This commit is contained in:
parent
945cea3b4c
commit
4d1bebc6a6
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="space-y-3">
|
<div class="space-y-3">
|
||||||
|
|
||||||
|
|
||||||
<!-- Summary Card -->
|
<!-- Summary Card -->
|
||||||
<div class="mt-3 bg-A border border-C rounded-lg p-3">
|
<div class="mt-3 bg-A border border-C rounded-lg p-3">
|
||||||
@ -51,7 +51,7 @@
|
|||||||
<td class="border border-gray-200 p-2 text-center">
|
<td class="border border-gray-200 p-2 text-center">
|
||||||
<button
|
<button
|
||||||
@click="lihatDetail(trx)"
|
@click="lihatDetail(trx)"
|
||||||
class="px-3 py-1 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors text-xs whitespace-nowrap"
|
class="px-3 py-1 bg-C text-D rounded-md hover:bg-blue-600 transition-colors text-xs whitespace-nowrap"
|
||||||
:disabled="isDetailLoading && selectedTransaksi.id === trx.id"
|
:disabled="isDetailLoading && selectedTransaksi.id === trx.id"
|
||||||
>
|
>
|
||||||
<span v-if="isDetailLoading && selectedTransaksi.id === trx.id">
|
<span v-if="isDetailLoading && selectedTransaksi.id === trx.id">
|
||||||
@ -72,7 +72,7 @@
|
|||||||
<div class="flex items-center gap-2">
|
<div class="flex items-center gap-2">
|
||||||
<span>Menampilkan {{ pagination.from }} - {{ pagination.to }} dari {{ pagination.total }} transaksi hari ini</span>
|
<span>Menampilkan {{ pagination.from }} - {{ pagination.to }} dari {{ pagination.total }} transaksi hari ini</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center gap-1">
|
<div class="flex items-center gap-1">
|
||||||
<button
|
<button
|
||||||
@click="$emit('page-change', pagination.current_page - 1)"
|
@click="$emit('page-change', pagination.current_page - 1)"
|
||||||
@ -81,11 +81,11 @@
|
|||||||
>
|
>
|
||||||
← Prev
|
← Prev
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<span class="px-2 text-gray-700">
|
<span class="px-2 text-gray-700">
|
||||||
{{ pagination.current_page }} / {{ pagination.last_page }}
|
{{ pagination.current_page }} / {{ pagination.last_page }}
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@click="$emit('page-change', pagination.current_page + 1)"
|
@click="$emit('page-change', pagination.current_page + 1)"
|
||||||
:disabled="pagination.current_page === pagination.last_page"
|
:disabled="pagination.current_page === pagination.last_page"
|
||||||
@ -101,7 +101,7 @@
|
|||||||
<div v-else-if="!loading" class="text-center py-12 bg-gray-50 rounded-lg border border-gray-200">
|
<div v-else-if="!loading" class="text-center py-12 bg-gray-50 rounded-lg border border-gray-200">
|
||||||
<div class="text-gray-500 space-y-3">
|
<div class="text-gray-500 space-y-3">
|
||||||
<svg class="w-16 h-16 mx-auto text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-16 h-16 mx-auto text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
|
||||||
d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" />
|
d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" />
|
||||||
</svg>
|
</svg>
|
||||||
<div class="space-y-1">
|
<div class="space-y-1">
|
||||||
@ -219,4 +219,4 @@ const closeDetail = () => {
|
|||||||
isDetailOpen.value = false
|
isDetailOpen.value = false
|
||||||
selectedTransaksi.value = {}
|
selectedTransaksi.value = {}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user