weyne/DCSOlympus
1
0
Fork 0
mirror of https://github.com/Pax1601/DCSOlympus.git synced 2025-10-29 16:56:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

User now alerted when server is paused.

Browse Source
This commit is contained in:
PeekabooSteam 2023-10-01 20:53:30 +01:00
parent d209f98265
commit 3db5202cdf
3 changed files with 47 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
client/public/stylesheets/panels/connectionstatus.css
View File

@ -16,4 +16,25 @@
#connection-status-panel[data-is-connected] dd::after {
background: var(--accent-green);
}
#connection-status-panel[data-is-paused] dt::before {
content: "Server paused";
}
#connection-status-panel[data-is-paused] dd {
animation: pulse 1s infinite;
}
@keyframes pulse {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#connection-status-panel[data-is-paused] dd::after {
background: var(--accent-amber);
}

1
client/public/themes/olympus/theme.css
View File

@ -20,6 +20,7 @@
--unit-background-red: #FF5858;
/*** UI Colours **/
--accent-amber: #ffd828;
--accent-green: #8bff63;
--accent-light-blue: #5ca7ff;
--transparent-accent-light-blue: rgba(92, 167, 255, .33);

26
client/src/panels/connectionstatuspanel.ts
View File

@ -1,12 +1,36 @@
import { getApp } from "..";
import { Panel } from "./panel";
export class ConnectionStatusPanel extends Panel {
#previousMissionElapsedTime:number = 0;
constructor(ID: string) {
super( ID );
}
update(connected: boolean) {
this.getElement().toggleAttribute( "data-is-connected", connected );
if ( connected ) {
const missionElapsedTime = getApp().getMissionManager().getDateAndTime().elapsedTime;
if ( missionElapsedTime === this.#previousMissionElapsedTime ) {
this.getElement().toggleAttribute( "data-is-connected", false );
this.getElement().toggleAttribute( "data-is-paused", true );
} else {
this.getElement().toggleAttribute( "data-is-connected", true );
this.getElement().toggleAttribute( "data-is-paused", false );
}
this.#previousMissionElapsedTime = missionElapsedTime;
} else {
this.getElement().toggleAttribute( "data-is-connected", false );
}
}
}