@dative-gpi/foundation-core-components 1.0.127 → 1.0.128-dvh

package/components/entities/FSSelectEntitiesList.vue

@@ -19,7 +19,8 @@
             :entity-type="$props.entityType"
             :filters="simpleListFilters"
             :showEdit="false"
-            :showRemove="false"
+            :showRemove="showRemove"
+            @click:remove="onRemove"
             direction="row"
           />
         </FSSlideGroup>
@@ -96,9 +97,14 @@ export default defineComponent({
       type: Object,
       required: false,
       default: null
+    },
+    showRemove: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
-  setup(props, { attrs }){
+  setup(props, { emit, attrs }){
     const simpleListFilters = computed(() => {
       switch(props.entityType) {
         case EntityType.Device:
@@ -188,10 +194,15 @@ export default defineComponent({
       };
     });
 
+    const onRemove = (id: string) => {
+      emit("update:modelValue", props.modelValue.filter((i) => i !== id));
+    }
+
     return {
       simpleListFilters,
       baseTableAttrs,
-      tableCode
+      tableCode,
+      onRemove
     }
   }
 });

package/components/lists/alerts/FSBaseAlertsList.vue

@@ -211,9 +211,8 @@
 </template>
 
 <script lang="ts">
-import type { PropType} from "vue";
+import { computed, defineComponent, type PropType, watch } from "vue";
 import type { RouteLocation } from "vue-router";
-import { computed, defineComponent, watch } from "vue";
 import _ from "lodash";
 
 import type { AlertFilters, AlertInfos } from "@dative-gpi/foundation-core-domain/models";
@@ -285,7 +284,6 @@ export default defineComponent({
     const { getMany: getManyAlerts, entities: alerts, fetching : fetchingAlerts } = useAlerts();
     const { epochToShortTimeFormat } = useDateFormat();
 
-
     const criticityColor = (row: any) => {
       return AlertTools.criticityColor(row.criticity);
     };
@@ -304,14 +302,14 @@ export default defineComponent({
 
     watch(() => [props.alertFilters, props.notAcknowledged, props.hidePending], (next, previous) => {
       if (!_.isEqual(next, previous)) {
-        if(props.notAcknowledged){
+        if (props.notAcknowledged) {
           getManyAlerts({
             ...props.alertFilters,
             acknowledged: false,
             statuses: [AlertStatus.Unresolved, AlertStatus.Triggered],
           });
         }
-        else{
+        else {
           getManyAlerts({
             ...props.alertFilters,
             statuses: props.hidePending ?
@@ -322,7 +320,6 @@ export default defineComponent({
       }
     }, { immediate: true });
 
-
     return {
       fetchingAlerts,
       alertsOrdered,

package/components/tiles/FSChartTile.vue

@@ -0,0 +1,70 @@
+<template>
+  <FSChartTileUI
+    v-if="chart"
+    :label="chart.label"
+    :icon="chart.icon"
+    :type="chart.chartType"
+    :imageId="chart.imageId"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, type PropType, watch } from "vue";
+
+import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
+import { chartIcon } from "@dative-gpi/foundation-shared-components/tools";
+
+import { useChartOrganisation, useChartOrganisationType } from "@dative-gpi/foundation-core-services/composables";
+import { ApplicationScope } from "@dative-gpi/foundation-shared-domain/enums";
+
+import FSChartTileUI from "@dative-gpi/foundation-shared-components/components/tiles/FSChartTileUI.vue";
+
+export default defineComponent({
+  name: "FSChartTile",
+  components: {
+    FSChartTileUI
+  },
+  props: {
+    chartId: {
+      type: String,
+      required: true
+    },
+    scope: {
+      type: Object as PropType<ApplicationScope | number>,
+      required : true
+    }
+  },
+  setup(props) {
+    const { get : fetchChartOrganisationType, entity : chartOrganisationType } = useChartOrganisationType();
+    const { get : fetchChartOrganisation, entity : chartOrganisation } = useChartOrganisation();
+
+    const chart = computed(() => {
+      if (props.scope == ApplicationScope.Organisation) {
+        return chartOrganisation.value;
+      }
+      else if (props.scope == ApplicationScope.OrganisationType) {
+        return chartOrganisationType.value;
+      }
+      else {
+        return null
+      }
+    });
+
+    watch(() => [props.chartId, props.scope], () => {
+      if (props.scope == ApplicationScope.Organisation) {
+        fetchChartOrganisation(props.chartId);
+      }
+      else if (props.scope == ApplicationScope.OrganisationType) {
+        fetchChartOrganisationType(props.chartId)
+      }
+    }, {immediate : true})
+
+    return {
+      ColorEnum,
+      chart,
+      chartIcon
+    };
+  }
+});
+</script>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-core-components",
   "sideEffects": false,
-  "version": "1.0.127",
+  "version": "1.0.128-dvh",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,11 +10,11 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-core-domain": "1.0.127",
-    "@dative-gpi/foundation-core-services": "1.0.127",
-    "@dative-gpi/foundation-shared-components": "1.0.127",
-    "@dative-gpi/foundation-shared-domain": "1.0.127",
-    "@dative-gpi/foundation-shared-services": "1.0.127"
+    "@dative-gpi/foundation-core-domain": "1.0.128-dvh",
+    "@dative-gpi/foundation-core-services": "1.0.128-dvh",
+    "@dative-gpi/foundation-shared-components": "1.0.128-dvh",
+    "@dative-gpi/foundation-shared-domain": "1.0.128-dvh",
+    "@dative-gpi/foundation-shared-services": "1.0.128-dvh"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -26,5 +26,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "b0ad78457ad86632d841709d3fc3951a8e44c667"
+  "gitHead": "02186299b1e99ef0040b5f09892143f046fe119d"
 }