adminforth 1.4.3-next.31 → 1.4.3-next.33
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/index.ts +2 -1
- package/dist/spa/src/components/GroupsTable.vue +3 -3
- package/dist/spa/src/components/ResourceListTable.vue +7 -7
- package/dist/spa/src/renderers/CompactField.vue +3 -3
- package/dist/spa/src/renderers/CompactUUID.vue +3 -3
- package/dist/spa/src/renderers/CountryFlag.vue +3 -3
- package/dist/spa/src/renderers/HumanNumber.vue +3 -3
- package/dist/spa/src/renderers/RelativeTime.vue +3 -3
- package/package.json +1 -1
- /package/dist/spa/src/{components/AfTooltip.vue → afcl/Tooltip.vue} +0 -0
|
@@ -3,4 +3,5 @@
|
|
|
3
3
|
export { default as Select } from './Select.vue';
|
|
4
4
|
export { default as Link } from './Link.vue';
|
|
5
5
|
export { default as Button } from './Button.vue';
|
|
6
|
-
export { default as Input } from './Input.vue';
|
|
6
|
+
export { default as Input } from './Input.vue';
|
|
7
|
+
export { default as Tooltip } from './Tooltip.vue';
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
:class="{'rounded-bl-lg border-b-none': i === group.columns.length - 1}"> <!--align-top-->
|
|
27
27
|
<span class="flex items-center gap-1">
|
|
28
28
|
{{ column.label }}
|
|
29
|
-
<
|
|
29
|
+
<Tooltip v-if="column.required[mode]">
|
|
30
30
|
|
|
31
31
|
<IconExclamationCircleSolid v-if="column.required[mode]" class="w-4 h-4"
|
|
32
32
|
:class="(columnError(column) && validating) ? 'text-red-500 dark:text-red-400' : 'text-gray-400 dark:text-gray-500'"
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
<template #tooltip>
|
|
36
36
|
Required field
|
|
37
37
|
</template>
|
|
38
|
-
</
|
|
38
|
+
</Tooltip>
|
|
39
39
|
</span>
|
|
40
40
|
|
|
41
41
|
|
|
@@ -154,8 +154,8 @@
|
|
|
154
154
|
import { IconExclamationCircleSolid, IconEyeSlashSolid, IconEyeSolid } from '@iconify-prerendered/vue-flowbite';
|
|
155
155
|
import CustomDatePicker from "@/components/CustomDatePicker.vue";
|
|
156
156
|
import Select from '@/afcl/Select.vue';
|
|
157
|
-
import AfTooltip from "./AfTooltip.vue";
|
|
158
157
|
import { getCustomComponent } from '@/utils';
|
|
158
|
+
import { Tooltip } from '@/afcl';
|
|
159
159
|
|
|
160
160
|
|
|
161
161
|
const props = defineProps({
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
</td>
|
|
110
110
|
<td class=" items-center px-2 md:px-3 lg:px-6 py-4 cursor-default" @click="(e)=>{e.stopPropagation()}">
|
|
111
111
|
<div class="flex text-lightPrimary dark:text-darkPrimary items-center">
|
|
112
|
-
<
|
|
112
|
+
<Tooltip>
|
|
113
113
|
<RouterLink
|
|
114
114
|
v-if="resource.options?.allowedActions.show"
|
|
115
115
|
:to="{
|
|
@@ -127,9 +127,9 @@
|
|
|
127
127
|
<template v-slot:tooltip>
|
|
128
128
|
Show item
|
|
129
129
|
</template>
|
|
130
|
-
</
|
|
130
|
+
</Tooltip>
|
|
131
131
|
|
|
132
|
-
<
|
|
132
|
+
<Tooltip>
|
|
133
133
|
<RouterLink
|
|
134
134
|
v-if="resource.options?.allowedActions.edit"
|
|
135
135
|
:to="{
|
|
@@ -145,9 +145,9 @@
|
|
|
145
145
|
<template v-slot:tooltip>
|
|
146
146
|
Edit item
|
|
147
147
|
</template>
|
|
148
|
-
</
|
|
148
|
+
</Tooltip>
|
|
149
149
|
|
|
150
|
-
<
|
|
150
|
+
<Tooltip>
|
|
151
151
|
<button
|
|
152
152
|
v-if="resource.options?.allowedActions.delete"
|
|
153
153
|
@click="deleteRecord(row)"
|
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
<template v-slot:tooltip>
|
|
159
159
|
Delete item
|
|
160
160
|
</template>
|
|
161
|
-
</
|
|
161
|
+
</Tooltip>
|
|
162
162
|
|
|
163
163
|
<template v-if="customActionsInjection">
|
|
164
164
|
<component
|
|
@@ -266,7 +266,7 @@ import {
|
|
|
266
266
|
IconTrashBinSolid
|
|
267
267
|
} from '@iconify-prerendered/vue-flowbite';
|
|
268
268
|
import router from '@/router';
|
|
269
|
-
import
|
|
269
|
+
import { Tooltip } from '@/afcl';
|
|
270
270
|
|
|
271
271
|
const coreStore = useCoreStore();
|
|
272
272
|
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
2
|
+
<Tooltip>
|
|
3
3
|
<span class="flex items-center">
|
|
4
4
|
{{ visualValue }} <IconFileCopyAltSolid @click.stop="copyToCB" class="w-5 h-5 text-lightPrimary dark:text-darkPrimary" v-if="visualValue"/>
|
|
5
5
|
</span>
|
|
6
6
|
<template #tooltip v-if="visualValue">
|
|
7
7
|
{{ props.record[props.column.name] }}
|
|
8
8
|
</template>
|
|
9
|
-
</
|
|
9
|
+
</Tooltip>
|
|
10
10
|
|
|
11
11
|
</template>
|
|
12
12
|
|
|
13
13
|
<script setup>
|
|
14
14
|
import { computed, ref, onMounted, nextTick } from 'vue';
|
|
15
15
|
import { IconFileCopyAltSolid } from '@iconify-prerendered/vue-flowbite';
|
|
16
|
-
import
|
|
16
|
+
import Tooltip from '@/afcl/Tooltip.vue';
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
const visualValue = computed(() => {
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
2
|
+
<Tooltip>
|
|
3
3
|
<span class="flex items-center">
|
|
4
4
|
{{ visualValue }} <IconFileCopyAltSolid @click.stop="copyToCB" class="w-5 h-5 text-lightPrimary dark:text-darkPrimary" v-if="visualValue"/>
|
|
5
5
|
</span>
|
|
6
6
|
<template #tooltip v-if="visualValue">
|
|
7
7
|
{{ props.record[props.column.name] }}
|
|
8
8
|
</template>
|
|
9
|
-
</
|
|
9
|
+
</Tooltip>
|
|
10
10
|
|
|
11
11
|
</template>
|
|
12
12
|
|
|
13
13
|
<script setup>
|
|
14
14
|
import { computed, ref, onMounted, nextTick } from 'vue';
|
|
15
15
|
import { IconFileCopyAltSolid } from '@iconify-prerendered/vue-flowbite';
|
|
16
|
-
import
|
|
16
|
+
import Tooltip from '@/afcl/Tooltip.vue';
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
const visualValue = computed(() => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
2
|
+
<Tooltip>
|
|
3
3
|
<span class="flex items-center">
|
|
4
4
|
<span
|
|
5
5
|
:class="{[`fi-${countryIsoLow}`]: true, 'flag-icon': countryName}"
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
<template v-if="shouldShowTooltip" #tooltip>
|
|
11
11
|
{{ countryName }}
|
|
12
12
|
</template>
|
|
13
|
-
</
|
|
13
|
+
</Tooltip>
|
|
14
14
|
</template>
|
|
15
15
|
|
|
16
16
|
<script setup>
|
|
@@ -19,7 +19,7 @@ import { computed, ref, onMounted } from 'vue';
|
|
|
19
19
|
import 'flag-icons/css/flag-icons.min.css';
|
|
20
20
|
import isoCountries from 'i18n-iso-countries';
|
|
21
21
|
import enLocal from 'i18n-iso-countries/langs/en.json';
|
|
22
|
-
import
|
|
22
|
+
import Tooltip from '@/afcl/Tooltip.vue';
|
|
23
23
|
|
|
24
24
|
isoCountries.registerLocale(enLocal);
|
|
25
25
|
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
2
|
+
<Tooltip>
|
|
3
3
|
{{ formattedValue }}
|
|
4
4
|
<template #tooltip v-if="formattedValue">
|
|
5
5
|
{{ formattedTooltipValue }}
|
|
6
6
|
</template>
|
|
7
|
-
</
|
|
7
|
+
</Tooltip>
|
|
8
8
|
</template>
|
|
9
9
|
|
|
10
10
|
<script setup>
|
|
11
11
|
import { computed, ref, onMounted, nextTick } from 'vue';
|
|
12
|
-
import
|
|
12
|
+
import Tooltip from '@/afcl/Tooltip.vue';
|
|
13
13
|
|
|
14
14
|
const props = defineProps(['column', 'record', 'meta', 'resource', 'adminUser']);
|
|
15
15
|
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
2
|
+
<Tooltip>
|
|
3
3
|
{{ relativeTime }}
|
|
4
4
|
<template #tooltip v-if="relativeTime">
|
|
5
5
|
{{ fullTime }}
|
|
6
6
|
</template>
|
|
7
|
-
</
|
|
7
|
+
</Tooltip>
|
|
8
8
|
</template>
|
|
9
9
|
|
|
10
10
|
<script setup>
|
|
11
11
|
import { computed, ref, onMounted } from 'vue';
|
|
12
|
-
import
|
|
12
|
+
import Tooltip from '@/afcl/Tooltip.vue';
|
|
13
13
|
import en from 'javascript-time-ago/locale/en';
|
|
14
14
|
import TimeAgo from 'javascript-time-ago';
|
|
15
15
|
import dayjs from 'dayjs';
|
package/package.json
CHANGED
|
File without changes
|