@enki-tek/fms-web-components 0.1.30 → 0.1.31
Sign up to get free protection for your applications and to get access to all the features.
- package/components/StatusCard/PlainCard.svelte +5 -2
- package/components/StatusCard/PlainCard.svelte.d.ts +2 -0
- package/components/WidgetCard/AlertFooter.svelte +1 -0
- package/components/WidgetCard/BadgeCard.svelte +1 -0
- package/components/WidgetCard/Card.scss +1 -0
- package/components/WidgetCard/SensorStatusCard.svelte +1 -0
- package/components/WidgetCard/SensorWidgetTitle.svelte +10 -9
- package/components/WidgetCard/StateCard.svelte +1 -0
- package/components/WidgetCard/WidgetCard.svelte +1 -0
- package/package.json +1 -1
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
<script>
|
|
2
|
+
import SensorWidgetTitle from '../WidgetCard/SensorWidgetTitle.svelte';
|
|
3
|
+
|
|
2
4
|
export let title = 'Sensor Alert and Notification';
|
|
5
|
+
export let icon = 'null';
|
|
3
6
|
</script>
|
|
4
7
|
|
|
5
8
|
<div class=" m-2 card">
|
|
6
|
-
<div class="row">
|
|
7
|
-
<
|
|
9
|
+
<div class="row-flex">
|
|
10
|
+
<SensorWidgetTitle sensorName={title} {icon} />
|
|
8
11
|
<div class="col">
|
|
9
12
|
<div class="float-end">
|
|
10
13
|
<slot name="activity" />
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
/** @typedef {typeof __propDef.events} PlainCardEvents */
|
|
3
3
|
/** @typedef {typeof __propDef.slots} PlainCardSlots */
|
|
4
4
|
export default class PlainCard extends SvelteComponentTyped<{
|
|
5
|
+
icon?: string | undefined;
|
|
5
6
|
title?: string | undefined;
|
|
6
7
|
}, {
|
|
7
8
|
[evt: string]: CustomEvent<any>;
|
|
@@ -16,6 +17,7 @@ export type PlainCardSlots = typeof __propDef.slots;
|
|
|
16
17
|
import { SvelteComponentTyped } from "svelte";
|
|
17
18
|
declare const __propDef: {
|
|
18
19
|
props: {
|
|
20
|
+
icon?: string | undefined;
|
|
19
21
|
title?: string | undefined;
|
|
20
22
|
};
|
|
21
23
|
events: {
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
import Icon from '../Icon/Icon.svelte';
|
|
3
3
|
export let sensorName;
|
|
4
|
-
export let icon=
|
|
4
|
+
export let icon = 'house-fill';
|
|
5
5
|
</script>
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
|
|
7
|
+
<div class="row-flex align-items-center p-0">
|
|
8
|
+
<div class="col">
|
|
9
|
+
<div class="text-dark h6"><Icon iconName={icon} />{sensorName}</div>
|
|
10
|
+
<slot name="status" />
|
|
11
|
+
</div>
|
|
12
|
+
<div class="col p-0">
|
|
13
|
+
<div class="float-end p-0">
|
|
13
14
|
<slot name="menu" />
|
|
14
|
-
</div>
|
|
15
15
|
</div>
|
|
16
16
|
</div>
|
|
17
|
+
</div>
|