mirror of
https://github.com/overte-org/overte.git
synced 2025-04-08 21:33:00 +02:00
Merge pull request #14777 from thoys/fix/create/entityListColumnSortOrder
MS19766: [CreateApp/Entity List] Default column order, always move empty values to bottom on initial sort of column
This commit is contained in:
commit
a80d842107
1 changed files with 43 additions and 22 deletions
|
@ -44,6 +44,7 @@ const COLUMNS = {
|
|||
initialWidth: 0.16,
|
||||
initiallyShown: true,
|
||||
alwaysShown: true,
|
||||
defaultSortOrder: ASCENDING_SORT,
|
||||
},
|
||||
name: {
|
||||
columnHeader: "Name",
|
||||
|
@ -51,6 +52,7 @@ const COLUMNS = {
|
|||
initialWidth: 0.34,
|
||||
initiallyShown: true,
|
||||
alwaysShown: true,
|
||||
defaultSortOrder: ASCENDING_SORT,
|
||||
},
|
||||
url: {
|
||||
columnHeader: "File",
|
||||
|
@ -58,6 +60,7 @@ const COLUMNS = {
|
|||
propertyID: "url",
|
||||
initialWidth: 0.34,
|
||||
initiallyShown: true,
|
||||
defaultSortOrder: ASCENDING_SORT,
|
||||
},
|
||||
locked: {
|
||||
columnHeader: "",
|
||||
|
@ -66,6 +69,7 @@ const COLUMNS = {
|
|||
initialWidth: 0.08,
|
||||
initiallyShown: true,
|
||||
alwaysShown: true,
|
||||
defaultSortOrder: DESCENDING_SORT,
|
||||
},
|
||||
visible: {
|
||||
columnHeader: "",
|
||||
|
@ -74,25 +78,29 @@ const COLUMNS = {
|
|||
initialWidth: 0.08,
|
||||
initiallyShown: true,
|
||||
alwaysShown: true,
|
||||
defaultSortOrder: DESCENDING_SORT,
|
||||
},
|
||||
verticesCount: {
|
||||
columnHeader: "Verts",
|
||||
dropdownLabel: "Vertices",
|
||||
propertyID: "verticesCount",
|
||||
initialWidth: 0.08,
|
||||
defaultSortOrder: DESCENDING_SORT,
|
||||
},
|
||||
texturesCount: {
|
||||
columnHeader: "Texts",
|
||||
dropdownLabel: "Textures",
|
||||
propertyID: "texturesCount",
|
||||
initialWidth: 0.08,
|
||||
defaultSortOrder: DESCENDING_SORT,
|
||||
},
|
||||
texturesSize: {
|
||||
columnHeader: "Text MB",
|
||||
dropdownLabel: "Texture Size",
|
||||
propertyID: "texturesSize",
|
||||
initialWidth: 0.10,
|
||||
format: decimalMegabytes
|
||||
format: decimalMegabytes,
|
||||
defaultSortOrder: DESCENDING_SORT,
|
||||
},
|
||||
hasTransparent: {
|
||||
columnHeader: "",
|
||||
|
@ -100,6 +108,7 @@ const COLUMNS = {
|
|||
dropdownLabel: "Transparency",
|
||||
propertyID: "hasTransparent",
|
||||
initialWidth: 0.04,
|
||||
defaultSortOrder: DESCENDING_SORT,
|
||||
},
|
||||
isBaked: {
|
||||
columnHeader: "",
|
||||
|
@ -107,12 +116,14 @@ const COLUMNS = {
|
|||
dropdownLabel: "Baked",
|
||||
propertyID: "isBaked",
|
||||
initialWidth: 0.08,
|
||||
defaultSortOrder: DESCENDING_SORT,
|
||||
},
|
||||
drawCalls: {
|
||||
columnHeader: "Draws",
|
||||
dropdownLabel: "Draws",
|
||||
propertyID: "drawCalls",
|
||||
initialWidth: 0.08,
|
||||
defaultSortOrder: DESCENDING_SORT,
|
||||
},
|
||||
hasScript: {
|
||||
columnHeader: "k",
|
||||
|
@ -120,27 +131,10 @@ const COLUMNS = {
|
|||
dropdownLabel: "Script",
|
||||
propertyID: "hasScript",
|
||||
initialWidth: 0.06,
|
||||
defaultSortOrder: DESCENDING_SORT,
|
||||
},
|
||||
};
|
||||
|
||||
const COMPARE_ASCENDING = function(a, b) {
|
||||
let va = a[currentSortColumnID];
|
||||
let vb = b[currentSortColumnID];
|
||||
|
||||
if (va < vb) {
|
||||
return -1;
|
||||
} else if (va > vb) {
|
||||
return 1;
|
||||
} else if (a.id < b.id) {
|
||||
return -1;
|
||||
}
|
||||
|
||||
return 1;
|
||||
};
|
||||
const COMPARE_DESCENDING = function(a, b) {
|
||||
return COMPARE_ASCENDING(b, a);
|
||||
};
|
||||
|
||||
const FILTER_TYPES = [
|
||||
"Shape",
|
||||
"Model",
|
||||
|
@ -643,6 +637,10 @@ function loaded() {
|
|||
|
||||
refreshEntityList();
|
||||
}
|
||||
|
||||
const isNullOrEmpty = function(value) {
|
||||
return value === undefined || value === null || value === "";
|
||||
};
|
||||
|
||||
function refreshEntityList() {
|
||||
PROFILE("refresh-entity-list", function() {
|
||||
|
@ -660,8 +658,31 @@ function loaded() {
|
|||
});
|
||||
|
||||
PROFILE("sort", function() {
|
||||
let cmp = currentSortOrder === ASCENDING_SORT ? COMPARE_ASCENDING : COMPARE_DESCENDING;
|
||||
visibleEntities.sort(cmp);
|
||||
let isAscendingSort = currentSortOrder === ASCENDING_SORT;
|
||||
let isDefaultSort = currentSortOrder === COLUMNS[currentSortColumnID].defaultSortOrder;
|
||||
visibleEntities.sort((entityA, entityB) => {
|
||||
/**
|
||||
* If the default sort is ascending, empty should be considered largest.
|
||||
* If the default sort is descending, empty should be considered smallest.
|
||||
*/
|
||||
if (!isAscendingSort) {
|
||||
[entityA, entityB] = [entityB, entityA];
|
||||
}
|
||||
let valueA = entityA[currentSortColumnID];
|
||||
let valueB = entityB[currentSortColumnID];
|
||||
|
||||
if (valueA === valueB) {
|
||||
return entityA.id < entityB.id ? -1 : 1;
|
||||
}
|
||||
|
||||
if (isNullOrEmpty(valueA)) {
|
||||
return (isDefaultSort ? 1 : -1) * (isAscendingSort ? 1 : -1);
|
||||
}
|
||||
if (isNullOrEmpty(valueB)) {
|
||||
return (isDefaultSort ? -1 : 1) * (isAscendingSort ? 1 : -1);
|
||||
}
|
||||
return valueA < valueB ? -1 : 1;
|
||||
});
|
||||
});
|
||||
|
||||
PROFILE("update-dom", function() {
|
||||
|
@ -757,7 +778,7 @@ function loaded() {
|
|||
} else {
|
||||
elSortOrders[currentSortColumnID].innerHTML = "";
|
||||
currentSortColumnID = columnID;
|
||||
currentSortOrder = ASCENDING_SORT;
|
||||
currentSortOrder = COLUMNS[currentSortColumnID].defaultSortOrder;
|
||||
}
|
||||
refreshSortOrder();
|
||||
refreshEntityList();
|
||||
|
|
Loading…
Reference in a new issue