Follow feature completed

client/src/index.ts

@@ -12,6 +12,7 @@ import { LogPanel } from "./panels/logpanel";
 import { getAirbases, getBullseye as getBullseyes, getConfig, getMission, getUnits, setAddress, toggleDemoEnabled } from "./server/server";
 import { UnitDataTable } from "./units/unitdatatable";
 import { keyEventWasInInput } from "./other/utils";
+import { Popup } from "./popups/popup";
 
 var map: Map;
 
@@ -27,6 +28,8 @@ var unitControlPanel: UnitControlPanel;
 var mouseInfoPanel: MouseInfoPanel;
 var logPanel: LogPanel;
 
+var infoPopup: Popup;
+
 var connected: boolean = false;
 var paused: boolean = false;
 var activeCoalition: string = "blue";
@@ -52,6 +55,9 @@ function setup() {
     mouseInfoPanel = new MouseInfoPanel("mouse-info-panel");
     //logPanel = new LogPanel("log-panel");
 
+    /* Popups */
+    infoPopup = new Popup("info-popup");
+
     unitDataTable = new UnitDataTable("unit-data-table");
 
     /* AIC */
@@ -269,7 +275,9 @@ export function getActiveCoalition() {
 }
 
 export function setConnected(newConnected: boolean) {
-    connected = newConnected
+    if (connected != newConnected)
+        newConnected? getInfoPopup().setText("Connected to DCS Olympus server"): getInfoPopup().setText("Disconnected from DCS Olympus server");
+    connected = newConnected;
 }
 
 export function getConnected() {
@@ -278,10 +286,15 @@ export function getConnected() {
 
 export function setPaused(newPaused: boolean) {
     paused = newPaused;
+    paused? getInfoPopup().setText("Paused"): getInfoPopup().setText("Unpaused");
 }
 
 export function getPaused() {
     return paused;
 }
 
+export function getInfoPopup() {
+    return infoPopup;
+}
+
 window.onload = setup;