diff --git a/frontend/react/public/images/favicons/site.webmanifest b/frontend/react/public/images/favicons/site.webmanifest index 85fe3e4b..b4b407a7 100644 --- a/frontend/react/public/images/favicons/site.webmanifest +++ b/frontend/react/public/images/favicons/site.webmanifest @@ -3,12 +3,12 @@ "short_name": "DCS Olympus", "icons": [ { - "src": "/images/favicons/android-chrome-192x192.png", + "src": "./images/favicons/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" }, { - "src": "/images/favicons/android-chrome-512x512.png", + "src": "./images/favicons/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" } diff --git a/frontend/react/src/map/markers/explosionmarker.ts b/frontend/react/src/map/markers/explosionmarker.ts index c564705d..633e82d6 100644 --- a/frontend/react/src/map/markers/explosionmarker.ts +++ b/frontend/react/src/map/markers/explosionmarker.ts @@ -31,7 +31,7 @@ export class ExplosionMarker extends CustomMarker { var el = document.createElement("div"); el.classList.add("ol-explosion-icon"); var img = document.createElement("img"); - img.src = "/images/markers/explosion.svg"; + img.src = "./images/markers/explosion.svg"; img.onload = () => SVGInjector(img); el.appendChild(img); this.getElement()?.appendChild(el); diff --git a/frontend/react/src/map/markers/smokemarker.ts b/frontend/react/src/map/markers/smokemarker.ts index 064f3c99..86c62a59 100644 --- a/frontend/react/src/map/markers/smokemarker.ts +++ b/frontend/react/src/map/markers/smokemarker.ts @@ -28,7 +28,7 @@ export class SmokeMarker extends CustomMarker { el.classList.add("ol-smoke-icon"); el.setAttribute("data-color", this.#color); var img = document.createElement("img"); - img.src = "/images/markers/smoke.svg"; + img.src = "./images/markers/smoke.svg"; img.onload = () => SVGInjector(img); el.appendChild(img); this.getElement()?.appendChild(el); diff --git a/frontend/react/src/map/markers/stylesheets/units.css b/frontend/react/src/map/markers/stylesheets/units.css index c08fa237..4b61615f 100644 --- a/frontend/react/src/map/markers/stylesheets/units.css +++ b/frontend/react/src/map/markers/stylesheets/units.css @@ -430,15 +430,15 @@ } [data-object|="unit"][data-state="rtb"] .unit-state { - background-image: url("/images/states/rtb.svg"); + background-image: url("./images/states/rtb.svg"); } [data-object|="unit"][data-state="land"] .unit-state { - background-image: url("/images/states/rtb.svg"); + background-image: url("./images/states/rtb.svg"); } [data-object|="unit"][data-state="idle"] .unit-state { - background-image: url("/images/states/idle.svg"); + background-image: url("./images/states/idle.svg"); } [data-object*="groundunit"][data-state="idle"] .unit-state, @@ -450,59 +450,59 @@ [data-object|="unit"][data-state="bomb-point"] .unit-state, [data-object|="unit"][data-state="carpet-bombing"] .unit-state, [data-object|="unit"][data-state="fire-at-area"] .unit-state { - background-image: url("/images/states/attack.svg"); + background-image: url("./images/states/attack.svg"); } [data-object|="unit"][data-state="follow"] .unit-state { - background-image: url("/images/states/follow.svg"); + background-image: url("./images/states/follow.svg"); } [data-object|="unit"][data-state="refuel"] .unit-state { - background-image: url("/images/states/refuel.svg"); + background-image: url("./images/states/refuel.svg"); } [data-object|="unit"][data-state="human"] .unit-state { - background-image: url("/images/states/human.svg"); + background-image: url("./images/states/human.svg"); } [data-object|="unit"][data-state="dcs"] .unit-state { - background-image: url("/images/states/dcs.svg"); + background-image: url("./images/states/dcs.svg"); } [data-object|="unit"][data-state="land-at-point"] .unit-state { - background-image: url("/images/states/land-at-point.svg"); + background-image: url("./images/states/land-at-point.svg"); } [data-object|="unit"][data-state="no-task"] .unit-state { - background-image: url("/images/states/no-task.svg"); + background-image: url("./images/states/no-task.svg"); } [data-object|="unit"][data-state="off"] .unit-state { - background-image: url("/images/states/off.svg"); + background-image: url("./images/states/off.svg"); } [data-object|="unit"][data-state="tanker"] .unit-state { - background-image: url("/images/states/tanker.svg"); + background-image: url("./images/states/tanker.svg"); } [data-object|="unit"][data-state="AWACS"] .unit-state { - background-image: url("/images/states/awacs.svg"); + background-image: url("./images/states/awacs.svg"); } [data-object|="unit"][data-state="miss-on-purpose"] .unit-state { - background-image: url("/images/states/miss-on-purpose.svg"); + background-image: url("./images/states/miss-on-purpose.svg"); } [data-object|="unit"][data-state="scenic-aaa"] .unit-state { - background-image: url("/images/states/scenic-aaa.svg"); + background-image: url("./images/states/scenic-aaa.svg"); } [data-object|="unit"][data-state="simulate-fire-fight"] .unit-state { - background-image: url("/images/states/simulate-fire-fight.svg"); + background-image: url("./images/states/simulate-fire-fight.svg"); } [data-object|="unit"] .unit-health::before { - background-image: url("/images/icons/health.svg"); + background-image: url("./images/icons/health.svg"); background-repeat: no-repeat; background-size: contain; content: " "; diff --git a/frontend/react/src/map/markers/temporaryunitmarker.ts b/frontend/react/src/map/markers/temporaryunitmarker.ts index 439aec25..12aa3e52 100644 --- a/frontend/react/src/map/markers/temporaryunitmarker.ts +++ b/frontend/react/src/map/markers/temporaryunitmarker.ts @@ -56,7 +56,7 @@ export class TemporaryUnitMarker extends CustomMarker { var unitIcon = document.createElement("div"); unitIcon.classList.add("unit-icon"); var img = document.createElement("img"); - img.src = `/vite/images/units/map/${getApp().getMap().getOptions().AWACSMode ? "awacs" : "normal"}/${this.#coalition}/${blueprint.markerFile ?? blueprint.category}.svg`; + img.src = `/vite./images/units/map/${getApp().getMap().getOptions().AWACSMode ? "awacs" : "normal"}/${this.#coalition}/${blueprint.markerFile ?? blueprint.category}.svg`; img.onload = () => SVGInjector(img); unitIcon.appendChild(img); unitIcon.toggleAttribute("data-rotate-to-heading", false); diff --git a/frontend/react/src/map/stylesheets/map.css b/frontend/react/src/map/stylesheets/map.css index 3374255e..79e9fb5b 100644 --- a/frontend/react/src/map/stylesheets/map.css +++ b/frontend/react/src/map/stylesheets/map.css @@ -132,7 +132,7 @@ } .ol-target-icon { - background-image: url("/images/markers/target.svg"); + background-image: url("./images/markers/target.svg"); height: 100%; width: 100%; } diff --git a/frontend/react/src/mission/airbase.ts b/frontend/react/src/mission/airbase.ts index 4abe20ad..a526d042 100644 --- a/frontend/react/src/mission/airbase.ts +++ b/frontend/react/src/mission/airbase.ts @@ -67,7 +67,7 @@ export class Airbase extends CustomMarker { el.classList.add("airbase-icon"); el.setAttribute("data-object", "airbase"); - this.#img.src = "/images/markers/airbase.svg"; + this.#img.src = "./images/markers/airbase.svg"; this.#img.onload = () => SVGInjector(this.#img); el.appendChild(this.#img); this.getElement()?.appendChild(el); diff --git a/frontend/react/src/mission/bullseye.ts b/frontend/react/src/mission/bullseye.ts index a615981d..ebc614c7 100644 --- a/frontend/react/src/mission/bullseye.ts +++ b/frontend/react/src/mission/bullseye.ts @@ -23,7 +23,7 @@ export class Bullseye extends CustomMarker { el.classList.add("bullseye-icon"); el.setAttribute("data-object", "bullseye"); var img = document.createElement("img"); - img.src = "/images/markers/bullseye.svg"; + img.src = "./images/markers/bullseye.svg"; img.onload = () => SVGInjector(img); el.appendChild(img); this.getElement()?.appendChild(el); diff --git a/frontend/react/src/mission/carrier.ts b/frontend/react/src/mission/carrier.ts index 540e4620..6ffcf34d 100644 --- a/frontend/react/src/mission/carrier.ts +++ b/frontend/react/src/mission/carrier.ts @@ -15,7 +15,7 @@ export class Carrier extends Airbase { el.classList.add("airbase-icon"); el.setAttribute("data-object", "airbase"); - this.getImg().src = "/images/carriers/nimitz.png"; + this.getImg().src = "./images/carriers/nimitz.png"; this.getImg().style.width = `0px`; // Make the image immediately small to avoid giant carriers el.appendChild(this.getImg()); this.getElement()?.appendChild(el); diff --git a/frontend/react/src/ui/components/olunitlistentry.tsx b/frontend/react/src/ui/components/olunitlistentry.tsx index 75daaa36..dbe3aa51 100644 --- a/frontend/react/src/ui/components/olunitlistentry.tsx +++ b/frontend/react/src/ui/components/olunitlistentry.tsx @@ -44,7 +44,7 @@ export function OlUnitListEntry(props: { invert `}> diff --git a/frontend/react/src/ui/components/olunitsummary.tsx b/frontend/react/src/ui/components/olunitsummary.tsx index 47e27961..d46c988c 100644 --- a/frontend/react/src/ui/components/olunitsummary.tsx +++ b/frontend/react/src/ui/components/olunitsummary.tsx @@ -20,7 +20,7 @@ export function OlUnitSummary(props: { blueprint: UnitBlueprint; coalition: Coal className={` absolute right-5 top-0 h-full object-cover opacity-10 invert `} - src={"vite/images/units/" + props.blueprint.filename} + src={"vite./images/units/" + props.blueprint.filename} alt="" />
-
- @@ -360,7 +360,7 @@ export function LoginModal(props: { open: boolean }) { >
); diff --git a/frontend/react/src/unit/unit.ts b/frontend/react/src/unit/unit.ts index 25d60a25..d498d347 100644 --- a/frontend/react/src/unit/unit.ts +++ b/frontend/react/src/unit/unit.ts @@ -66,8 +66,8 @@ import { const bearingStrings = ["north", "north-east", "east", "south-east", "south", "south-west", "west", "north-west", "north"]; var pathIcon = new Icon({ - iconUrl: "/images/markers/marker-icon.png", - shadowUrl: "/images/markers/marker-shadow.png", + iconUrl: "./images/markers/marker-icon.png", + shadowUrl: "./images/markers/marker-shadow.png", iconAnchor: [13, 41], }); @@ -909,7 +909,7 @@ export abstract class Unit extends CustomMarker { if (this.belongsToCommandedCoalition() || this.getDetectionMethods().some((value) => [VISUAL, OPTIC].includes(value))) marker = this.getBlueprint()?.markerFile ?? this.getDefaultMarker(); else marker = "aircraft"; - img.src = `/vite/images/units/map/${getApp().getMap().getOptions().AWACSMode ? "awacs" : "normal"}/${this.getCoalition()}/${marker}.svg`; + img.src = `/vite./images/units/map/${getApp().getMap().getOptions().AWACSMode ? "awacs" : "normal"}/${this.getCoalition()}/${marker}.svg`; img.onload = () => SVGInjector(img); unitIcon.appendChild(img); diff --git a/frontend/react/src/weapon/weapon.ts b/frontend/react/src/weapon/weapon.ts index a5957eff..9367aed3 100644 --- a/frontend/react/src/weapon/weapon.ts +++ b/frontend/react/src/weapon/weapon.ts @@ -178,7 +178,7 @@ export class Weapon extends CustomMarker { var unitIcon = document.createElement("div"); unitIcon.classList.add("unit-icon"); var img = document.createElement("img"); - img.src = `/vite/images/units/map/${getApp().getMap().getOptions().AWACSMode ? "awacs" : "normal"}/${this.getCoalition()}/${this.getMarkerCategory()}.svg`; + img.src = `/vite./images/units/map/${getApp().getMap().getOptions().AWACSMode ? "awacs" : "normal"}/${this.getCoalition()}/${this.getMarkerCategory()}.svg`; img.onload = () => SVGInjector(img); unitIcon.appendChild(img); unitIcon.toggleAttribute("data-rotate-to-heading", this.getIconOptions().rotateToHeading);