@enki-tek/fms-web-components 0.1.16 → 0.1.18
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -3,12 +3,15 @@
|
|
|
3
3
|
import { Col, Row } from 'sveltestrap';
|
|
4
4
|
import Sortable from 'sortablejs';
|
|
5
5
|
export let id;
|
|
6
|
+
export let sortable = true;
|
|
6
7
|
onMount(() => {
|
|
7
8
|
const el = document.getElementById(id);
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
if (sortable) {
|
|
10
|
+
Sortable.create(el, {
|
|
11
|
+
animation: 150,
|
|
12
|
+
ghostClass: 'blue-background-class'
|
|
13
|
+
});
|
|
14
|
+
}
|
|
12
15
|
});
|
|
13
16
|
</script>
|
|
14
17
|
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
/** @typedef {typeof __propDef.slots} SortableGridSlots */
|
|
4
4
|
export default class SortableGrid extends SvelteComponentTyped<{
|
|
5
5
|
id: any;
|
|
6
|
+
sortable?: boolean | undefined;
|
|
6
7
|
}, {
|
|
7
8
|
[evt: string]: CustomEvent<any>;
|
|
8
9
|
}, {
|
|
@@ -16,6 +17,7 @@ import { SvelteComponentTyped } from "svelte";
|
|
|
16
17
|
declare const __propDef: {
|
|
17
18
|
props: {
|
|
18
19
|
id: any;
|
|
20
|
+
sortable?: boolean | undefined;
|
|
19
21
|
};
|
|
20
22
|
events: {
|
|
21
23
|
[evt: string]: CustomEvent<any>;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
</script>
|
|
6
6
|
<div class="row align-items-center p-0">
|
|
7
7
|
<div class="col">
|
|
8
|
-
<div class="text-dark"><Icon iconName="{icon}" />{sensorName}</div>
|
|
8
|
+
<div class="text-dark h6"><Icon iconName="{icon}" />{sensorName}</div>
|
|
9
9
|
<slot name='status' />
|
|
10
10
|
</div>
|
|
11
11
|
<div class="col p-0">
|