MaciejkaG/statki
1
0
Fork 0
mirror of https://github.com/MaciejkaG/statki.git synced 2024-11-30 04:32:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improved UI navigation

Browse Source
This commit is contained in:
MaciejkaG 2024-03-24 22:00:05 +01:00
parent 36b22037d4
commit 1ba265b9f5
2 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/assets/js/socket.js
View File

@ -24,7 +24,6 @@ var nickname;
var myProfile;
socket.emit("my profile", (profile) => {
console.log(profile);
// General profile data
let options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
$("#playerSince").html(new Date(profile.profile.account_creation).toLocaleDateString("pl-PL", options));
@ -35,6 +34,7 @@ socket.emit("my profile", (profile) => {
$("#totalPlayed").html(profile.stats.alltime_matches);
$("#winrate").html(`${profile.stats.winrate}%`);
// Match history
var matchHistory = profile.matchHistory;
var matchHistoryDOM = "";
@ -43,8 +43,6 @@ socket.emit("my profile", (profile) => {
for (let i = 0; i < matchHistory.length; i++) {
const match = matchHistory[i];
console.log();
let date = new Date(match.date).toLocaleDateString("pl-PL", options);
const minutes = Math.floor(match.duration / 60).toLocaleString('pl-PL', { minimumIntegerDigits: 2, useGrouping: false });

28
public/assets/js/spa_lib.js
View File

@ -2,20 +2,22 @@ var activeView;
var returnLock = false;
function switchView(viewContainerId, useReplaceState=false) {
$(`.container`).css({ opacity: 0, animation: "OutAnim 0.2s 1 ease" });
setTimeout(() => {
$(`.container`).css("display", "none");
$(`.container#${viewContainerId}`).css({ display: "flex", opacity: 1, animation: "InAnim 0.2s 1 ease" });
let path = $(`.container#${viewContainerId}`).data("path");
let title = $(`.container#${viewContainerId}`).data("title");
if (useReplaceState) {
history.replaceState(null, "", path ? path : "/");
} else {
history.pushState(null, title ? title : "Statki", path ? path : "/");
}
if (!returnLock) {
$(`.container`).css({ opacity: 0, animation: "OutAnim 0.2s 1 ease" });
setTimeout(() => {
$(`.container`).css("display", "none");
$(`.container#${viewContainerId}`).css({ display: "flex", opacity: 1, animation: "InAnim 0.2s 1 ease" });
let path = $(`.container#${viewContainerId}`).data("path");
let title = $(`.container#${viewContainerId}`).data("title");
if (useReplaceState) {
history.replaceState(null, "", path ? path : "/");
} else {
history.pushState(null, title ? title : "Statki", path ? path : "/");
}
activeView = viewContainerId;
}, 200);
activeView = viewContainerId;
}, 200);
}
}
function lockUI(doLock) {