adminforth 3.6.4-next.9 → 3.6.4
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.
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
@dragleave.prevent="dragging = false"
|
|
6
6
|
@drop.prevent="dragging = false; doEmit(($event.dataTransfer as DataTransfer).files)"
|
|
7
7
|
>
|
|
8
|
-
<label :id="id" class="flex flex-col items-center justify-center w-full border-2 border-dashed rounded-
|
|
8
|
+
<label :id="id" class="flex flex-col items-center justify-center w-full border-2 border-dashed rounded-lg cursor-pointer
|
|
9
9
|
hover:bg-lightDropzoneBackgroundHover hover:border-lightDropzoneBorderHover dark:hover:border-darkDropzoneBorderHover dark:hover:bg-darkDropzoneBackgroundHover"
|
|
10
10
|
:class="{
|
|
11
11
|
'border-lightDropzoneBorderDragging dark:border-darkDropzoneBorderDragging': dragging,
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
>
|
|
51
51
|
<template v-for="(file, index) in selectedFiles" :key="index">
|
|
52
52
|
<div
|
|
53
|
-
class="text-sm text-lightDropzoneIcon dark:text-darkDropzoneIcon bg-lightDropzoneBackgroundHover dark:bg-darkDropzoneBackgroundHover rounded-
|
|
53
|
+
class="text-sm text-lightDropzoneIcon dark:text-darkDropzoneIcon bg-lightDropzoneBackgroundHover dark:bg-darkDropzoneBackgroundHover rounded-md
|
|
54
54
|
flex items-center gap-1 px-2 py-1 group"
|
|
55
55
|
>
|
|
56
56
|
<IconFileSolid class="w-4 h-4 flex-shrink-0" />
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="relative w-full bg-lightProgressBarUnfilledColor rounded-full h-2.5 dark:bg-darkProgressBarUnfilledColor" :class="props.height ? `h-${props.height}` : ''">
|
|
3
|
-
<span v-if="leftLabel" class="absolute -top-6 left-0 text-sm
|
|
4
|
-
<span v-if="rightLabel" class="absolute -top-6 right-0 text-sm
|
|
5
|
-
<div
|
|
3
|
+
<span v-if="leftLabel" class="absolute -top-6 left-0 text-sm text-lightProgressBarText dark:text-darkProgressBarText">{{ leftLabel }}</span>
|
|
4
|
+
<span v-if="rightLabel" class="absolute -top-6 right-0 text-sm text-lightProgressBarText dark:text-darkProgressBarText">{{ rightLabel }}</span>
|
|
5
|
+
<div
|
|
6
6
|
class="bg-lightPrimary dark:bg-darkPrimary h-2.5 rounded-full transition-all duration-300 ease-in-out"
|
|
7
|
-
:class="{ 'progress-bar': showAnimation, [`h-${props.height}`]: props.height }"
|
|
7
|
+
:class="{ 'progress-bar': showAnimation, [`h-${props.height}`]: props.height }"
|
|
8
8
|
:style="{ width: `${percentage}%` }"
|
|
9
9
|
></div>
|
|
10
10
|
<div v-if="showValues || showProgress" class="flex justify-between mt-2">
|
|
11
|
-
<span v-if="showValues" class="text-sm
|
|
12
|
-
<span v-if="showProgress" class="text-sm
|
|
13
|
-
<span v-if="showValues" class="text-sm
|
|
11
|
+
<span v-if="showValues" class="text-sm text-lightProgressBarText dark:text-darkProgressBarText">{{ formatValue(minValue) }}</span>
|
|
12
|
+
<span v-if="showProgress" class="text-sm text-lightProgressBarText dark:text-darkProgressBarText">{{ progressText }}</span>
|
|
13
|
+
<span v-if="showValues" class="text-sm text-lightProgressBarText dark:text-darkProgressBarText">{{ formatValue(maxValue) }}</span>
|
|
14
14
|
</div>
|
|
15
15
|
</div>
|
|
16
16
|
</template>
|
|
@@ -31,7 +31,6 @@ interface Props {
|
|
|
31
31
|
showProgress?: boolean
|
|
32
32
|
showAnimation?: boolean
|
|
33
33
|
height?: number
|
|
34
|
-
textClass?: string
|
|
35
34
|
}
|
|
36
35
|
|
|
37
36
|
const props = withDefaults(defineProps<Props>(), {
|
|
@@ -40,8 +39,7 @@ const props = withDefaults(defineProps<Props>(), {
|
|
|
40
39
|
formatter: (value: number) => `${value}`,
|
|
41
40
|
progressFormatter: (value: number, percentage: number) => `${value}`,
|
|
42
41
|
showValues: true,
|
|
43
|
-
showProgress: true
|
|
44
|
-
textClass: 'text-lightProgressBarText dark:text-darkProgressBarText',
|
|
42
|
+
showProgress: true
|
|
45
43
|
})
|
|
46
44
|
|
|
47
45
|
const percentage = computed((): number => {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ref, watch, type Ref } from 'vue'
|
|
2
2
|
import { defineStore } from 'pinia'
|
|
3
3
|
import { useRoute } from 'vue-router';
|
|
4
|
-
import { randomBrowserUUID } from '@/utils/browserUuid';
|
|
5
4
|
|
|
6
5
|
|
|
7
6
|
|
|
@@ -23,7 +22,7 @@ export const useToastStore = defineStore('toast', () => {
|
|
|
23
22
|
buttons?: { value: any; label: string }[];
|
|
24
23
|
onResolve?: (value?: any) => void;
|
|
25
24
|
}): string => {
|
|
26
|
-
const toastId =
|
|
25
|
+
const toastId = crypto.randomUUID();
|
|
27
26
|
toasts.value.push({
|
|
28
27
|
...toast,
|
|
29
28
|
id: toastId,
|
|
@@ -46,4 +45,4 @@ export const useToastStore = defineStore('toast', () => {
|
|
|
46
45
|
};
|
|
47
46
|
|
|
48
47
|
return { toasts, addToast, removeToast, resolveToast };
|
|
49
|
-
});
|
|
48
|
+
});
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import { randomBrowserUUID } from './browserUuid';
|
|
2
|
-
|
|
3
1
|
const ADMINFORTH_CLIENT_ID_STORAGE_KEY = 'adminforthClientId';
|
|
4
2
|
|
|
5
3
|
export const ADMINFORTH_CLIENT_ID_HEADER = 'x-adminforth-client-id';
|
|
@@ -10,7 +8,7 @@ export function getAdminForthClientId(): string {
|
|
|
10
8
|
return existingClientId;
|
|
11
9
|
}
|
|
12
10
|
|
|
13
|
-
const clientId =
|
|
11
|
+
const clientId = crypto.randomUUID();
|
|
14
12
|
sessionStorage.setItem(ADMINFORTH_CLIENT_ID_STORAGE_KEY, clientId);
|
|
15
13
|
return clientId;
|
|
16
14
|
}
|
package/package.json
CHANGED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
const UUID_BYTE_LENGTH = 16;
|
|
2
|
-
|
|
3
|
-
const UUID_HEX = Array.from(
|
|
4
|
-
{ length: 256 },
|
|
5
|
-
(_, index) => index.toString(16).padStart(2, '0'),
|
|
6
|
-
);
|
|
7
|
-
|
|
8
|
-
export function randomBrowserUUID(): string {
|
|
9
|
-
if (typeof crypto.randomUUID === 'function') {
|
|
10
|
-
return crypto.randomUUID();
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
const bytes = crypto.getRandomValues(
|
|
14
|
-
new Uint8Array(UUID_BYTE_LENGTH),
|
|
15
|
-
);
|
|
16
|
-
|
|
17
|
-
bytes[6] = (bytes[6] & 0x0f) | 0x40;
|
|
18
|
-
bytes[8] = (bytes[8] & 0x3f) | 0x80;
|
|
19
|
-
|
|
20
|
-
return [
|
|
21
|
-
UUID_HEX[bytes[0]],
|
|
22
|
-
UUID_HEX[bytes[1]],
|
|
23
|
-
UUID_HEX[bytes[2]],
|
|
24
|
-
UUID_HEX[bytes[3]],
|
|
25
|
-
'-',
|
|
26
|
-
UUID_HEX[bytes[4]],
|
|
27
|
-
UUID_HEX[bytes[5]],
|
|
28
|
-
'-',
|
|
29
|
-
UUID_HEX[bytes[6]],
|
|
30
|
-
UUID_HEX[bytes[7]],
|
|
31
|
-
'-',
|
|
32
|
-
UUID_HEX[bytes[8]],
|
|
33
|
-
UUID_HEX[bytes[9]],
|
|
34
|
-
'-',
|
|
35
|
-
UUID_HEX[bytes[10]],
|
|
36
|
-
UUID_HEX[bytes[11]],
|
|
37
|
-
UUID_HEX[bytes[12]],
|
|
38
|
-
UUID_HEX[bytes[13]],
|
|
39
|
-
UUID_HEX[bytes[14]],
|
|
40
|
-
UUID_HEX[bytes[15]],
|
|
41
|
-
].join('');
|
|
42
|
-
}
|