in webapp/components/flow-design-system/fds-demo.js [792:825]
filterDroplets: function (sortBy, sortOrder) {
// if `sortOrder` is `undefined` then use 'ASC'
if (sortOrder === undefined) {
sortOrder = 'ASC';
}
// if `sortBy` is `undefined` then find the first sortable column in this.dropletColumns
if (sortBy === undefined) {
const arrayLength = this.dropletColumns.length;
for (let i = 0; i < arrayLength; i++) {
if (this.dropletColumns[i].sortable === true) {
sortBy = this.dropletColumns[i].name;
this.activeDropletColumn = this.dropletColumns[i];
//only one column can be actively sorted so we reset all to inactive
this.dropletColumns.forEach(function (c) {
c.active = false;
});
//and set this column as the actively sorted column
this.dropletColumns[i].active = true;
this.dropletColumns[i].sortOrder = sortOrder;
break;
}
}
}
let newData = this.droplets;
for (let i = 0; i < this.dropletsSearchTerms.length; i++) {
newData = this.filterData(newData, this.dropletsSearchTerms[i], true, this.activeDropletColumn.name);
}
newData = this.dataTableService.sortData(newData, sortBy, sortOrder);
this.filteredDroplets = newData;
this.getAutoCompleteDroplets();
},