@dative-gpi/foundation-core-components 1.0.164 → 1.0.166

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 (19) hide show
  1. package/components/explorers/FSBaseDevicesExplorer.vue +13 -3
  2. package/components/explorers/FSBaseFoldersExplorer.vue +4 -1
  3. package/components/lists/alerts/FSBaseAlertsList.vue +2 -1
  4. package/components/lists/chartOrganisationTypes/FSBaseChartOrganisationTypesList.vue +2 -1
  5. package/components/lists/chartOrganisations/FSBaseChartOrganisationsList.vue +2 -1
  6. package/components/lists/charts/FSBaseChartsList.vue +2 -1
  7. package/components/lists/dashboardOrganisationTypes/FSBaseDashboardOrganisationTypesList.vue +2 -1
  8. package/components/lists/dashboards/FSBaseDashboardsList.vue +4 -1
  9. package/components/lists/dataCategories/FSBaseDataCategoriesList.vue +2 -1
  10. package/components/lists/dataDefinitions/FSBaseDataDefinitionsList.vue +2 -1
  11. package/components/lists/deviceOrganisations/FSBaseDeviceOrganisationsList.vue +2 -1
  12. package/components/lists/folders/FSBaseFoldersList.vue +2 -1
  13. package/components/lists/groups/FSBaseGroupsList.vue +2 -1
  14. package/components/lists/locations/FSBaseLocationsList.vue +3 -2
  15. package/components/lists/models/FSBaseModelsList.vue +2 -1
  16. package/components/lists/playlists/FSSimplePlaylistsList.vue +44 -0
  17. package/components/lists/serviceAccountOrganisations/FSBaseServiceAccountOrganisationsList.vue +2 -1
  18. package/components/lists/userOrganisations/FSBaseUserOrganisationsList.vue +2 -1
  19. package/package.json +7 -7
package/components/explorers/FSBaseDevicesExplorer.vue CHANGED
@@ -129,28 +129,38 @@
129
129
  </template>
130
130
 
131
131
  <template
132
- #item.tile="{ item, toggleSelect }"
132
+ #item.tile="{ index, item, toggleSelect }"
133
133
  >
134
134
  <FSGroupTileUI
135
135
  v-if="item.type === DeviceExplorerElementType.Group"
136
+ :key="index"
136
137
  :to="$props.itemTo && $props.itemTo(item)"
138
+ :imageId="item.imageId"
139
+ :icon="item.icon"
140
+ :label="item.label"
141
+ :code="item.code"
142
+ :recursiveGroupsIds="item.recursiveGroupsIds"
143
+ :recursiveDeviceOrganisationsIds="item.recursiveDeviceOrganisationsIds"
137
144
  :modelValue="isSelected(item.id)"
138
145
  :selectable="$props.selectable"
139
146
  @update:modelValue="toggleSelect(item)"
140
- v-bind="item"
141
147
  />
142
148
  <FSDeviceOrganisationTileUI
143
149
  v-if="item.type === DeviceExplorerElementType.DeviceOrganisation"
150
+ :key="index"
144
151
  :to="$props.itemTo && $props.itemTo(item)"
145
152
  :deviceConnectivity="item.connectivity"
146
153
  :deviceStatuses="item.status.statuses"
147
154
  :deviceWorstAlert="item.worstAlert"
148
155
  :deviceAlerts="item.alerts"
156
+ :imageId="item.imageId"
157
+ :label="item.label"
158
+ :code="item.code"
159
+ :modelStatuses="item.modelStatuses"
149
160
  :alertTo="$props.alertTo"
150
161
  :modelValue="isSelected(item.id)"
151
162
  :selectable="$props.selectable"
152
163
  @update:modelValue="toggleSelect(item)"
153
- v-bind="item"
154
164
  />
155
165
  </template>
156
166
  </FSDataTable>
package/components/explorers/FSBaseFoldersExplorer.vue CHANGED
@@ -90,10 +90,11 @@
90
90
  />
91
91
  </template>
92
92
  <template
93
- #item.tile="{ item, toggleSelect }"
93
+ #item.tile="{ index, item, toggleSelect }"
94
94
  >
95
95
  <FSFolderTileUI
96
96
  v-if="item.type == FoldersListType.Folder"
97
+ :key="index"
97
98
  :bottomColor="item.colors"
