adminforth 2.4.0-next.172 → 2.4.0-next.173
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/spa/src/afcl/Table.vue +12 -7
- package/package.json +1 -1
|
@@ -73,11 +73,12 @@
|
|
|
73
73
|
<template #total><span class="font-semibold text-lightTablePaginationNumeration dark:text-darkTablePaginationNumeration">{{ dataResult.total }}</span></template>
|
|
74
74
|
</i18n-t>
|
|
75
75
|
<div class="af-pagination-container flex flex-row items-center xs:flex-row xs:justify-between xs:items-center gap-3">
|
|
76
|
-
<div class="inline-flex">
|
|
76
|
+
<div class="inline-flex" :class="isLoading || props.isLoading ? 'pointer-events-none select-none opacity-50' : ''">
|
|
77
77
|
<!-- Buttons -->
|
|
78
78
|
<button
|
|
79
79
|
class="flex items-center py-1 px-3 gap-1 text-sm font-medium text-lightActivePaginationButtonText bg-lightActivePaginationButtonBackground border-r-0 rounded-s hover:opacity-90 dark:bg-darkActivePaginationButtonBackground dark:text-darkActivePaginationButtonText disabled:opacity-50"
|
|
80
|
-
@click="currentPage--; pageInput = currentPage.toString();"
|
|
80
|
+
@click="currentPage--; pageInput = currentPage.toString();"
|
|
81
|
+
:disabled="currentPage <= 1 || isLoading || props.isLoading">
|
|
81
82
|
<svg class="w-3.5 h-3.5 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
|
82
83
|
viewBox="0 0 14 10">
|
|
83
84
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
@@ -86,12 +87,13 @@
|
|
|
86
87
|
</button>
|
|
87
88
|
<button
|
|
88
89
|
class="flex items-center py-1 px-3 text-sm font-medium text-lightUnactivePaginationButtonText focus:outline-none bg-lightUnactivePaginationButtonBackground border-r-0 border border-lightUnactivePaginationButtonBorder hover:bg-lightUnactivePaginationButtonHoverBackground hover:text-lightUnactivePaginationButtonHoverText dark:bg-darkUnactivePaginationButtonBackground dark:text-darkUnactivePaginationButtonText dark:border-darkUnactivePaginationButtonBorder dark:hover:text-darkUnactivePaginationButtonHoverText dark:hover:bg-darkUnactivePaginationButtonHoverBackground disabled:opacity-50"
|
|
89
|
-
@click="switchPage(1); pageInput = currentPage.toString();"
|
|
90
|
+
@click="switchPage(1); pageInput = currentPage.toString();"
|
|
91
|
+
:disabled="currentPage <= 1 || isLoading || props.isLoading">
|
|
90
92
|
<!-- <IconChevronDoubleLeftOutline class="w-4 h-4" /> -->
|
|
91
93
|
1
|
|
92
94
|
</button>
|
|
93
95
|
<div
|
|
94
|
-
contenteditable="
|
|
96
|
+
:contenteditable="!isLoading && !props.isLoading"
|
|
95
97
|
class="min-w-10 outline-none inline-block w-auto py-1.5 px-3 text-sm text-center text-lightTablePaginationInputText border border-lightTablePaginationInputBorder bg-lightTablePaginationInputBackground dark:border-darkTablePaginationInputBorder dark:text-darkTablePaginationInputText dark:bg-darkTablePaginationInputBackground z-10"
|
|
96
98
|
@keydown="onPageKeydown($event)"
|
|
97
99
|
@input="onPageInput($event)"
|
|
@@ -102,14 +104,17 @@
|
|
|
102
104
|
|
|
103
105
|
<button
|
|
104
106
|
class="flex items-center py-1 px-3 text-sm font-medium text-lightUnactivePaginationButtonText focus:outline-none bg-lightUnactivePaginationButtonBackground border-l-0 border border-lightUnactivePaginationButtonBorder hover:bg-lightUnactivePaginationButtonHoverBackground hover:text-lightUnactivePaginationButtonHoverText dark:bg-darkUnactivePaginationButtonBackground dark:text-darkUnactivePaginationButtonText dark:border-darkUnactivePaginationButtonBorder dark:hover:text-darkUnactivePaginationButtonHoverText dark:hover:bg-darkUnactivePaginationButtonHoverBackground disabled:opacity-50"
|
|
105
|
-
@click="currentPage = totalPages; pageInput = currentPage.toString();"
|
|
107
|
+
@click="currentPage = totalPages; pageInput = currentPage.toString();"
|
|
108
|
+
:disabled="currentPage >= totalPages || isLoading || props.isLoading"
|
|
109
|
+
>
|
|
106
110
|
{{ totalPages }}
|
|
107
111
|
|
|
108
|
-
<!-- <IconChevronDoubleRightOutline class="w-4 h-4" /> -->
|
|
109
112
|
</button>
|
|
110
113
|
<button
|
|
111
114
|
class="flex items-center py-1 px-3 gap-1 text-sm font-medium text-lightActivePaginationButtonText focus:outline-none bg-lightActivePaginationButtonBackground border-l-0 rounded-e hover:opacity-90 dark:bg-darkActivePaginationButtonBackground dark:text-darkActivePaginationButtonText disabled:opacity-50"
|
|
112
|
-
@click="currentPage++; pageInput = currentPage.toString();"
|
|
115
|
+
@click="currentPage++; pageInput = currentPage.toString();"
|
|
116
|
+
:disabled="currentPage >= totalPages || isLoading || props.isLoading"
|
|
117
|
+
>
|
|
113
118
|
<svg class="w-3.5 h-3.5 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
|
114
119
|
viewBox="0 0 14 10">
|
|
115
120
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|