@dative-gpi/foundation-core-components 1.0.66 → 1.0.68

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.
Files changed (5) hide show
  1. package/components/explorers/FSBaseFoldersExplorer.vue +31 -8
  2. package/components/lists/models/FSBaseModelsList.vue +25 -12
  3. package/components/lists/roleOrganisations/FSBaseRoleOrganisationsList.vue +11 -11
  4. package/components/lists/serviceAccountRoleOrganisations/FSBaseServiceAccountRoleOrganisations.vue +127 -0
  5. package/package.json +7 -7
package/components/explorers/FSBaseFoldersExplorer.vue CHANGED
@@ -17,7 +17,30 @@
17
17
  v-bind="slotData"
18
18
  />
19
19
  </template>
20
-
20
+ <template
21
+ #header.imageId-title
22
+ >
23
+ <FSIcon>
24
+ mdi-panorama-variant-outline
25
+ </FSIcon>
26
+ </template>
27
+ <template
28
+ #item.imageId="{ item }"
29
+ >
30
+ <FSImage
31
+ v-if="item.imageId"
32
+ height="38px"
33
+ width="38px"
34
+ :imageId="item.imageId"
35
+ />
36
+ </template>
37
+ <template
38
+ #item.icon="{ item }"
39
+ >
40
+ <FSIcon>
41
+ {{ item.icon }}
42
+ </FSIcon>
43
+ </template>
21
44
  <template
22
45
  #item.main="{ item }"
23
46
  >
@@ -32,15 +55,13 @@
32
55
  mdi-home
33
56
  </FSIcon>
34
57
  </template>
35
-
36
58
  <template
37
- #item.icon="{ item }"
59
+ #item.locked="{ item }"
38
60
  >
39
- <FSIcon>
40
- {{ item.icon }}
41
- </FSIcon>
61
+ <FSIconCheck
62
+ :value="item.locked"
63
+ />
42
64
  </template>
43
-
44
65
  <template
45
66
  #item.tile="{ item, toggleSelect }"
46
67
  >
@@ -90,6 +111,7 @@ import FSIcon from "@dative-gpi/foundation-shared-components/components/FSIcon.v
90
111
  import FSFolderTileUI from "@dative-gpi/foundation-shared-components/components/tiles/FSFolderTileUI.vue";
91
112
  import FSDashboardOrganisationTileUI from "@dative-gpi/foundation-shared-components/components/tiles/FSDashboardOrganisationTileUI.vue";
92
113
  import FSDashboardShallowTileUI from "@dative-gpi/foundation-shared-components/components/tiles/FSDashboardShallowTileUI.vue";
114
+ import FSIconCheck from "@dative-gpi/foundation-shared-components/components/FSIconCheck.vue";
93
115
 