98
99
  v-bind="item"
99
100
  :selectable="$props.selectable"
@@ -103,6 +104,7 @@
103
104
  />
104
105
  <FSDashboardOrganisationTileUI
105
106
  v-if="item.type == FoldersListType.Dashboard && item.dashboardType == DashboardType.Organisation"
107
+ :key="index"
106
108
  :bottomColor="item.colors"
107
109
  :selectable="$props.selectable"
108
110
  :modelValue="isSelected(item.id)"
@@ -112,6 +114,7 @@
112
114
  />
113
115
  <FSDashboardShallowTileUI
114
116
  v-if="item.type == FoldersListType.Dashboard && item.dashboardType == DashboardType.Shallow"
117
+ :key="index"
115
118
  :bottomColor="item.colors"
116
119
  :selectable="$props.selectable"
117
120
  :modelValue="isSelected(item.id)"
package/components/lists/alerts/FSBaseAlertsList.vue CHANGED
@@ -171,9 +171,10 @@
171
171
  </FSSpan>
172
172
  </template>
173
173
  <template
174
- #item.tile="{ item, toggleSelect }"
174
+ #item.tile="{ index, item, toggleSelect }"
175
175
  >
176
176
  <FSAlertTileUI
177
+ :key="index"
177
178
  variant="standard"
178
179
  :label="item.label"
179
180
  :deviceOrganisationLabel="item.deviceOrganisationLabel"
package/components/lists/chartOrganisationTypes/FSBaseChartOrganisationTypesList.vue CHANGED
@@ -79,9 +79,10 @@
79
79
  />
80
80
  </template>
81
81
  <template
82
- #item.tile="{ item, toggleSelect}"
82
+ #item.tile="{ index, item, toggleSelect}"
83
83
  >
84
84
  <FSChartTileUI
85
+ :key="index"
85
86
  :label="item.label"
86
87
  :category-label="item.chartCategoryLabel"
87
88
  :singleSelect="$props.singleSelect"
package/components/lists/chartOrganisations/FSBaseChartOrganisationsList.vue CHANGED
@@ -79,9 +79,10 @@
79
79
  </FSRow>
80
80
  </template>
81
81
  <template
82
- #item.tile="{ item, toggleSelect }"
82
+ #item.tile="{ index, item, toggleSelect }"
83
83
  >
84
84
  <FSChartTileUI
85
+ :key="index"
85
86
  :label="item.label"
86
87
  :singleSelect="$props.singleSelect"
87
88
  :selectable="$props.selectable"
package/components/lists/charts/FSBaseChartsList.vue CHANGED
@@ -85,9 +85,10 @@
85
85
  />
86
86
  </template>
87
87
  <template
88
- #item.tile="{ item }"
88
+ #item.tile="{ index, item }"
89
89
  >
90
90
  <FSChartTileUI
91
+ :key="index"
91
92
  :label="item.label"
92
93
  :categoryLabel="item.chartCategoryLabel"
93
94
  :icon="item.icon"
package/components/lists/dashboardOrganisationTypes/FSBaseDashboardOrganisationTypesList.vue CHANGED
@@ -66,9 +66,10 @@
66
66
  />
67
67
  </template>
68
68
  <template
69
- #item.tile="{ item, toggleSelect }"
69
+ #item.tile="{ index, item, toggleSelect }"
70
70
  >
71
71
  <FSDashboardOrganisationTypeTileUI
72
+ :key="index"
72
73
  :bottomColor="item.colors"
73
74
  :selectable="$props.selectable"
74
75
  :singleSelect="$props.singleSelect"
package/components/lists/dashboards/FSBaseDashboardsList.vue CHANGED
@@ -60,10 +60,11 @@
60
60
  />
61
61
  </template>
62
62
  <template
63
- #item.tile="{ item, toggleSelect }"
63
+ #item.tile="{ index, item, toggleSelect }"
64
64
  >
65
65
  <FSDashboardOrganisationTypeTileUI
66
66
  v-if="item.dashboardType == DashboardType.OrganisationType"
67
+ :key="index"
67
68
  :bottomColor="item.colors"
68
69
  :selectable="$props.selectable"
69
70
  :singleSelect="$props.singleSelect"
@@ -74,6 +75,7 @@
74
75
  />
