@dative-gpi/foundation-shared-components 1.0.159-foldertile → 1.0.159-kioskv2
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.
|
@@ -6,80 +6,15 @@
|
|
|
6
6
|
:iconBorder="false"
|
|
7
7
|
:icon="$props.icon"
|
|
8
8
|
v-bind="$attrs"
|
|
9
|
-
|
|
10
|
-
<template
|
|
11
|
-
#append-info
|
|
12
|
-
>
|
|
13
|
-
<FSCol
|
|
14
|
-
gap="6px"
|
|
15
|
-
>
|
|
16
|
-
<FSRow
|
|
17
|
-
align="center-left"
|
|
18
|
-
>
|
|
19
|
-
<FSColor
|
|
20
|
-
height="24px"
|
|
21
|
-
width="24px"
|
|
22
|
-
:color="ColorEnum.Primary"
|
|
23
|
-
:border="false"
|
|
24
|
-
>
|
|
25
|
-
<FSRow
|
|
26
|
-
align="center-center"
|
|
27
|
-
>
|
|
28
|
-
<FSSpan
|
|
29
|
-
font="text-overline"
|
|
30
|
-
>
|
|
31
|
-
{{ foldersBadgeContent }}
|
|
32
|
-
</FSSpan>
|
|
33
|
-
</FSRow>
|
|
34
|
-
</FSColor>
|
|
35
|
-
<FSSpan
|
|
36
|
-
font="text-overline"
|
|
37
|
-
>
|
|
38
|
-
{{ $tr("ui.common.folders", "Folder(s)") }}
|
|
39
|
-
</FSSpan>
|
|
40
|
-
</FSRow>
|
|
41
|
-
<FSRow
|
|
42
|
-
align="center-left"
|
|
43
|
-
>
|
|
44
|
-
<FSColor
|
|
45
|
-
height="24px"
|
|
46
|
-
width="24px"
|
|
47
|
-
:color="ColorEnum.Success"
|
|
48
|
-
:border="false"
|
|
49
|
-
>
|
|
50
|
-
<FSRow
|
|
51
|
-
align="center-center"
|
|
52
|
-
>
|
|
53
|
-
<FSSpan
|
|
54
|
-
font="text-overline"
|
|
55
|
-
>
|
|
56
|
-
{{ dashboardsBadgeContent }}
|
|
57
|
-
</FSSpan>
|
|
58
|
-
</FSRow>
|
|
59
|
-
</FSColor>
|
|
60
|
-
<FSSpan
|
|
61
|
-
font="text-overline"
|
|
62
|
-
>
|
|
63
|
-
{{ $tr("ui.common.dashboards", "Dashboard(s)") }}
|
|
64
|
-
</FSSpan>
|
|
65
|
-
</FSRow>
|
|
66
|
-
</FSCol>
|
|
67
|
-
</template>
|
|
68
|
-
</FSSimpleTileUI>
|
|
9
|
+
/>
|
|
69
10
|
</template>
|
|
70
11
|
|
|
71
12
|
<script lang="ts">
|
|
72
13
|
import { computed, defineComponent, type PropType } from "vue";
|
|
73
14
|
|
|
74
|
-
import { capNumberToString } from '@dative-gpi/foundation-shared-components/utils';
|
|
75
|
-
|
|
76
15
|
import { type ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
77
16
|
|
|
78
17
|
import FSSimpleTileUI from "./FSSimpleTileUI.vue";
|
|
79
|
-
import FSColor from "../FSColor.vue";
|
|
80
|
-
import FSSpan from "../FSSpan.vue";
|
|
81
|
-
import FSCol from "../FSCol.vue";
|
|
82
|
-
import FSRow from "../FSRow.vue";
|
|
83
18
|
|
|
84
19
|
export default defineComponent({
|
|
85
20
|
name: "FSFolderTileUI",
|
|
@@ -93,24 +28,10 @@ export default defineComponent({
|
|
|
93
28
|
type: String,
|
|
94
29
|
required: false,
|
|
95
30
|
default: "mdi-folder-outline"
|
|
96
|
-
}
|
|
97
|
-
recursiveFoldersIds: {
|
|
98
|
-
type: Array as PropType<string[]>,
|
|
99
|
-
required: false,
|
|
100
|
-
default: () => []
|
|
101
|
-
},
|
|
102
|
-
recursiveDashboardsIds: {
|
|
103
|
-
type: Array as PropType<string[]>,
|
|
104
|
-
required: false,
|
|
105
|
-
default: () => []
|
|
106
|
-
},
|
|
31
|
+
}
|
|
107
32
|
},
|
|
108
33
|
components: {
|
|
109
|
-
FSSimpleTileUI
|
|
110
|
-
FSColor,
|
|
111
|
-
FSSpan,
|
|
112
|
-
FSCol,
|
|
113
|
-
FSRow
|
|
34
|
+
FSSimpleTileUI
|
|
114
35
|
},
|
|
115
36
|
setup(props){
|
|
116
37
|
const color = computed(() => {
|
|
@@ -120,15 +41,8 @@ export default defineComponent({
|
|
|
120
41
|
return props.bottomColor;
|
|
121
42
|
});
|
|
122
43
|
|
|
123
|
-
const foldersBadgeContent = computed(() => capNumberToString(props.recursiveFoldersIds.length));
|
|
124
|
-
|
|
125
|
-
const dashboardsBadgeContent = computed(() => capNumberToString(props.recursiveDashboardsIds.length));
|
|
126
|
-
|
|
127
44
|
return {
|
|
128
|
-
color
|
|
129
|
-
ColorEnum,
|
|
130
|
-
foldersBadgeContent,
|
|
131
|
-
dashboardsBadgeContent,
|
|
45
|
+
color
|
|
132
46
|
};
|
|
133
47
|
}
|
|
134
48
|
});
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
</FSRow>
|
|
30
30
|
<FSCol
|
|
31
31
|
v-if="$props.breadcrumbs && $props.breadcrumbs.length > 0"
|
|
32
|
-
:padding="`0px ${isTouchScreenEnabled ? '20px' : '12px'}
|
|
32
|
+
:padding="`0px ${isTouchScreenEnabled ? '20px' : '12px'} 12px 12px`"
|
|
33
33
|
gap="16px"
|
|
34
34
|
>
|
|
35
35
|
<FSCol>
|
|
@@ -108,7 +108,7 @@ export default defineComponent({
|
|
|
108
108
|
toolbarTopOffset: {
|
|
109
109
|
type: String,
|
|
110
110
|
required: false,
|
|
111
|
-
default: "
|
|
111
|
+
default: "52px"
|
|
112
112
|
},
|
|
113
113
|
stickyTitleTopOffset: {
|
|
114
114
|
type: String,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dative-gpi/foundation-shared-components",
|
|
3
3
|
"sideEffects": false,
|
|
4
|
-
"version": "1.0.159-
|
|
4
|
+
"version": "1.0.159-kioskv2",
|
|
5
5
|
"description": "",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"author": "",
|
|
11
11
|
"license": "ISC",
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@dative-gpi/foundation-shared-domain": "1.0.159-
|
|
14
|
-
"@dative-gpi/foundation-shared-services": "1.0.159-
|
|
13
|
+
"@dative-gpi/foundation-shared-domain": "1.0.159-kioskv2",
|
|
14
|
+
"@dative-gpi/foundation-shared-services": "1.0.159-kioskv2"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"@dative-gpi/bones-ui": "^1.0.0",
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"sass": "1.71.1",
|
|
36
36
|
"sass-loader": "13.3.2"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "596bfa661dad67a01ef42697605be5107f3dae2f"
|
|
39
39
|
}
|