94
116
  export default defineComponent({
95
117
  name: "FSBaseFoldersExplorer",
@@ -98,7 +120,8 @@ export default defineComponent({
98
120
  FSIcon,
99
121
  FSFolderTileUI,
100
122
  FSDashboardOrganisationTileUI,
101
- FSDashboardShallowTileUI
123
+ FSDashboardShallowTileUI,
124
+ FSIconCheck
102
125
  },
103
126
  props: {
104
127
  foldersFilters: {
package/components/lists/models/FSBaseModelsList.vue CHANGED
@@ -1,8 +1,10 @@
1
1
  <template>
2
2
  <FSDataTable
3
+ :singleSelect="$props.singleSelect"
4
+ :showSelect="$props.editable"
5
+ :tableCode="$props.tableCode"
3
6
  :loading="fetchingModels"
4
7
  :items="models"
5
- :tableCode="$props.tableCode"
6
8
  :modelValue="$props.modelValue"
7
9
  @update:modelValue="$emit('update:modelValue', $event)"
8
10
  v-bind="$attrs"
@@ -58,12 +60,13 @@
58
60
  #item.tile="{ item, toggleSelect }"
59
61
  >
60
62
  <FSModelTileUI
61
- v-bind="item"
63
+ :to="$props.itemTo && $props.itemTo(item)"
64
+ :singleSelect="$props.singleSelect"
62
65
  :imageId="item.imageId"
63
66
  :label="item.label"
64
67
  :modelValue="isSelected(item.id)"
65
- :to="$props.itemTo && $props.itemTo(item)"
66
68
  @update:modelValue="toggleSelect(item)"
69
+ v-bind="item"
67
70
  />
68
71
  </template>
69
72
  </FSDataTable>
@@ -95,23 +98,33 @@ export default defineComponent({
95
98
  FSIcon,
96
99
  },
97
100
  props: {
101
+ tableCode: {
102
+ type: String,
103
+ required: true
104
+ },
98
105
  modelsFilters: {
99
106
  type: Object as PropType<ModelFilters>,
100
107
  required: false,
101
108
  default: null
102
109
  },
103
- modelValue: {
104
- type: Array as PropType<string[]>,
105
- default: () => [],
106
- required: false
107
- },
108
110
  itemTo: {
109
111
  type: Function as PropType<(item: ModelInfos) => Partial<RouteLocation>>,
110
112
  required: false
111
113
  },
112
- tableCode: {
113
- type: String,
114
- required: true
114
+ editable: {
115
+ type: Boolean,
116
+ required: false,
117
+ default: true
118
+ },
119
+ singleSelect: {
120
+ type: Boolean,
121
+ required: false,
122
+ default: false
123
+ },
124
+ modelValue: {
125
+ type: Array as PropType<string[]>,
126
+ default: () => [],
127
+ required: false
115
128
  }
116
129
  },
117
130
  emits: ["update:modelValue"],
@@ -130,8 +143,8 @@ export default defineComponent({
130
143
 
131
144
  return {
132
145
  fetchingModels,
133
- models,
134
146
  ColorEnum,
147
+ models,
135
148
  isSelected
136
149
  };
137
150
  }
package/components/lists/roleOrganisations/FSBaseRoleOrganisationsList.vue CHANGED
@@ -1,10 +1,10 @@
1
1
  <template>
2
2
  <FSDataTable
3
- :items="roleOrganisations"
4
- :itemTo="$props.itemTo"
5
3
  :loading="fetchingRoleOrganisations"
6
4
  :showSelect="$props.editable"
7
5
  :tableCode="$props.tableCode"
6
+ :items="roleOrganisations"
7
+ :itemTo="$props.itemTo"
8
8
  :modelValue="$props.modelValue"
9
9
  @update:modelValue="$emit('update:modelValue', $event)"
10
10
  v-bind="$attrs"
@@ -52,29 +52,29 @@
52
52
  </template>
53
53
 
54
54
  <script lang="ts">
55
- import type { PropType} from "vue";
56
- import { defineComponent, watch } from "vue";
57
- import type { RouteLocation } from "vue-router";
55
+ import { defineComponent, type PropType, watch } from "vue";
56
+ import { type RouteLocation } from "vue-router";
58
57
  import _ from "lodash";
59
58
 
60
- import type { RoleOrganisationFilters, RoleOrganisationInfos } from "@dative-gpi/foundation-core-domain/models";
59
+ import { type RoleOrganisationFilters, type RoleOrganisationInfos } from "@dative-gpi/foundation-core-domain/models";
61
60
  import { userTypeIcon, userTypeLabel } from "@dative-gpi/foundation-core-components/utils";
62
61
  import { useRoleOrganisations } from "@dative-gpi/foundation-core-services/composables";
63
62
 
64
- import FSDataTable from "../FSDataTable.vue";
65
- import FSRow from "@dative-gpi/foundation-shared-components/components/FSRow.vue";
63
+ import FSTagGroup from "@dative-gpi/foundation-shared-components/components/FSTagGroup.vue";
66
64
  import FSIcon from "@dative-gpi/foundation-shared-components/components/FSIcon.vue";
67
65
  import FSText from "@dative-gpi/foundation-shared-components/components/FSText.vue";
68
- import FSTagGroup from "@dative-gpi/foundation-shared-components/components/FSTagGroup.vue";
66
+ import FSRow from "@dative-gpi/foundation-shared-components/components/FSRow.vue";
67
+
68
+ import FSDataTable from "../FSDataTable.vue";
69
69
 
70
70
  export default defineComponent({
71
71
  name: "FSBaseRoleOrganisationsList",
72
72
  components: {
73
73
  FSDataTable,
74
- FSRow,
74
+ FSTagGroup,
75
75
  FSIcon,
76
76
  FSText,
77
- FSTagGroup
77
+ FSRow
78
78
  },
79
79
  props: {
80
80
  tableCode: {
package/components/lists/serviceAccountRoleOrganisations/FSBaseServiceAccountRoleOrganisations.vue ADDED
@@ -0,0 +1,127 @@
1
+ <template>
2
+ <FSDataTable
3
+ :loading="fetchingServiceAccountRoleOrganisations"
4
+ :items="serviceAccountRoleOrganisations"
5
+ :showSelect="$props.editable"
6
+ :tableCode="$props.tableCode"
7
+ :itemTo="$props.itemTo"
8
+ :modelValue="$props.modelValue"
9
+ @update:modelValue="$emit('update:modelValue', $event)"
10
+ v-bind="$attrs"
11
+ >
12
+ <template
13
+ v-for="(_, name) in $slots"
14
+ v-slot:[name]="slotData"
15
+ >
16
+ <slot
17
+ :name="name"
18
+ v-bind="slotData"
19
+ />
20
+ </template>
21
+ <template
22
+ #item.icon="{ item }"
23
+ >
24
+ <FSIcon>
25
+ {{ item.icon }}
26
+ </FSIcon>
27
+ </template>
28
+ <template
29
+ #item.userType="{ item }"
30
+ >
31
+ <FSRow
32
+ align="center-left"
33
+ >
34
+ <FSIcon>
35
+ {{ userTypeIcon(item.userType) }}
36
+ </FSIcon>
37
+ <FSText>
38
+ {{ userTypeLabel(item.userType) }}
39
+ </FSText>
40
+ </FSRow>
41
+ </template>
42
+ <template
43
+ #item.tags="{ item }"
44
+ >
45
+ <FSTagGroup
46
+ variant="slide"
47
+ :editable="false"
48
+ :tags="item.tags"
49
+ />
50
+ </template>
51
+ </FSDataTable>
52
+ </template>
53
+
54
+ <script lang="ts">
55
+ import { defineComponent, type PropType, watch } from "vue";
56
+ import { type RouteLocation } from "vue-router";
57
+ import _ from "lodash";
58
+
59
+ import { type ServiceAccountRoleOrganisationFilters, type ServiceAccountRoleOrganisationInfos } from "@dative-gpi/foundation-core-domain/models";
60
+ import { useServiceAccountRoleOrganisations } from "@dative-gpi/foundation-core-services/composables";
61
+ import { userTypeIcon, userTypeLabel } from "@dative-gpi/foundation-core-components/utils";
62
+
63
+ import FSTagGroup from "@dative-gpi/foundation-shared-components/components/FSTagGroup.vue";
64
+ import FSIcon from "@dative-gpi/foundation-shared-components/components/FSIcon.vue";
65
+ import FSText from "@dative-gpi/foundation-shared-components/components/FSText.vue";
66
+ import FSRow from "@dative-gpi/foundation-shared-components/components/FSRow.vue";
67
+
68
+ import FSDataTable from "../FSDataTable.vue";
69
+
70
+ export default defineComponent({
71
+ name: "FSBaseServiceAccountRoleOrganisationsList",
72
+ components: {
73
+ FSDataTable,
74
+ FSTagGroup,
75
+ FSIcon,
76
+ FSText,
77
+ FSRow
78
+ },
79
+ props: {
80
+ tableCode: {
81
+ type: String,
82
+ required: true
83
+ },
84
+ serviceAccountRoleOrganisationsFilters: {
85
+ type: Object as PropType<ServiceAccountRoleOrganisationFilters | null>,
86
+ required: false,
87
+ default: null
88
+ },
89
+ itemTo: {
90
+ type: Function as PropType<(item: ServiceAccountRoleOrganisationInfos) => Partial<RouteLocation>>,
91
+ required: false
92
+ },
93
+ editable: {
94
+ type: Boolean,
95
+ required: false,
96
+ default: true
97
+ },
98
+ modelValue: {
99
+ type: Array as PropType<string[]>,
100
+ required: false,
101
+ default: () => []
102
+ }
103
+ },
104
+ emits: ["update:modelValue"],
105
+ setup(props) {
106
+ const { getMany: getManyServiceAccountRoleOrganisations, fetching: fetchingServiceAccountRoleOrganisations, entities: serviceAccountRoleOrganisations } = useServiceAccountRoleOrganisations();
107
+
108
+ const isSelected = (id: string): boolean => {
109
+ return props.modelValue.includes(id);
110
+ };
111
+
112
+ watch(() => props.serviceAccountRoleOrganisationsFilters, (next, previous) => {
113
+ if ((!next && !previous) || !_.isEqual(next, previous)) {
114
+ getManyServiceAccountRoleOrganisations(props.serviceAccountRoleOrganisationsFilters ?? undefined);
115
+ }
116
+ }, { immediate: true });
117
+
118
+ return {
119
+ fetchingServiceAccountRoleOrganisations,
120
+ serviceAccountRoleOrganisations,
121
+ userTypeLabel,
122
+ userTypeIcon,
123
+ isSelected
124
+ };
125
+ }
126
+ });
127
+ </script>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dative-gpi/foundation-core-components",
3
3
  "sideEffects": false,
4
- "version": "1.0.66",
4
+ "version": "1.0.68",
5
5
  "description": "",
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -10,11 +10,11 @@
10
10
  "author": "",
11
11
  "license": "ISC",
12
12
  "dependencies": {
13
- "@dative-gpi/foundation-core-domain": "1.0.66",
14
- "@dative-gpi/foundation-core-services": "1.0.66",
15
- "@dative-gpi/foundation-shared-components": "1.0.66",
16
- "@dative-gpi/foundation-shared-domain": "1.0.66",
17
- "@dative-gpi/foundation-shared-services": "1.0.66"
13
+ "@dative-gpi/foundation-core-domain": "1.0.68",
14
+ "@dative-gpi/foundation-core-services": "1.0.68",
15
+ "@dative-gpi/foundation-shared-components": "1.0.68",
16
+ "@dative-gpi/foundation-shared-domain": "1.0.68",
17
+ "@dative-gpi/foundation-shared-services": "1.0.68"
18
18
  },
19
19
  "peerDependencies": {
20
20
  "@dative-gpi/bones-ui": "^0.0.75",
@@ -26,5 +26,5 @@
26
26
  "sass": "1.71.1",
27
27
  "sass-loader": "13.3.2"
28
28
  },
29
- "gitHead": "84d2d567d51959856200d302f7972b04bc56675a"
29
+ "gitHead": "341389f8890f7ebe2e0ac03ea54e5ed38e9c7e56"
30
30
  }