@enki-tek/fms-web-components 0.1.35 → 0.1.36
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.
@@ -1,42 +1,17 @@
|
|
1
1
|
const colors = [
|
2
|
-
"#
|
3
|
-
"#
|
4
|
-
"#
|
5
|
-
"#
|
6
|
-
"#
|
7
|
-
"#
|
8
|
-
"#FA4D56",
|
9
|
-
"#FF8389",
|
10
|
-
"#FFB3B8",
|
11
|
-
"#003A6D",
|
12
|
-
"#00539A",
|
13
|
-
"#0072C3",
|
14
|
-
"#1192E8",
|
15
|
-
"#33B1FF",
|
16
|
-
"#82CFFF",
|
17
|
-
"#491D8B",
|
18
|
-
"#6929C4",
|
19
|
-
"#8A3FFC",
|
20
|
-
"#A56EFF",
|
21
|
-
"#BE95FF",
|
22
|
-
"#D4BBFF",
|
23
|
-
"#004144",
|
24
|
-
"#005D5D",
|
25
|
-
"#007D79",
|
26
|
-
"#009D9A",
|
27
|
-
"#08BDBA",
|
28
|
-
"#3DDBD9",
|
29
|
-
"#C18300",
|
30
|
-
"#D79200",
|
31
|
-
"#ECA206",
|
32
|
-
"#F8B21E",
|
33
|
-
"#FAC045",
|
34
|
-
"#FFD16D",
|
35
|
-
"#8BBC05",
|
36
|
-
"#99CE08"
|
2
|
+
"#E02899",
|
3
|
+
"#FF8800",
|
4
|
+
"#93E028",
|
5
|
+
"#70B6F8",
|
6
|
+
"#7821F1",
|
7
|
+
"#F1C721"
|
37
8
|
];
|
38
9
|
|
39
10
|
export const getChartColors = (number = 1) => {
|
11
|
+
if (number > 5) {
|
12
|
+
return colors;
|
13
|
+
}
|
14
|
+
|
40
15
|
return colors.slice(0, number);
|
41
16
|
}
|
42
17
|
|
@@ -8,12 +8,18 @@
|
|
8
8
|
<div class="mt-1">
|
9
9
|
<Row>
|
10
10
|
<Col>
|
11
|
-
|
12
|
-
<div class=
|
13
|
-
<
|
14
|
-
{Number(index) > 0 ? '+' + index : index}
|
11
|
+
{#if index === false}
|
12
|
+
<div class="box1 mb-1">
|
13
|
+
<div class="p-1 px-2 text-danger">NA</div>
|
15
14
|
</div>
|
16
|
-
|
15
|
+
{:else}
|
16
|
+
<div class={Number(index) > 0 ? 'box1 mb-1' : 'box2 mb-1'}>
|
17
|
+
<div class={Number(index) > 0 ? 'p-1 px-2 text-success' : 'p-1 px-2 text-danger'}>
|
18
|
+
<i class="material-icons index">{Number(index) > 0 ? 'call_made' : 'call_received'}</i>
|
19
|
+
{Number(index) > 0 ? '+' + index : index}
|
20
|
+
</div>
|
21
|
+
</div>
|
22
|
+
{/if}
|
17
23
|
<div class="text fw-normal">{text}</div></Col
|
18
24
|
>
|
19
25
|
<Col><div class="float-end value fw-bold">{value}</div></Col>
|