@dative-gpi/foundation-shared-components 1.0.137-widgetextensions2 → 1.0.138

package/components/FSChipGroup.vue

@@ -0,0 +1,69 @@
+<template>
+  <FSWrapGroup
+    v-if="$props.variant === 'wrap'"
+    v-bind="$attrs"
+  >
+    <FSChip
+      v-for="(label, index) in $props.labels"
+      :key="index"
+      :variant="$props.chipVariant"
+      :color="$props.color"
+      :label="label"
+    />
+    <slot />
+  </FSWrapGroup>
+  <FSSlideGroup
+    v-if="$props.variant === 'slide'"
+    v-bind="$attrs"
+  >
+    <FSChip
+      v-for="(label, index) in $props.labels"
+      :key="index"
+      :variant="$props.chipVariant"
+      :color="$props.color"
+      :label="label"
+    />
+    <slot />
+  </FSSlideGroup>
+</template>
+  
+  <script lang="ts">
+import { defineComponent, type PropType } from "vue";
+  
+import { type ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
+  
+import FSSlideGroup from "./FSSlideGroup.vue";
+import FSWrapGroup from "./FSWrapGroup.vue";
+import FSChip from "./FSChip.vue";
+  
+export default defineComponent({
+  name: "FSChipGroup",
+  components: {
+    FSSlideGroup,
+    FSWrapGroup,
+    FSChip
+  },
+  props: {
+    labels: {
+      type: Array as PropType<string[]>,
+      required: false,
+      default: () => []
+    },
+    variant: {
+      type: String as PropType<"wrap" | "slide">,
+      required: false,
+      default: "wrap"
+    },
+    chipVariant: {
+      type: String as PropType<"standard" | "full" | "borderless">,
+      required: false,
+      default: "full"
+    },
+    color: {
+      type: String as PropType<ColorBase>,
+      required: false,
+      default: ColorEnum.Light
+    }
+  }
+});
+  </script>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "1.0.137-widgetextensions2",
+  "version": "1.0.138",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.0.137-widgetextensions2",
-    "@dative-gpi/foundation-shared-services": "1.0.137-widgetextensions2"
+    "@dative-gpi/foundation-shared-domain": "1.0.138",
+    "@dative-gpi/foundation-shared-services": "1.0.138"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -35,5 +35,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "cad1342d5c937276bcb3f03f852f273e8a182a9b"
+  "gitHead": "ec1370eef99afdec2bd4425c7010c1012c23563e"
 }

package/tools/index.ts

@@ -1,3 +1,4 @@
 export * from "./alertsTools";
 export * from "./chartsTools";
+export * from "./reportsTools";
 export * from "./timeRangeTools";

package/tools/reportsTools.ts

@@ -0,0 +1,38 @@
+import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
+import { ColorEnum } from "../models";
+import { JobState } from "@dative-gpi/foundation-shared-domain/enums";
+
+const { $tr } = useTranslationsProvider();
+
+export const getColorByState = (state: number | JobState | undefined) => {
+  switch (state) {
+    case JobState.Succeeded:
+      return ColorEnum.Success;
+    case JobState.Failed:
+      return ColorEnum.Error;
+    default:
+      return ColorEnum.Primary;
+  }
+};
+
+export const getIconByState = (state: number | JobState | undefined) => {
+  switch (state) {
+    case JobState.Succeeded:
+      return 'mdi-check-circle-outline';
+    case JobState.Failed:
+      return 'mdi-alert-circle-outline';
+    default:
+      return 'mdi-alert-circle-outline';
+  }
+};
+
+export const getLabelByState = (state: number | JobState | undefined) => {
+  switch (state) {
+    case JobState.Succeeded:
+      return $tr('ui.common.success', 'Success');
+    case JobState.Failed:
+      return $tr('ui.common.error', 'Error');
+    default:
+      return $tr('ui.common.executed', 'Executed');
+  }
+};