75
76
  <FSDashboardOrganisationTileUI
76
77
  v-if="item.dashboardType == DashboardType.Organisation"
78
+ :key="index"
77
79
  :bottomColor="item.colors"
78
80
  :selectable="$props.selectable"
79
81
  :singleSelect="$props.singleSelect"
@@ -84,6 +86,7 @@
84
86
  />
85
87
  <FSDashboardShallowTileUI
86
88
  v-if="item.dashboardType == DashboardType.Shallow"
89
+ :key="index"
87
90
  :bottomColor="item.colors"
88
91
  :selectable="$props.selectable"
89
92
  :singleSelect="$props.singleSelect"
package/components/lists/dataCategories/FSBaseDataCategoriesList.vue CHANGED
@@ -39,9 +39,10 @@
39
39
  />
40
40
  </template>
41
41
  <template
42
- #item.tile="{ item }"
42
+ #item.tile="{ index, item }"
43
43
  >
44
44
  <FSClickable
45
+ :key="index"
45
46
  padding="12px"
46
47
  height="60px"
47
48
  width="233px"
package/components/lists/dataDefinitions/FSBaseDataDefinitionsList.vue CHANGED
@@ -26,9 +26,10 @@
26
26
  />
27
27
  </template>
28
28
  <template
29
- #item.tile="{ item }"
29
+ #item.tile="{ index, item }"
30
30
  >
31
31
  <FSClickable
32
+ :key="index"
32
33
  padding="12px"
33
34
  height="60px"
34
35
  width="233px"
package/components/lists/deviceOrganisations/FSBaseDeviceOrganisationsList.vue CHANGED
@@ -138,9 +138,10 @@
138
138
  />
139
139
  </template>
140
140
  <template
141
- #item.tile="{ item, toggleSelect }"
141
+ #item.tile="{ index, item, toggleSelect }"
142
142
  >
143
143
  <FSDeviceOrganisationTileUI
144
+ :key="index"
144
145
  :to="$props.itemTo && $props.itemTo(item)"
145
146
  :selectable="$props.selectable"
146
147
  :deviceConnectivity="item.connectivity"
package/components/lists/folders/FSBaseFoldersList.vue CHANGED
@@ -37,9 +37,10 @@
37
37
  </template>
38
38
 
39
39
  <template
40
- #item.tile="{ item, toggleSelect }"
40
+ #item.tile="{ index, item, toggleSelect }"
41
41
  >
42
42
  <FSFolderTileUI
43
+ :key="index"
43
44
  :bottomColor="item.colors"
44
45
  v-bind="item"
45
46
  :modelValue="isSelected(item.id)"
package/components/lists/groups/FSBaseGroupsList.vue CHANGED
@@ -53,9 +53,10 @@
53
53
  />
54
54
  </template>
55
55
  <template
56
- #item.tile="{ item, toggleSelect }"
56
+ #item.tile="{ index, item, toggleSelect }"
57
57
  >
58
58
  <FSGroupTileUI
59
+ :key="index"
59
60
  :selectable="$props.selectable"
60
61
  :modelValue="isSelected(item.id)"
61
62
  @update:modelValue="toggleSelect(item)"
package/components/lists/locations/FSBaseLocationsList.vue CHANGED
@@ -27,10 +27,10 @@
27
27
  </template>
28
28
 
29
29
  <template
30
- #item.tile="{ item, toggleSelect }"
30
+ #item.tile="{ index, item, toggleSelect }"
31
31
  >
32
32
  <FSLocationTileUI
33
- v-bind="item"
33
+ :key="index"
34
34
  :bottomColor="item.colors"
35
35
  :address="item.address.placeLabel"
36
36
  :selectable="$props.selectable"
@@ -38,6 +38,7 @@
38
38
  :modelValue="isSelected(item.id)"
39
39
  :to="$props.itemTo && $props.itemTo(item)"
40
40
  @update:modelValue="toggleSelect(item)"
41
+ v-bind="item"
41
42
  />
42
43
  </template>
43
44
  </FSDataTable>
package/components/lists/models/FSBaseModelsList.vue CHANGED
@@ -59,9 +59,10 @@
59
59
  />
60
60
  </template>
61
61
  <template
