weyne/dcs-retribution
1
0
Fork 0
mirror of https://github.com/dcs-retribution/dcs-retribution.git synced 2025-11-10 15:41:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Highlight icons for selected flights.

Browse Source 
https://spatialillusions.com/unitgenerator/ doesn't support generating
white icons AFAICT, so this was just the blue icon manually edited to
white.

https://github.com/dcs-liberation/dcs_liberation/issues/1704
This commit is contained in:
Dan Albert 2021-11-07 11:44:04 -08:00
parent d31f0e22e3
commit 2c14a140fe
2 changed files with 23 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
resources/ui/air_assets/unspecified_selected.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny" width="118" height="128" viewBox="41 26 118 128"><path d="M 155,150 C 155,50 115,30 100,30 85,30 45,50 45,150" stroke-width="4" stroke="black" fill="rgb(255,255,255)" fill-opacity="1" ></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 271 B

28
resources/ui/map/map.js
View File

@ -108,16 +108,28 @@ class AirIcons {
constructor() { constructor() {
this.icons = {}; this.icons = {};
for (const player of [true, false]) { for (const player of [true, false]) {
this.icons[player] = this.loadIcon("unspecified", player); this.icons[player] = {};
for (const selected of [true, false]) {
this.icons[player][selected] = this.loadIcon(
"unspecified",
player,
selected
);
}
} }
} }
icon(_category, player, _state) { icon(_category, player, selected) {
return this.icons[player]; return this.icons[player][selected];
} }
loadIcon(category, player) { loadIcon(category, player, selected) {
const color = player ? "blue" : "red"; var color;
if (selected) {
color = "selected";
} else {
color = player ? "blue" : "red";
}
return new L.Icon({ return new L.Icon({
iconUrl: `../air_assets/${category}_${color}.svg`, iconUrl: `../air_assets/${category}_${color}.svg`,
iconSize: [24, 24], iconSize: [24, 24],
@ -849,7 +861,11 @@ class Flight {
const position = this.flight.position; const position = this.flight.position;
if (position.length > 0) { if (position.length > 0) {
this.aircraft = L.marker(position, { this.aircraft = L.marker(position, {
icon: Icons.AirIcons.icon("fighter", this.flight.blue), icon: Icons.AirIcons.icon(
"fighter",
this.flight.blue,
this.flight.selected
),
}).addTo(aircraftLayer); }).addTo(aircraftLayer);
} }
} }