return this.family.toStyle();
},
familyDisplayName() {
- return this.family.displayName;
+ return `${this.family.displayName}`;
},
familyTag() {
return this.family.tag
sortFunc = function(a, b) {return a.displayName.localeCompare(b.displayName)}
} else if (["Popularity", "Trending"].includes(this.sortMethod)) {
sortFunc = function(a, b) {
- const aFamilyData = _this.familyData[b.displayName]
- const bFamilyData = _this.familyData[a.displayName]
- if (aFamilyData === undefined || bFamilyData === undefined) {
+ let aVal, bVal;
+ const aFamilyData = _this.familyData[a.displayName]
+ const bFamilyData = _this.familyData[b.displayName]
+ if (aFamilyData === undefined) {
+ aVal = Number.MAX_SAFE_INTEGER;
+ } else {
+ aVal = aFamilyData[_this.sortMethod.toLowerCase()];
+ }
+ if (bFamilyData === undefined) {
+ bVal = Number.MAX_SAFE_INTEGER;
+ } else {
+ bVal = bFamilyData[_this.sortMethod.toLowerCase()];
+ }
+
+ if (aVal < bVal) {
+ return -1;
+ } else if (aVal > bVal) {
return 1;
+ } else {
+ return 0;
}
- return bFamilyData[_this.sortMethod.toLowerCase()] - aFamilyData[_this.sortMethod.toLowerCase()];
}
}
let filtered = this.tags;
}
filtered.sort(sortFunc);
+
if (this.reverseTags) {
filtered.reverse();
}