62
- #item.tile="{ item, toggleSelect }"
62
+ #item.tile="{ index, item, toggleSelect }"
63
63
  >
64
64
  <FSModelTileUI
65
+ :key="index"
65
66
  :to="$props.itemTo && $props.itemTo(item)"
66
67
  :selectable="$props.selectable"
67
68
  :singleSelect="$props.singleSelect"
package/components/lists/playlists/FSSimplePlaylistsList.vue ADDED
@@ -0,0 +1,44 @@
1
+ <template>
2
+ <FSSimpleList
3
+ :items="playlists"
4
+ :loading="fetching"
5
+ v-bind="$attrs"
6
+ />
7
+ </template>
8
+
9
+ <script lang="ts">
10
+ import { defineComponent, type PropType, watch } from "vue";
11
+
12
+ import type { PlaylistFilters } from "@dative-gpi/foundation-core-domain/models";
13
+ import { usePlaylists } from "@dative-gpi/foundation-core-services/composables";
14
+
15
+ import FSSimpleList from "@dative-gpi/foundation-shared-components/components/lists/FSSimpleList.vue";
16
+
17
+ export default defineComponent({
18
+ name: "FSSimplePlaylistsList",
19
+ components: {
20
+ FSSimpleList,
21
+ },
22
+ props: {
23
+ playlistFilters: {
24
+ type: Object as PropType<PlaylistFilters>,
25
+ required: false,
26
+ default: () => ({})
27
+ }
28
+ },
29
+ setup(props) {
30
+ const { entities: playlists, getMany, fetching } = usePlaylists();
31
+
32
+ const fetch = () => {
33
+ getMany(props.playlistFilters);
34
+ }
35
+
36
+ watch(() => props.playlistFilters, fetch, { immediate: true });
37
+
38
+ return {
39
+ playlists,
40
+ fetching
41
+ }
42
+ }
43
+ });
44
+ </script>
package/components/lists/serviceAccountOrganisations/FSBaseServiceAccountOrganisationsList.vue CHANGED
@@ -64,9 +64,10 @@
64
64
  </FSSpan>
65
65
  </template>
66
66
  <template
67
- #item.tile="{ item, toggleSelect }"
67
+ #item.tile="{ index, item, toggleSelect }"
68
68
  >
69
69
  <FSServiceAccountOrganisationTileUI
70
+ :key="index"
70
71
  :to="$props.itemTo && $props.itemTo(item)"
71
72
  :selectable="$props.selectable"
72
73
  :modelValue="isSelected(item.id)"
package/components/lists/userOrganisations/FSBaseUserOrganisationsList.vue CHANGED
@@ -78,9 +78,10 @@
78
78
  </FSSpan>
79
79
  </template>
80
80
  <template
81
- #item.tile="{ item, toggleSelect }"
81
+ #item.tile="{ index, item, toggleSelect }"
82
82
  >
83
83
  <FSUserOrganisationTileUI
84
+ :key="index"
84
85
  :to="$props.itemTo && $props.itemTo(item)"
85
86
  :selectable="$props.selectable"
86
87
  :modelValue="isSelected(item.id)"
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.164",
4
+ "version": "1.0.166",
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.164",
14
- "@dative-gpi/foundation-core-services": "1.0.164",
15
- "@dative-gpi/foundation-shared-components": "1.0.164",
16
- "@dative-gpi/foundation-shared-domain": "1.0.164",
17
- "@dative-gpi/foundation-shared-services": "1.0.164"
13
+ "@dative-gpi/foundation-core-domain": "1.0.166",
14
+ "@dative-gpi/foundation-core-services": "1.0.166",
15
+ "@dative-gpi/foundation-shared-components": "1.0.166",
16
+ "@dative-gpi/foundation-shared-domain": "1.0.166",
17
+ "@dative-gpi/foundation-shared-services": "1.0.166"
18
18
  },
19
19
  "peerDependencies": {
20
20
  "@dative-gpi/bones-ui": "^1.0.0",
@@ -26,5 +26,5 @@
26
26
  "sass": "1.71.1",
27
27
  "sass-loader": "13.3.2"
28
28
  },
29
- "gitHead": "b7ada7cfa0089e86a46fe34dae932e04289b62d5"
29
+ "gitHead": "a4466335234a8b4151405d01a1c21801b1f2563d"
30
30
  }