thm
/
upend
1
0
Fork 0
Code Issues 73 Pull Requests Packages Projects Releases 5 Wiki Activity

fix sorting in Table 

reactivity failed, trigger manually
feat/vaults
Tomáš Mládek 2021-12-20 14:04:44 +01:00
parent 133a848218
commit 55bf3123f9
No known key found for this signature in database
GPG Key ID: ED21612889E75EC5
1 changed files with 65 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
ui/src/components/widgets/Table.svelte
View File

@ -58,6 +58,8 @@
}
// Sorting
let sortedAttributes = entries;
let sortKeys: { [key: string]: string[] } = {};
function addSortKeys(key: string, vals: string[]) {
if (!sortKeys[key]) {
@ -68,6 +70,69 @@
sortKeys[key].push(val);
}
});
sortAttributes();
}
function sortAttributes() {
sortedAttributes = entries
.concat()
.sort((aEntry, bEntry) => {
if (
!Boolean(sortKeys[aEntry.value.c]?.length) ||
!Boolean(sortKeys[bEntry.value.c]?.length)
) {
if (
Boolean(sortKeys[aEntry.value.c]?.length) &&
!Boolean(sortKeys[bEntry.value.c]?.length)
) {
return -1;
} else if (
!Boolean(sortKeys[aEntry.value.c]?.length) &&
Boolean(sortKeys[bEntry.value.c]?.length)
) {
return 1;
} else {
return String(aEntry.value.c).localeCompare(String(bEntry.value.c));
}
} else {
return sortKeys[aEntry.value.c][0].localeCompare(
sortKeys[bEntry.value.c][0],
undefined,
{ numeric: true, sensitivity: "base" }
);
}
})
.sort((aEntry, bEntry) => {
return String(aEntry.value.c).length - String(bEntry.value.c).length;
})
.sort((aEntry, bEntry) => {
return aEntry.attribute.localeCompare(bEntry.attribute);
})
.sort((aEntry, bEntry) => {
if (
!Boolean(sortKeys[aEntry.entity]?.length) ||
!Boolean(sortKeys[bEntry.entity]?.length)
) {
if (
Boolean(sortKeys[aEntry.entity]?.length) &&
!Boolean(sortKeys[bEntry.entity]?.length)
) {
return -1;
} else if (
!Boolean(sortKeys[aEntry.entity]?.length) &&
Boolean(sortKeys[bEntry.entity]?.length)
) {
return 1;
} else {
return aEntry.entity.localeCompare(bEntry.entity);
}
} else {
return sortKeys[aEntry.entity][0].localeCompare(
sortKeys[bEntry.entity][0]
);
}
});
}
entries.forEach((entry) => {
@ -80,65 +145,6 @@
}
});
$: sortedAttributes = entries
.concat()
.sort((aEntry, bEntry) => {
if (
!Boolean(sortKeys[aEntry.value.c]?.length) ||
!Boolean(sortKeys[bEntry.value.c]?.length)
) {
if (
Boolean(sortKeys[aEntry.value.c]?.length) &&
!Boolean(sortKeys[bEntry.value.c]?.length)
) {
return -1;
} else if (
!Boolean(sortKeys[aEntry.value.c]?.length) &&
Boolean(sortKeys[bEntry.value.c]?.length)
) {
return 1;
} else {
return String(aEntry.value.c).localeCompare(String(bEntry.value.c));
}
} else {
return sortKeys[aEntry.value.c][0].localeCompare(
sortKeys[bEntry.value.c][0],
undefined,
{ numeric: true, sensitivity: "base" }
);
}
})
.sort((aEntry, bEntry) => {
return String(aEntry.value.c).length - String(bEntry.value.c).length;
})
.sort((aEntry, bEntry) => {
return aEntry.attribute.localeCompare(bEntry.attribute);
})
.sort((aEntry, bEntry) => {
if (
!Boolean(sortKeys[aEntry.entity]?.length) ||
!Boolean(sortKeys[bEntry.entity]?.length)
) {
if (
Boolean(sortKeys[aEntry.entity]?.length) &&
!Boolean(sortKeys[bEntry.entity]?.length)
) {
return -1;
} else if (
!Boolean(sortKeys[aEntry.entity]?.length) &&
Boolean(sortKeys[bEntry.entity]?.length)
) {
return 1;
} else {
return aEntry.entity.localeCompare(bEntry.entity);
}
} else {
return sortKeys[aEntry.entity][0].localeCompare(
sortKeys[bEntry.entity][0]
);
}
});
// Navigation highlights
const { index } = getContext("browse") as { index: Writable<number> };
$: addresses = $params.addresses.split(",");