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

feat: added support for callsigns

Browse Source
This commit is contained in:
Pax1601
2025-03-25 13:05:40 +01:00
parent f91daed25e
commit bc65bf546f
6 changed files with 40 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/react/src/ui/panels/coordinatespanel.tsx
View File

@@ -3,7 +3,7 @@ import { OlLocation } from "../components/ollocation";
import { LatLng } from "leaflet";
import { FaBullseye, FaChevronDown, FaChevronUp, FaJetFighter, FaMountain, FaCopy, FaXmark } from "react-icons/fa6";
import { BullseyesDataChangedEvent, CoordinatesFreezeEvent, MouseMovedEvent, SelectedUnitsChangedEvent, SelectionClearedEvent } from "../../events";
import { computeBearingRangeString, ConvertDDToDMS, DDToDDM, isTrustedEnvironment, latLngToMGRS, mToFt, zeroAppend } from "../../other/utils";
import { computeBearingRangeString, ConvertDDToDMS, DDToDDM, latLngToMGRS, mToFt, zeroAppend } from "../../other/utils";
import { Bullseye } from "../../mission/bullseye";
import { Unit } from "../../unit/unit";
import { getApp } from "../../olympusapp";
@@ -50,7 +50,7 @@ export function CoordinatesPanel(props: {}) {
break;
}
returnString += ` Elevation: ${Math.round(elevation)}`;
returnString += ` Elevation: ${Math.round(elevation)}ft`;
return returnString;
};
@@ -152,15 +152,17 @@ export function CoordinatesPanel(props: {}) {
className="ml-auto flex w-[50%]"
onClick={async (evt) => {
evt.stopPropagation();
setCopyCoordsOpen(true);
if (isTrustedEnvironment()) {
if (isSecureContext && navigator.clipboard) {
try {
await navigator.clipboard.writeText(copyableCoordinates);
getApp().addInfoMessage(`Coordinates copied to clipboard: ${copyableCoordinates}`);
} catch (err) {
setCopyCoordsOpen(true);
console.error('Failed to copy text: ', err);
}
} else {
setCopyCoordsOpen(true);
}
}}
>
@@ -172,18 +174,21 @@ export function CoordinatesPanel(props: {}) {
>
<FaCopy />
</span>
<div className="min-w-12">Copy Coords</div>
<div className="min-w-12">Copy last click</div>
</div>
</div>,
open && copyCoordsOpen && (
<div
className={`
relative mt-4 flex w-full min-w-64 items-center justify-between
relative mt-2 flex w-full min-w-64 items-center justify-between
`}
onClick={(evt) => evt.stopPropagation()}
>
<textarea readOnly={true} className="resize-none p-2 text-black" name="coordsTextArea" id="coordsTextArea" cols={25} rows={2} value={copyableCoordinates}></textarea>
<textarea readOnly={true} className={`
resize-none rounded-md border-2 border-gray-600 bg-olympus-600 p-2
text-gray-200
`} name="coordsTextArea" id="coordsTextArea" cols={25} rows={2} value={copyableCoordinates}></textarea>
<div className="absolute right-[0] top-[0px] background-transparent" onClick={() => setCopyCoordsOpen(false)}>
<FaXmark className="cursor-pointer" />

15
frontend/react/src/ui/panels/optionsmenu.tsx
View File

@@ -121,6 +121,17 @@ export function OptionsMenu(props: { open: boolean; onClose: () => void; childre
<OlCheckbox checked={mapOptions.showUnitLabels} onChange={() => {}}></OlCheckbox>
<span className="my-auto">Show unit labels</span>
</div>
<div
className={`
group flex cursor-pointer flex-row content-center justify-start
gap-4 rounded-md p-2
dark:hover:bg-olympus-400
`}
onClick={() => getApp().getMap().setOption("showUnitCallsigns", !mapOptions.showUnitCallsigns)}
>
<OlCheckbox checked={mapOptions.showUnitCallsigns} onChange={() => {}}></OlCheckbox>
<span className="my-auto">Show unit Mission Editor callsigns</span>
</div>
<div
className={`
group flex cursor-pointer flex-row content-center justify-start
@@ -149,9 +160,9 @@ export function OptionsMenu(props: { open: boolean; onClose: () => void; childre
gap-4 rounded-md p-2
dark:hover:bg-olympus-400
`}
onClick={() => getApp().getMap().setOption("showUnitTargets", !mapOptions.showUnitTargets)}
onClick={() => getApp().getMap().setOption("showUnitContacts", !mapOptions.showUnitContacts)}
>
<OlCheckbox checked={mapOptions.showUnitTargets} onChange={() => {}}></OlCheckbox>
<OlCheckbox checked={mapOptions.showUnitContacts} onChange={() => {}}></OlCheckbox>
<span className="my-auto">Show detection lines</span>
</div>
<div