iconograph-ui 1.5.6 → 1.5.7
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.
package/README.md
CHANGED
|
@@ -4,5 +4,5 @@ A Svelte Kit components library
|
|
|
4
4
|
|
|
5
5
|
# Instructions
|
|
6
6
|
|
|
7
|
-
In the main repository, run `docker compose up` that starts a server accessible on `http://localhost:
|
|
7
|
+
In the main repository, run `docker compose up` that starts a server accessible on `http://localhost:8003`
|
|
8
8
|
|
|
@@ -24,7 +24,8 @@
|
|
|
24
24
|
let settings = [
|
|
25
25
|
{
|
|
26
26
|
field: "name", label: "Nom", component: CustomLink, width: 120, props: {},
|
|
27
|
-
sort: (a, b) => a.name.localeCompare(b.name)
|
|
27
|
+
sort: (a, b) => a.name.localeCompare(b.name),
|
|
28
|
+
filterValue: "Saint",
|
|
28
29
|
},
|
|
29
30
|
{ field: "city", label: "Ville", component: null, props: {}, width: 200, sort: (a, b) => a.name.localeCompare(b.name)},
|
|
30
31
|
{ field: "type", label: "Type", component: CustomLabel, props: {}, width: 120, sort: (a, b) => null, filterOptions: enumType},
|
|
@@ -41,7 +42,7 @@
|
|
|
41
42
|
|
|
42
43
|
</script>
|
|
43
44
|
|
|
44
|
-
<Table uri={uri} columns={settings} actions={false} header={true} pagination={true} filtering={true}>
|
|
45
|
+
<Table uri={uri} columns={settings} defaultFilters={[ settings[0], settings[1] ]} actions={false} header={true} pagination={true} filtering={true}>
|
|
45
46
|
<div slot="actionButton">
|
|
46
47
|
<Button label="Ajouter"></Button>
|
|
47
48
|
</div>
|
package/lib/table/Table.svelte
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
import loaderIcon from '../assets/icons/loader-ring-grey.svg?url';
|
|
9
9
|
|
|
10
10
|
export let columns = [];
|
|
11
|
+
export let defaultFilters = [];
|
|
11
12
|
export let uri;
|
|
12
13
|
export let actions = false;
|
|
13
14
|
export let header = false;
|
|
@@ -65,7 +66,6 @@
|
|
|
65
66
|
|
|
66
67
|
const resBody = await response.json();
|
|
67
68
|
|
|
68
|
-
console.log(resBody);
|
|
69
69
|
data = resBody.data;
|
|
70
70
|
total = resBody.count ? resBody.count : 0;
|
|
71
71
|
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
|
|
128
128
|
<div>
|
|
129
129
|
{#if filtering}
|
|
130
|
-
<TableFilter columns={columns} on:filter={(e) => resetAndGetData(e.detail)}></TableFilter>
|
|
130
|
+
<TableFilter columns={columns} filters={defaultFilters} on:filter={(e) => resetAndGetData(e.detail)}></TableFilter>
|
|
131
131
|
{/if}
|
|
132
132
|
</div>
|
|
133
133
|
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
export let columns;
|
|
11
11
|
|
|
12
12
|
let selectedColumnsToFilter = [];
|
|
13
|
+
export { selectedColumnsToFilter as filters };
|
|
13
14
|
let aggregateFilters = {};
|
|
14
15
|
|
|
15
16
|
async function addFilter(col) {
|
|
@@ -31,7 +32,6 @@
|
|
|
31
32
|
}
|
|
32
33
|
|
|
33
34
|
async function submitFilter() {
|
|
34
|
-
console.log(aggregateFilters);
|
|
35
35
|
dispatch("filter", aggregateFilters);
|
|
36
36
|
}
|
|
37
37
|
|