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

(WiP) Unit spawn menu

Browse Source
This commit is contained in:
dpassoni
2023-03-09 17:55:35 +01:00
parent 70c73aa3a9
commit 406e515fa6
14 changed files with 707 additions and 408 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
client/views/contextmenu.ejs
View File

@@ -1,19 +1,44 @@
<div id="contextmenu" class="ol-contextmenu">
<div class="ol-panel">
<div id="title"> Title </div>
<div id="switch">
<input type="checkbox">
<label id="context-menu-switch" class="toggle" for="context-menu-toggle">
<input class="toggle-input" name="" type="checkbox" id="context-menu-toggle">
<div data-coalition="blue" class="toggle-fill"></div>
</label>
<div id="unit-spawn" class="ol-group">
<button data-coalition="blue" id="unit-spawn-aircraft" title="Spawn aircraft" data-on-click="contextMenuShow"
data-on-click-params='{ "unitType": "aircraft" }'></button>
<button data-coalition="blue" id="unit-spawn-ground" title="Spawn ground unit" data-on-click="contextMenuShow"
data-on-click-params='{ "unitType": "ground" }'></button>
</div>
</div>
<ul id="list" class="ol-panel ol-scroll">
<li><button>Option A</button></li>
<li><button>Option B</button></li>
<li><button>Option C</button></li>
<li><button>Option D</button></li>
<li><button>Option D</button></li>
<li><button>Option D</button></li>
<li><button>Option D</button></li>
<li><button>Option D</button></li>
<li><button>Option D</button></li>
</ul>
<div id="aircraft-spawn-menu" class="ol-panel hide">
<div class="ol-select-container">
<div id="role-options" class="ol-select">
<div class="ol-select-value">Aircraft role</div>
<div class="ol-select-options">
<!-- This is where all the aircraft roles buttons will be shown-->
</div>
</div>
</div>
<div class="ol-select-container">
<div id="aircraft-options" class="ol-select">
<div class="ol-select-value">Aircraft type</div>
<div class="ol-select-options">
<div>Select role first</div>
<!-- This is where all the aircraft types buttons will be shown-->
</div>
</div>
</div>
<div class="ol-select-container">
<div id="loadout-options" class="ol-select">
<div class="ol-select-value">Loadout</div>
<div class="ol-select-options">
<div>Select type first</div>
<!-- This is where all the aircraft loadouts buttons will be shown-->
</div>
</div>
</div>
<button id="deploy-unit-button" title="" data-coalition="blue" data-on-click="contextMenuDeployUnit">Deploy units</button>
</div>
</div>