Fascinated/Minetrack
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

prettyify code

Browse Source
This commit is contained in:
Lee
2023-12-30 23:03:54 +00:00
parent 6fd5fdb7fe
commit ea15b979d5
28 changed files with 2179 additions and 1688 deletions
Download Patch File Download Diff File Expand all files Collapse all files

172
assets/js/sort.js
View File

@ -1,199 +1,215 @@
const SORT_OPTIONS = [
{
getName: () => 'Players',
getName: () => "Players",
sortFunc: (a, b) => b.playerCount - a.playerCount,
highlightedValue: 'player-count'
highlightedValue: "player-count",
},
{
getName: (app) => {
return `${app.publicConfig.graphDurationLabel} Peak`
return `${app.publicConfig.graphDurationLabel} Peak`;
},
sortFunc: (a, b) => {
if (!a.lastPeakData && !b.lastPeakData) {
return 0
return 0;
} else if (a.lastPeakData && !b.lastPeakData) {
return -1
return -1;
} else if (b.lastPeakData && !a.lastPeakData) {
return 1
return 1;
}
return b.lastPeakData.playerCount - a.lastPeakData.playerCount
return b.lastPeakData.playerCount - a.lastPeakData.playerCount;
},
testFunc: (app) => {
// Require at least one ServerRegistration to have a lastPeakData value defined
for (const serverRegistration of app.serverRegistry.getServerRegistrations()) {
if (serverRegistration.lastPeakData) {
return true
return true;
}
}
return false
return false;
},
highlightedValue: 'peak'
highlightedValue: "peak",
},
{
getName: () => 'Record',
getName: () => "Record",
sortFunc: (a, b) => {
if (!a.lastRecordData && !b.lastRecordData) {
return 0
return 0;
} else if (a.lastRecordData && !b.lastRecordData) {
return -1
return -1;
} else if (b.lastRecordData && !a.lastRecordData) {
return 1
return 1;
}
return b.lastRecordData.playerCount - a.lastRecordData.playerCount
return b.lastRecordData.playerCount - a.lastRecordData.playerCount;
},
testFunc: (app) => {
// Require at least one ServerRegistration to have a lastRecordData value defined
for (const serverRegistration of app.serverRegistry.getServerRegistrations()) {
if (serverRegistration.lastRecordData) {
return true
return true;
}
}
return false
return false;
},
highlightedValue: 'record'
}
]
highlightedValue: "record",
},
];
const SORT_OPTION_INDEX_DEFAULT = 0
const SORT_OPTION_INDEX_STORAGE_KEY = 'minetrack_sort_option_index'
const SORT_OPTION_INDEX_DEFAULT = 0;
const SORT_OPTION_INDEX_STORAGE_KEY = "minetrack_sort_option_index";
export class SortController {
constructor (app) {
this._app = app
this._buttonElement = document.getElementById('sort-by')
this._textElement = document.getElementById('sort-by-text')
this._sortOptionIndex = SORT_OPTION_INDEX_DEFAULT
constructor(app) {
this._app = app;
this._buttonElement = document.getElementById("sort-by");
this._textElement = document.getElementById("sort-by-text");
this._sortOptionIndex = SORT_OPTION_INDEX_DEFAULT;
}
reset () {
this._lastSortedServers = undefined
reset() {
this._lastSortedServers = undefined;
// Reset modified DOM structures
this._buttonElement.style.display = 'none'
this._textElement.innerText = '...'
this._buttonElement.style.display = "none";
this._textElement.innerText = "...";
// Remove bound DOM event listeners
this._buttonElement.removeEventListener('click', this.handleSortByButtonClick)
this._buttonElement.removeEventListener(
"click",
this.handleSortByButtonClick
);
}
loadLocalStorage () {
if (typeof localStorage !== 'undefined') {
const sortOptionIndex = localStorage.getItem(SORT_OPTION_INDEX_STORAGE_KEY)
loadLocalStorage() {
if (typeof localStorage !== "undefined") {
const sortOptionIndex = localStorage.getItem(
SORT_OPTION_INDEX_STORAGE_KEY
);
if (sortOptionIndex) {
this._sortOptionIndex = parseInt(sortOptionIndex)
this._sortOptionIndex = parseInt(sortOptionIndex);
}
}
}
updateLocalStorage () {
if (typeof localStorage !== 'undefined') {
updateLocalStorage() {
if (typeof localStorage !== "undefined") {
if (this._sortOptionIndex !== SORT_OPTION_INDEX_DEFAULT) {
localStorage.setItem(SORT_OPTION_INDEX_STORAGE_KEY, this._sortOptionIndex)
localStorage.setItem(
SORT_OPTION_INDEX_STORAGE_KEY,
this._sortOptionIndex
);
} else {
localStorage.removeItem(SORT_OPTION_INDEX_STORAGE_KEY)
localStorage.removeItem(SORT_OPTION_INDEX_STORAGE_KEY);
}
}
}
show () {
show() {
// Load the saved option selection, if any
this.loadLocalStorage()
this.loadLocalStorage();
this.updateSortOption()
this.updateSortOption();
// Bind DOM event listeners
// This is removed by #reset to avoid multiple listeners
this._buttonElement.addEventListener('click', this.handleSortByButtonClick)
this._buttonElement.addEventListener("click", this.handleSortByButtonClick);
// Show #sort-by element
this._buttonElement.style.display = 'inline-block'
this._buttonElement.style.display = "inline-block";
}
handleSortByButtonClick = () => {
while (true) {
// Increment to the next sort option, wrap around if needed
this._sortOptionIndex = (this._sortOptionIndex + 1) % SORT_OPTIONS.length
this._sortOptionIndex = (this._sortOptionIndex + 1) % SORT_OPTIONS.length;
// Only break if the sortOption is supported
// This can technically cause an infinite loop, but never should assuming
// at least one sortOption does not implement the test OR always returns true
const sortOption = SORT_OPTIONS[this._sortOptionIndex]
const sortOption = SORT_OPTIONS[this._sortOptionIndex];
if (!sortOption.testFunc || sortOption.testFunc(this._app)) {
break
break;
}
}
// Redraw the button and sort the servers
this.updateSortOption()
this.updateSortOption();
// Save the updated option selection
this.updateLocalStorage()
}
this.updateLocalStorage();
};
updateSortOption = () => {
const sortOption = SORT_OPTIONS[this._sortOptionIndex]
const sortOption = SORT_OPTIONS[this._sortOptionIndex];
// Pass app instance so sortOption names can be dynamically generated
this._textElement.innerText = sortOption.getName(this._app)
this._textElement.innerText = sortOption.getName(this._app);
// Update all servers highlighted values
for (const serverRegistration of this._app.serverRegistry.getServerRegistrations()) {
serverRegistration.updateHighlightedValue(sortOption.highlightedValue)
serverRegistration.updateHighlightedValue(sortOption.highlightedValue);
}
this.sortServers()
}
this.sortServers();
};
sortServers = () => {
const sortOption = SORT_OPTIONS[this._sortOptionIndex]
const sortOption = SORT_OPTIONS[this._sortOptionIndex];
const sortedServers = this._app.serverRegistry.getServerRegistrations().sort((a, b) => {
if (a.isFavorite && !b.isFavorite) {
return -1
} else if (b.isFavorite && !a.isFavorite) {
return 1
}
const sortedServers = this._app.serverRegistry
.getServerRegistrations()
.sort((a, b) => {
if (a.isFavorite && !b.isFavorite) {
return -1;
} else if (b.isFavorite && !a.isFavorite) {
return 1;
}
return sortOption.sortFunc(a, b)
})
return sortOption.sortFunc(a, b);
});
// Test if sortedServers has changed from the previous listing
// This avoids DOM updates and graphs being redrawn
const sortedServerIds = sortedServers.map(server => server.serverId)
const sortedServerIds = sortedServers.map((server) => server.serverId);
if (this._lastSortedServers) {
let allMatch = true
let allMatch = true;
// Test if the arrays have actually changed
// No need to length check, they are the same source data each time
for (let i = 0; i < sortedServerIds.length; i++) {
if (sortedServerIds[i] !== this._lastSortedServers[i]) {
allMatch = false
break
allMatch = false;
break;
}
}
if (allMatch) {
return
return;
}
}
this._lastSortedServers = sortedServerIds
this._lastSortedServers = sortedServerIds;
// Sort a ServerRegistration list by the sortOption ONLY
// This is used to determine the ServerRegistration's rankIndex without #isFavorite skewing values
const rankIndexSort = this._app.serverRegistry.getServerRegistrations().sort(sortOption.sortFunc)
const rankIndexSort = this._app.serverRegistry
.getServerRegistrations()
.sort(sortOption.sortFunc);
// Update the DOM structure
sortedServers.forEach(function (serverRegistration) {
const parentElement = document.getElementById('server-list')
const serverElement = document.getElementById(`container_${serverRegistration.serverId}`)
const parentElement = document.getElementById("server-list");
const serverElement = document.getElementById(
`container_${serverRegistration.serverId}`
);
parentElement.appendChild(serverElement)
parentElement.appendChild(serverElement);
// Set the ServerRegistration's rankIndex to its indexOf the normal sort
serverRegistration.updateServerRankIndex(rankIndexSort.indexOf(serverRegistration))
})
}
serverRegistration.updateServerRankIndex(
rankIndexSort.indexOf(serverRegistration)
);
});
};
}