@dative-gpi/foundation-shared-components 1.0.113 → 1.0.114-refacto-alert-list

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.
@@ -369,11 +369,9 @@
369
369
  <template
370
370
  v-else
371
371
  >
372
- <FSRow>
373
- <FSText>
374
- {{ $tr("data-table.some-selected", "{0} element(s) selected", $props.modelValue.length.toString()) }}
375
- </FSText>
376
- </FSRow>
372
+ <FSText>
373
+ {{ $tr("data-table.some-selected", "{0} element(s) selected", $props.modelValue.length.toString()) }}
374
+ </FSText>
377
375
  </template>
378
376
  </template>
379
377
  <FSRow
@@ -544,11 +542,9 @@
544
542
  <template
545
543
  v-else
546
544
  >
547
- <FSRow>
548
- <FSText>
549
- {{ $tr("data-table.some-selected", "{0} element(s) selected", $props.modelValue.length.toString()) }}
550
- </FSText>
551
- </FSRow>
545
+ <FSText>
546
+ {{ $tr("data-table.some-selected", "{0} element(s) selected", $props.modelValue.length.toString()) }}
547
+ </FSText>
552
548
  </template>
553
549
  </template>
554
550
  <FSRow
@@ -0,0 +1,92 @@
1
+
2
+ <template>
3
+ <FSTile
4
+ width="200px"
5
+ height="130px"
6
+ borderRadius="6px"
7
+ v-bind="$attrs"
8
+ >
9
+ <FSCol
10
+ align="center-center"
11
+ gap="6px"
12
+ >
13
+ <FSIcon
14
+ :icon="$props.icon"
15
+ size="24px"
16
+ />
17
+ <FSText
18
+ :lineClamp="1"
19
+ >
20
+ {{ $props.label }}
21
+ </FSText>
22
+ <FSSpan
23
+ font="text-overline"
24
+ :lineClamp="1"
25
+ >
26
+ {{ epochToShortTimeFormat($props.triggerProcessedTimestamp) }}
27
+ </FSSpan>
28
+ <FSText
29
+ font="text-overline"
30
+ :lineClamp="1"
31
+ >
32
+ {{ $props.deviceOrganisationLabel }}
33
+ </FSText>
34
+ </FSCol>
35
+ </FSTile>
36
+ </template>
37
+
38
+ <script lang="ts">
39
+ import { defineComponent } from "vue";
40
+ import type { PropType } from "vue";
41
+
42
+ import { useDateFormat } from "@dative-gpi/foundation-shared-services/composables";
43
+ import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
44
+
45
+ import FSText from "../FSText.vue";
46
+ import FSTile from "./FSTile.vue";
47
+ import FSSpan from "../FSSpan.vue";
48
+ import FSIcon from "../FSIcon.vue";
49
+ import FSCol from "../FSCol.vue";
50
+
51
+
52
+ export default defineComponent({
53
+ name: "FSAlertTileUI",
54
+ components: {
55
+ FSText,
56
+ FSTile,
57
+ FSIcon,
58
+ FSSpan,
59
+ FSCol,
60
+ },
61
+ props: {
62
+ label: {
63
+ type: String as PropType<string | null>,
64
+ required: false,
65
+ default: null
66
+ },
67
+ deviceOrganisationLabel: {
68
+ type: String as PropType<string | null>,
69
+ required: false,
70
+ default: null
71
+ },
72
+ icon: {
73
+ type: String as PropType<string | null>,
74
+ required: false,
75
+ default: null
76
+ },
77
+ triggerProcessedTimestamp: {
78
+ type: Number as PropType<number | null>,
79
+ required: false,
80
+ default: null
81
+ }
82
+ },
83
+ setup() {
84
+ const { epochToShortTimeFormat } = useDateFormat();
85
+
86
+ return {
87
+ ColorEnum,
88
+ epochToShortTimeFormat
89
+ };
90
+ }
91
+ });
92
+ </script>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dative-gpi/foundation-shared-components",
3
3
  "sideEffects": false,
4
- "version": "1.0.113",
4
+ "version": "1.0.114-refacto-alert-list",
5
5
  "description": "",
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -10,8 +10,8 @@
10
10
  "author": "",
11
11
  "license": "ISC",
12
12
  "dependencies": {
13
- "@dative-gpi/foundation-shared-domain": "1.0.113",
14
- "@dative-gpi/foundation-shared-services": "1.0.113"
13
+ "@dative-gpi/foundation-shared-domain": "1.0.114-refacto-alert-list",
14
+ "@dative-gpi/foundation-shared-services": "1.0.114-refacto-alert-list"
15
15
  },
16
16
  "peerDependencies": {
17
17
  "@dative-gpi/bones-ui": "^1.0.0",
@@ -35,5 +35,5 @@
35
35
  "sass": "1.71.1",
36
36
  "sass-loader": "13.3.2"
37
37
  },
38
- "gitHead": "901e954dba5d5ad505883a46a93831fdd780606b"
38
+ "gitHead": "dcf94cfab6e91a096957f8d9396872d495ef6fa4"
39
39
  }