@dative-gpi/foundation-shared-components 1.0.128 → 1.0.130-maps2
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/components/FSBreadcrumbs.vue +20 -12
- package/components/FSChip.vue +2 -2
- package/components/FSDialogMenu.vue +17 -8
- package/components/FSDialogRemove.vue +1 -1
- package/components/FSFadeOut.vue +24 -9
- package/components/FSIconCard.vue +26 -3
- package/components/FSInstantPicker.vue +266 -0
- package/components/FSPlayButtons.vue +72 -0
- package/components/FSProgressBar.vue +94 -0
- package/components/FSSpan.vue +8 -5
- package/components/FSText.vue +7 -5
- package/components/deviceOrganisations/FSStatusRichCard.vue +170 -0
- package/components/fields/FSAutocompleteField.vue +36 -52
- package/components/fields/FSDateField.vue +1 -0
- package/components/fields/FSSelectField.vue +41 -53
- package/components/fields/FSTermField.vue +11 -8
- package/components/fields/FSTranslateRichTextField.vue +17 -2
- package/components/fields/periodicField/FSPeriodicWeeklyField.vue +21 -11
- package/components/lists/FSDataTableUI.vue +30 -19
- package/components/map/FSMap.vue +19 -10
- package/components/map/FSMapMarker.vue +4 -4
- package/components/map/FSMapMarkerClusterGroup.vue +1 -1
- package/components/map/FSMapOverlay.vue +34 -19
- package/components/tiles/FSGroupTileUI.vue +14 -1
- package/components/tiles/FSLocationTileUI.vue +1 -1
- package/components/tiles/FSSimpleTileUI.vue +1 -1
- package/components/views/desktop/FSBaseDefaultDesktopView.vue +8 -7
- package/components/views/desktop/FSBaseEntityDesktopView.vue +1 -0
- package/components/views/mobile/FSBaseDefaultMobileView.vue +8 -7
- package/components/views/mobile/FSBaseEntityMobileView.vue +1 -0
- package/composables/useSlots.ts +2 -1
- package/models/rules.ts +5 -2
- package/package.json +4 -4
- package/styles/components/fs_breadcrumbs.scss +19 -31
- package/styles/components/fs_button.scss +7 -5
- package/styles/components/fs_chip.scss +8 -6
- package/styles/components/fs_clickable.scss +14 -12
- package/styles/components/fs_data_iterator_item.scss +12 -10
- package/styles/components/fs_dialog.scss +1 -1
- package/styles/components/fs_dialog_menu.scss +4 -2
- package/styles/components/fs_image_card.scss +5 -3
- package/styles/components/fs_map.scss +48 -16
- package/styles/components/fs_password_field.scss +4 -2
- package/styles/components/fs_progress_bar.scss +14 -0
- package/styles/components/fs_select_field.scss +4 -0
- package/styles/components/fs_span.scss +12 -4
- package/styles/components/fs_status_rich_card.scss +13 -0
- package/styles/components/fs_tabs.scss +9 -5
- package/styles/components/fs_tag.scss +9 -7
- package/styles/components/index.scss +2 -0
- package/styles/globals/overrides.scss +11 -4
- package/styles/globals/scrollbars.scss +10 -0
- package/utils/index.ts +1 -0
- package/utils/operations.ts +69 -0
- package/components/tiles/FSChartTile.vue +0 -73
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<FSChartTileUI
|
|
3
|
-
v-if="chart"
|
|
4
|
-
:label="chart.label"
|
|
5
|
-
:icon="chart.icon"
|
|
6
|
-
:type="chart.chartType"
|
|
7
|
-
:imageId="chart.imageId"
|
|
8
|
-
v-bind="$attrs"
|
|
9
|
-
/>
|
|
10
|
-
</template>
|
|
11
|
-
|
|
12
|
-
<script lang="ts">
|
|
13
|
-
import { defineComponent, watch, computed } from "vue";
|
|
14
|
-
import type { PropType } from "vue";
|
|
15
|
-
|
|
16
|
-
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
17
|
-
import { chartIcon } from "@dative-gpi/foundation-shared-components/tools";
|
|
18
|
-
|
|
19
|
-
import { useChartOrganisation, useChartOrganisationType } from "@dative-gpi/foundation-core-services/composables";
|
|
20
|
-
|
|
21
|
-
import { ApplicationScope } from "@dative-gpi/foundation-shared-domain/enums";
|
|
22
|
-
import FSChartTileUI from "./FSChartTileUI.vue";
|
|
23
|
-
|
|
24
|
-
export default defineComponent({
|
|
25
|
-
name: "FSChartTile",
|
|
26
|
-
components: {
|
|
27
|
-
FSChartTileUI
|
|
28
|
-
},
|
|
29
|
-
props: {
|
|
30
|
-
chartId: {
|
|
31
|
-
type: String,
|
|
32
|
-
required: true
|
|
33
|
-
},
|
|
34
|
-
scope: {
|
|
35
|
-
type: Object as PropType<ApplicationScope | number>,
|
|
36
|
-
required : true
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
setup(props) {
|
|
40
|
-
|
|
41
|
-
const {get : fetchChartOrganisation, entity : chartOrganisation } = useChartOrganisation();
|
|
42
|
-
const {get : fetchChartOrganisationType, entity : chartOrganisationType } = useChartOrganisationType();
|
|
43
|
-
|
|
44
|
-
const chart = computed(() =>{
|
|
45
|
-
if(props.scope == ApplicationScope.Organisation){
|
|
46
|
-
return chartOrganisation.value;
|
|
47
|
-
}
|
|
48
|
-
else if(props.scope == ApplicationScope.OrganisationType){
|
|
49
|
-
return chartOrganisationType.value;
|
|
50
|
-
}
|
|
51
|
-
else{
|
|
52
|
-
return null
|
|
53
|
-
}
|
|
54
|
-
})
|
|
55
|
-
|
|
56
|
-
watch(() => [props.chartId, props.scope], () =>{
|
|
57
|
-
if(props.scope == ApplicationScope.Organisation){
|
|
58
|
-
fetchChartOrganisation(props.chartId);
|
|
59
|
-
}
|
|
60
|
-
else if(props.scope == ApplicationScope.OrganisationType)
|
|
61
|
-
{
|
|
62
|
-
fetchChartOrganisationType(props.chartId)
|
|
63
|
-
}
|
|
64
|
-
}, {immediate : true})
|
|
65
|
-
|
|
66
|
-
return {
|
|
67
|
-
ColorEnum,
|
|
68
|
-
chart,
|
|
69
|
-
chartIcon
|
|
70
|
-
};
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
</script>
|