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

Some styling to the unit control panel and changeable unit name.

Browse Source
This commit is contained in:
PeekabooSteam
2023-03-08 14:19:57 +00:00
parent 6c488dba63
commit 549eeb7c2e
8 changed files with 183 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
client/src/index.ts
View File

@@ -101,6 +101,31 @@ function setup() {
});
const unitName = document.getElementById( "unit-name" );
if ( unitName instanceof HTMLInputElement ) {
unitName.addEventListener( "change", ev => {
unitName.setAttribute( "disabled", "true" );
unitName.setAttribute( "readonly", "true" );
// Do something with this:
console.log( unitName.value );
});
document.addEventListener( "editUnitName", ev => {
unitName.removeAttribute( "disabled" );
unitName.removeAttribute( "readonly" );
unitName.focus();
});
}
document.addEventListener( "toggleCoalitionVisibility", ( ev:CustomEventInit ) => {
document.body.toggleAttribute( "data-hide-" + ev.detail.coalition );

8
client/src/panels/unitcontrolpanel.ts
View File

@@ -25,15 +25,15 @@ export class UnitControlPanel extends Panel {
/* Option buttons */
this.#optionButtons["ROE"] = ROEs.map((option: string) => {
var button = document.createElement("button");
button.innerText = option;
button.addEventListener("click", () => getUnitsManager().selectedUnitsSetROE(button.value));
button.title = option;
button.addEventListener("click", () => getUnitsManager().selectedUnitsSetROE(button.title));
return button;
})
this.#optionButtons["reactionToThreat"] = reactionsToThreat.map((option: string) => {
var button = document.createElement("button");
button.innerText = option;
button.addEventListener("click", () => getUnitsManager().selectedUnitsSetROE(button.value));
button.title = option;
button.addEventListener("click", () => getUnitsManager().selectedUnitsSetROE(button.title));
return button;
})