@enki-tek/fms-web-components 0.1.17 → 0.1.19
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -4,16 +4,16 @@
|
|
|
4
4
|
|
|
5
5
|
<div class="main-content">
|
|
6
6
|
<div class="d-flex justify-content-between flex-wrap align-items-top mt-3 pb-2 px-0 flex-fill">
|
|
7
|
-
<
|
|
7
|
+
<div class="flex-fill">
|
|
8
8
|
<header>
|
|
9
9
|
<div class="d-flex flex-row justify-content-start title">
|
|
10
10
|
<slot name="title" />
|
|
11
11
|
</div>
|
|
12
12
|
</header>
|
|
13
|
-
</
|
|
14
|
-
<
|
|
13
|
+
</div>
|
|
14
|
+
<div class="flex-fill">
|
|
15
15
|
<slot name="actions" />
|
|
16
|
-
</
|
|
16
|
+
</div>
|
|
17
17
|
</div>
|
|
18
18
|
<Row>
|
|
19
19
|
<slot name="widget" />
|
|
@@ -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>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
import { Col, Row } from 'sveltestrap';
|
|
3
|
-
export let text = '
|
|
3
|
+
export let text = '';
|
|
4
4
|
export let color = false;
|
|
5
5
|
export let icon = 'warning_amber';
|
|
6
6
|
export let switchButton = false;
|
|
7
|
-
export let time = '
|
|
7
|
+
export let time = '';
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
10
|
<Row class="mt-2">
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
>
|
|
17
17
|
</div>
|
|
18
18
|
<div class="pe-2 pt-1">{text}</div>
|
|
19
|
-
</div
|
|
20
|
-
>
|
|
19
|
+
</div>
|
|
20
|
+
</Col>
|
|
21
21
|
<Col md="3">
|
|
22
22
|
{#if switchButton}
|
|
23
23
|
<div class="float-end">
|