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

Updated IP and Link to be dynamic

Browse Source 
IP Address of server and connection status is now sourced from 'olympusapp'  and automatically updates status in the header.
This commit is contained in:
Dogma 2024-04-17 19:03:59 +10:00
parent 6296bdc2d8
commit c6300b3e6a
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/react/src/olympusapp.ts
View File

@ -41,6 +41,8 @@ import { navyUnitDatabase } from "./unit/databases/navyunitdatabase";
//import { ContextManager } from "./context/contextmanager";
//import { Context } from "./context/context";
export var VERSION = "{{OLYMPUS_VERSION_NUMBER}}";
export var IP = "{{IP ADDRESS OF SERVER}}";
export var connectedToServer = true;
export class OlympusApp {
/* Global data */

12
frontend/react/src/ui/panels/header.tsx
View File

@ -1,12 +1,12 @@
import React from 'react'
import { OlRoundStateButton, OlStateButton, OlLockStateButton } from '../components/olstatebutton';
import { faLock, faSkull, faCamera, faFlag, faCircle, faLink } from '@fortawesome/free-solid-svg-icons';
import { faLock, faSkull, faCamera, faFlag, faCircle, faLink, faUnlink } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { EventsConsumer } from '../../eventscontext';
import { StateConsumer } from '../../statecontext';
import { OlDropdownItem, OlDropdown } from '../components/oldropdown';
import { OlLabelToggle } from '../components/ollabeltoggle';
import { getApp } from '../../olympusapp';
import { getApp, IP, connectedToServer } from '../../olympusapp';
import { olButtonsVisibilityAirbase, olButtonsVisibilityAircraft, olButtonsVisibilityDcs, olButtonsVisibilityGroundunit, olButtonsVisibilityGroundunitSam, olButtonsVisibilityHelicopter, olButtonsVisibilityHuman, olButtonsVisibilityNavyunit, olButtonsVisibilityOlympus } from '../components/olicons';
export function Header() {
@ -16,11 +16,11 @@ export function Header() {
{(events) =>
<nav className="flex w-screen h-[66px] bg-gray-300 border-gray-200 dark:bg-olympus-900 dark:border-gray-700 px-3 z-ui-1">
<div className="w-full max-w-full flex flex-nowrap items-center justify-between gap-3 my-auto">
<div className="flex flex-row items-center justify-center gap-1 flex-none">
<img src="images/icon.png" className='h-10 w-10 p-0 rounded-md mr-2'></img>
<div className="flex flex-col items-start pl-3">
<div className="flex flex-row items-center justify-center gap-6 flex-none">
<img src="images/icon.png" className='h-10 w-10 p-0 rounded-md'></img>
<div className="flex flex-col items-start">
<div className="pt-1 text-gray-800 dark:text-gray-200 font-light text-xs">Connected to</div>
<div className="flex text-gray-800 dark:text-gray-200 font-bold items-center justify-center">123.45.202.51:4001 <FontAwesomeIcon icon={faLink} className="py-auto px-2 text-green-400 dark:text-green-400" /></div>
<div className="flex text-gray-800 dark:text-gray-200 font-bold items-center justify-center gap-2">{IP} <FontAwesomeIcon icon={connectedToServer ? faLink : faUnlink} data-connected={connectedToServer} className="py-auto text-green-400 data-[connected='true']:dark:text-green-400 dark:text-red-500" /></div>
</div>
</div>
<div className="ml-auto">