@dative-gpi/foundation-core-components 0.0.230 → 0.1.68

package/components/lists/scenarioOrganisationTypes/FSBaseScenarioOrganisationTypesList.vue

@@ -0,0 +1,120 @@
+<template>
+  <FSDataTable
+    :items="scenarioOrganisationTypes"
+    :itemTo="$props.itemTo"
+    :loading="fetchingScenarioOrganisationTypes"
+    :showSelect="$props.editable"
+    :tableCode="$props.tableCode"
+    :modelValue="$props.modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  >
+    <template
+      v-for="(_, name) in $slots"
+      v-slot:[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="slotData"
+      />
+    </template>
+
+    <template
+      #item.icon="{ item }"
+    >
+      <FSIcon>
+        {{ item.icon }}
+      </FSIcon>
+    </template>
+
+    <template
+      #item.imageId="{ item }"
+    >
+      <FSImage
+        v-if="item.imageId"
+        height="32px"
+        width="32px"
+        :imageId="item.imageId"
+      />
+    </template>
+
+    <template
+      #item.tags="{ item }"
+    >
+      <FSTagGroup
+        variant="slide"
+        :editable="false"
+        :tags="item.tags"
+      />
+    </template>
+  </FSDataTable>
+</template>
+
+<script lang="ts">
+import { defineComponent, type PropType, watch } from "vue";
+import type { RouteLocation } from "vue-router";
+import _ from "lodash";
+
+import type { ScenarioOrganisationTypeFilters, ScenarioOrganisationTypeInfos } from "@dative-gpi/foundation-core-domain/models";
+import { useScenarioOrganisationTypes } from "@dative-gpi/foundation-core-services/composables";
+
+import FSDataTable from "../FSDataTable.vue";
+import FSIcon from "@dative-gpi/foundation-shared-components/components/FSIcon.vue";
+import FSImage from "@dative-gpi/foundation-shared-components/components/FSImage.vue";
+import FSTagGroup from "@dative-gpi/foundation-shared-components/components/FSTagGroup.vue";
+
+export default defineComponent({
+  name: "FSBaseScenarioOrganisationTypesList",
+  components: {
+    FSDataTable,
+    FSIcon,
+    FSImage,
+    FSTagGroup
+  },
+  props: {
+    tableCode: {
+      type: String,
+      required: true
+    },
+    scenarioOrganisationTypeFilters: {
+      type: Object as PropType<ScenarioOrganisationTypeFilters>,
+      required: false,
+      default: null
+    },
+    itemTo: {
+      type: Function as PropType<(item: ScenarioOrganisationTypeInfos) => Partial<RouteLocation>>,
+      required: false
+    },
+    editable: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    modelValue: {
+      type: Array as PropType<string[]>,
+      default: () => [],
+      required: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(props) {
+    const { entities: scenarioOrganisationTypes, fetching: fetchingScenarioOrganisationTypes, getMany: getManyScenarioOrganisationTypes } = useScenarioOrganisationTypes();
+
+    const isSelected = (id: string): boolean => {
+      return props.modelValue.includes(id);
+    };
+
+    watch(() => props.scenarioOrganisationTypeFilters, (next, previous) => {
+      if ((!next && !previous) || !_.isEqual(next, previous)) {
+        getManyScenarioOrganisationTypes(props.scenarioOrganisationTypeFilters);
+      }
+    }, { immediate: true });
+
+    return {
+      fetchingScenarioOrganisationTypes,
+      scenarioOrganisationTypes,
+      isSelected
+    };
+  }
+});
+</script>

package/components/lists/scenarioOrganisations/FSBaseScenarioOrganisationsList.vue

@@ -0,0 +1,107 @@
+<template>
+  <FSDataTable
+    :items="scenarioOrganisations"
+    :itemTo="$props.itemTo"
+    :loading="fetchingScenarioOrganisations"
+    :showSelect="$props.editable"
+    :tableCode="$props.tableCode"
+    :modelValue="$props.modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  >
+    <template
+      v-for="(_, name) in $slots"
+      v-slot:[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="slotData"
+      />
+    </template>
+
+    <template
+      #item.icon="{ item }"
+    >
+      <FSIcon>
+        {{ item.icon }}
+      </FSIcon>
+    </template>
+
+    <template
+      #item.tags="{ item }"
+    >
+      <FSTagGroup
+        variant="slide"
+        :editable="false"
+        :tags="item.tags"
+      />
+    </template>
+  </FSDataTable>
+</template>
+
+<script lang="ts">
+import { defineComponent, type PropType, watch } from "vue";
+import type { RouteLocation } from "vue-router";
+import _ from "lodash";
+
+import type { ScenarioOrganisationFilters, ScenarioOrganisationInfos } from "@dative-gpi/foundation-core-domain/models";
+import { useScenarioOrganisations } from "@dative-gpi/foundation-core-services/composables";
+
+import FSDataTable from "../FSDataTable.vue";
+import FSIcon from "@dative-gpi/foundation-shared-components/components/FSIcon.vue";
+import FSTagGroup from "@dative-gpi/foundation-shared-components/components/FSTagGroup.vue";
+
+export default defineComponent({
+  name: "FSBaseScenarioOrganisationsList",
+  components: {
+    FSDataTable,
+    FSIcon,
+    FSTagGroup
+  },
+  props: {
+    tableCode: {
+      type: String,
+      required: true
+    },
+    scenarioOrganisationFilters: {
+      type: Object as PropType<ScenarioOrganisationFilters>,
+      required: false,
+      default: null
+    },
+    itemTo: {
+      type: Function as PropType<(item: ScenarioOrganisationInfos) => Partial<RouteLocation>>,
+      required: false
+    },
+    editable: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    modelValue: {
+      type: Array as PropType<string[]>,
+      default: () => [],
+      required: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(props) {
+    const { entities: scenarioOrganisations, fetching: fetchingScenarioOrganisations, getMany: getManyScenarioOrganisations } = useScenarioOrganisations();
+
+    const isSelected = (id: string): boolean => {
+      return props.modelValue.includes(id);
+    };
+
+    watch(() => props.scenarioOrganisationFilters, (next, previous) => {
+      if ((!next && !previous) || !_.isEqual(next, previous)) {
+        getManyScenarioOrganisations(props.scenarioOrganisationFilters);
+      }
+    }, { immediate: true });
+
+    return {
+      fetchingScenarioOrganisations,
+      scenarioOrganisations,
+      isSelected
+    };
+  }
+});
+</script>

package/components/lists/scenarios/FSBaseScenariosList.vue

@@ -0,0 +1,206 @@
+<template>
+  <FSDataTable
+    :loading="fetchingScenarioOrganisationTypes || fetchingScenarioOrganisations"
+    :headers="headers"
+    :items="scenarios"
+    :showSelect="$props.editable"
+    :tableCode="$props.tableCode"
+    :modelValue="$props.modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  >
+    <template
+      v-for="(_, name) in $slots"
+      v-slot:[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="slotData"
+      />
+    </template>
+
+    <template
+      #item.icon="{ item }"
+    >
+      <FSIcon>
+        {{ item.icon }}
+      </FSIcon>
+    </template>
+
+    <template
+      #item.tags="{ item }"
+    >
+      <FSTagGroup
+        variant="slide"
+        :editable="false"
+        :tags="item.tags"
+      />
+    </template>
+  </FSDataTable>
+</template>
+
+<script lang="ts">
+import { defineComponent, type PropType, watch, computed } from "vue";
+import _ from "lodash";
+
+import { useTranslations } from "@dative-gpi/bones-ui";
+
+import {ColorEnum } from "@dative-gpi/foundation-shared-components/models";
+
+import type { ScenarioOrganisationFilters, ScenarioOrganisationTypeFilters } from "@dative-gpi/foundation-core-domain/models";
+
+import { useScenarioOrganisations, useScenarioOrganisationTypes } from "@dative-gpi/foundation-core-services/composables";
+
+import FSDataTable from "../FSDataTable.vue";
+import FSIcon from "@dative-gpi/foundation-shared-components/components/FSIcon.vue";
+import FSTagGroup from "@dative-gpi/foundation-shared-components/components/FSTagGroup.vue";
+
+export default defineComponent({
+  name: "FSBaseScenariosList",
+  components: {
+    FSDataTable,
+    FSIcon,
+    FSTagGroup
+  },
+  props: {
+    tableCode: {
+      type: String,
+      required: true
+    },
+    scenarioOrganisationFilters: {
+      type: Object as PropType<ScenarioOrganisationFilters>,
+      required: false,
+      default: null
+    },
+    scenarioOrganisationTypeFilters: {
+      type: Object as PropType<ScenarioOrganisationTypeFilters>,
+      required: false,
+      default: null
+    },
+    editable: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    modelValue: {
+      type: Array as PropType<string[]>,
+      default: () => [],
+      required: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(props, { emit }) {
+    const { $tr } = useTranslations();
+    const { entities: scenarioOrganisations, fetching: fetchingScenarioOrganisations, getMany: getManyScenarioOrganisations } = useScenarioOrganisations();
+    const { entities: scenarioOrganisationTypes, fetching: fetchingScenarioOrganisationTypes, getMany: getManyScenarioOrganisationTypes } = useScenarioOrganisationTypes();
+
+    const isSelected = (value : string): boolean => {
+      return props.modelValue.includes(value);
+    };
+
+    const headers = computed(() => {
+      return [
+        {
+          text: $tr("entity.scenario.icon", "Icon"),
+          value: "icon",
+          sortable: false,
+        },
+        {
+          text: $tr("entity.scenario.label", "Label"),
+          value: "label",
+          sortable: true
+        },
+        {
+          text: $tr("entity.scenario.modelLabel", "Model label"),
+          value: "modelLabel",
+          sortable: true
+        },
+        {
+          text: $tr("entity.scenario.dataCategoryLabel", "Data category label"),
+          value: "dataCategoryLabel",
+          sortable: true
+        },
+        {
+          text: $tr("ui.common.action", ""),
+          value: "action",
+          sortable: false
+        }
+      ];
+    });
+
+    
+    const scenarios = computed(() => {
+      return scenarioOrganisations.value.map(c => {
+        return {
+          id: `${c.id}_${c.scope}`,
+          modelId: c.modelId,
+          dataCategoryId : c.dataCategoryId,
+          dataCategoryLabel: c.dataCategoryLabel,
+          scenarioId: c.scenarioId,
+          scope: c.scope,
+          label: c.label,
+          modelLabel: c.modelLabel,
+          code: c.code,
+          icon: c.icon,
+          tags: c.tags,
+          criticity: c.criticity,
+          parameters: c.parameters
+        }
+      })
+        .concat(scenarioOrganisationTypes.value.map(c => {
+          return {
+            id: `${c.id}_${c.scope}`,
+            modelId: c.modelId,
+            dataCategoryId : c.dataCategoryId,
+            dataCategoryLabel: c.dataCategoryLabel,
+            scenarioId: c.scenarioId,
+            scope: c.scope,
+            label: c.label,
+            modelLabel: c.modelLabel,
+            code: c.code,
+            icon: c.icon,
+            tags: c.tags,
+            criticity: c.criticity,
+            parameters: c.parameters
+          }
+        }))
+    })
+
+    const fetch = () =>{
+      getManyScenarioOrganisations(props.scenarioOrganisationFilters);
+      getManyScenarioOrganisationTypes(props.scenarioOrganisationTypeFilters)
+    }
+
+    const update = (value : string) =>
+    {
+      const item = isSelected(value);
+
+      if(item){
+        emit("update:modelValue", props.modelValue.filter(m => m != value))
+      }
+      else{
+        emit("update:modelValue", [...props.modelValue, value])
+      }
+    }
+ 
+    watch(() => [props.scenarioOrganisationFilters,props.scenarioOrganisationTypeFilters], (next, previous) => {
+      if ((!next && !previous) || !_.isEqual(next, previous)) {
+        fetch();
+      }
+    }, { immediate: true });
+    
+
+    return {
+      fetchingScenarioOrganisationTypes,
+      fetchingScenarioOrganisations,
+      scenarioOrganisationTypes,
+      scenarioOrganisations,
+      ColorEnum,
+      scenarios,
+      headers,
+      isSelected,
+      update
+    };
+  }
+});
+</script>

package/components/lists/serviceAccountOrganisations/FSBaseServiceAccountOrganisationsList.vue

@@ -0,0 +1,153 @@
+<template>
+  <FSDataTable
+    :items="serviceAccountOrganisations"
+    :itemTo="$props.itemTo"
+    :loading="fetchingServiceAccountOrganisations"
+    :showSelect="$props.editable"
+    :tableCode="$props.tableCode"
+    :modelValue="$props.modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  >
+    <template
+      v-for="(_, name) in $slots"
+      v-slot:[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="slotData"
+      />
+    </template>
+    <template
+      #header.imageId-title
+    >
+      <FSIcon>
+        mdi-panorama-variant-outline
+      </FSIcon>
+    </template>
+    <template
+      #item.imageId="{ item }"
+    >
+      <FSImage
+        v-if="item.imageId"
+        height="32px"
+        width="32px"
+        :imageId="item.imageId"
+      />
+    </template>
+    <template
+      #item.tags="{ item }"
+    >
+      <FSTagGroup
+        variant="slide"
+        :editable="false"
+        :tags="item.tags"
+      />
+    </template>
+    <template
+      #item.validity="{ item }"
+    >
+      <FSSpan
+        font="text-overline"
+      >
+        {{ userValidityLabel(item.validity) }}
+      </FSSpan>
+    </template>
+    <template
+      #item.userType="{ item }"
+    >
+      <FSSpan
+        font="text-overline"
+      >
+        {{ userTypeLabel(item.userType) }}
+      </FSSpan>
+    </template>
+    <template
+      #item.tile="{ item, toggleSelect }"
+    >
+      <FSServiceAccountOrganisationTileUI
+        :to="$props.itemTo && $props.itemTo(item)"
+        :editable="$props.editable"
+        :modelValue="isSelected(item.id)"
+        @update:modelValue="toggleSelect(item)"
+        v-bind="item"
+      />
+    </template>
+  </FSDataTable>
+</template>
+  
+  <script lang="ts">
+import type { PropType} from "vue";
+import { defineComponent, watch } from "vue";
+import type { RouteLocation } from "vue-router";
+import _ from "lodash";
+  
+import type { ServiceAccountOrganisationFilters, ServiceAccountOrganisationInfos } from "@dative-gpi/foundation-core-domain/models";
+import { userTypeLabel, userValidityLabel } from "@dative-gpi/foundation-core-components/utils";
+import { useServiceAccountOrganisations } from "@dative-gpi/foundation-core-services/composables";
+
+import FSDataTable from "../FSDataTable.vue";
+
+import FSSpan from "@dative-gpi/foundation-shared-components/components/FSSpan.vue";
+import FSImage from "@dative-gpi/foundation-shared-components/components/FSImage.vue";
+import FSTagGroup from "@dative-gpi/foundation-shared-components/components/FSTagGroup.vue";
+import FSServiceAccountOrganisationTileUI from "@dative-gpi/foundation-shared-components/components/tiles/FSServiceAccountOrganisationTileUI.vue";
+
+export default defineComponent({
+  name: "FSBaseServiceAccountOrganisationsList",
+  components: {
+    FSDataTable,
+    FSImage,
+    FSTagGroup,
+    FSSpan,
+    FSServiceAccountOrganisationTileUI
+  },
+  props: {
+    tableCode: {
+      type: String,
+      required: true
+    },
+    serviceAccountOrganisationsFilters: {
+      type: Object as PropType<ServiceAccountOrganisationFilters | null>,
+      required: false,
+      default: null
+    },
+    itemTo: {
+      type: Function as PropType<(item: ServiceAccountOrganisationInfos) => Partial<RouteLocation>>,
+      required: false
+    },
+    editable: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    modelValue: {
+      type: Array as PropType<string[]>,
+      required: false,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(props) {
+    const { getMany: getManyServiceAccountOrganisations, entities: serviceAccountOrganisations, fetching: fetchingServiceAccountOrganisations } = useServiceAccountOrganisations();
+  
+    const isSelected = (id: string): boolean => {
+      return props.modelValue.includes(id);
+    };
+  
+    watch(() => props.serviceAccountOrganisationsFilters, (next, previous) => {
+      if ((!next && !previous) || !_.isEqual(next, previous)) {
+        getManyServiceAccountOrganisations(props.serviceAccountOrganisationsFilters ?? undefined);
+      }
+    }, { immediate: true });
+  
+    return {
+      fetchingServiceAccountOrganisations,
+      serviceAccountOrganisations,
+      userValidityLabel,
+      userTypeLabel,
+      isSelected
+    };
+  }
+});
+  </script>

package/components/lists/serviceAccountRoleOrganisations/FSBaseServiceAccountRoleOrganisations.vue

@@ -0,0 +1,127 @@
+<template>
+  <FSDataTable
+    :loading="fetchingServiceAccountRoleOrganisations"
+    :items="serviceAccountRoleOrganisations"
+    :showSelect="$props.editable"
+    :tableCode="$props.tableCode"
+    :itemTo="$props.itemTo"
+    :modelValue="$props.modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  >
+    <template
+      v-for="(_, name) in $slots"
+      v-slot:[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="slotData"
+      />
+    </template>
+    <template
+      #item.icon="{ item }"
+    >
+      <FSIcon>
+        {{ item.icon }}
+      </FSIcon>
+    </template>
+    <template
+      #item.userType="{ item }"
+    >
+      <FSRow
+        align="center-left"
+      >
+        <FSIcon>
+          {{ userTypeIcon(item.userType) }}
+        </FSIcon>
+        <FSText>
+          {{ userTypeLabel(item.userType) }}
+        </FSText>
+      </FSRow>
+    </template>
+    <template
+      #item.tags="{ item }"
+    >
+      <FSTagGroup
+        variant="slide"
+        :editable="false"
+        :tags="item.tags"
+      />
+    </template>
+  </FSDataTable>
+</template>
+  
+<script lang="ts">
+import { defineComponent, type PropType, watch } from "vue";
+import { type RouteLocation } from "vue-router";
+import _ from "lodash";
+
+import { type ServiceAccountRoleOrganisationFilters, type ServiceAccountRoleOrganisationInfos } from "@dative-gpi/foundation-core-domain/models";
+import { useServiceAccountRoleOrganisations } from "@dative-gpi/foundation-core-services/composables";
+import { userTypeIcon, userTypeLabel } from "@dative-gpi/foundation-core-components/utils";
+
+import FSTagGroup from "@dative-gpi/foundation-shared-components/components/FSTagGroup.vue";
+import FSIcon from "@dative-gpi/foundation-shared-components/components/FSIcon.vue";
+import FSText from "@dative-gpi/foundation-shared-components/components/FSText.vue";
+import FSRow from "@dative-gpi/foundation-shared-components/components/FSRow.vue";
+
+import FSDataTable from "../FSDataTable.vue";
+
+export default defineComponent({
+  name: "FSBaseServiceAccountRoleOrganisationsList",
+  components: {
+    FSDataTable,
+    FSTagGroup,
+    FSIcon,
+    FSText,
+    FSRow
+  },
+  props: {
+    tableCode: {
+      type: String,
+      required: true
+    },
+    serviceAccountRoleOrganisationsFilters: {
+      type: Object as PropType<ServiceAccountRoleOrganisationFilters | null>,
+      required: false,
+      default: null
+    },
+    itemTo: {
+      type: Function as PropType<(item: ServiceAccountRoleOrganisationInfos) => Partial<RouteLocation>>,
+      required: false
+    },
+    editable: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    modelValue: {
+      type: Array as PropType<string[]>,
+      required: false,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(props) {
+    const { getMany: getManyServiceAccountRoleOrganisations, fetching: fetchingServiceAccountRoleOrganisations, entities: serviceAccountRoleOrganisations } = useServiceAccountRoleOrganisations();
+
+    const isSelected = (id: string): boolean => {
+      return props.modelValue.includes(id);
+    };
+
+    watch(() => props.serviceAccountRoleOrganisationsFilters, (next, previous) => {
+      if ((!next && !previous) || !_.isEqual(next, previous)) {
+        getManyServiceAccountRoleOrganisations(props.serviceAccountRoleOrganisationsFilters ?? undefined);
+      }
+    }, { immediate: true });
+
+    return {
+      fetchingServiceAccountRoleOrganisations,
+      serviceAccountRoleOrganisations,
+      userTypeLabel,
+      userTypeIcon,
+      isSelected
+    };
+  }
+});
+</script>