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

Commiting from the correct directory.

Browse Source
This commit is contained in:
PeekabooSteam
2023-03-07 22:43:12 +00:00
parent 8ca06a32df
commit a4a0ee7ba2
6 changed files with 239 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
client/views/navbar.ejs
View File

@@ -72,35 +72,27 @@
</div>
</div>
<div id="visibility-control" class="ol-group">
<button id="visibility-control-aircraft" title="Toggle aircraft' visibility" data-on-click="toggleVisibility" data-on-click-params='{ "unitType": "aircraft" }'></button>
<button id="visibility-control-ground" title="Toggle ground units' visibility" data-on-click="toggleVisibility" data-on-click-params='{ "unitType": "ground" }'></button>
<button id="visibility-control-sam" title="Toggle SAMs' visibility" data-on-click="toggleVisibility" data-on-click-params='{ "unitType": "sam" }'></button>
<button id="visibility-control-threat" title="Toggle threat rings' visibility" data-on-click="toggleVisibility" data-on-click-params='{ "unitType": "threat" }'></button>
<button id="visibility-control-naval" title="Toggle naval visibility" data-on-click="toggleVisibility" data-on-click-params='{ "unitType": "naval" }'></button>
<div id="unit-visibility-control" class="ol-group">
<button id="unit-visibility-control-aircraft" title="Toggle aircraft' visibility" data-on-click="toggleUnitVisibility" data-on-click-params='{ "unitType": "aircraft" }'></button>
<button id="unit-visibility-control-ground" title="Toggle ground units' visibility" data-on-click="toggleUnitVisibility" data-on-click-params='{ "unitType": "ground" }'></button>
<button id="unit-visibility-control-sam" title="Toggle SAMs' visibility" data-on-click="toggleUnitVisibility" data-on-click-params='{ "unitType": "sam" }'></button>
<button id="unit-visibility-control-threat" title="Toggle threat rings' visibility" data-on-click="toggleUnitVisibility" data-on-click-params='{ "unitType": "threat" }'></button>
<button id="unit-visibility-control-naval" title="Toggle naval visibility" data-on-click="toggleUnitVisibility" data-on-click-params='{ "unitType": "naval" }'></button>
</div>
<div class="ol-group ol-group-checkbox">
<div id="coalition-visibility-control" class="ol-group ol-group-button-toggle">
<div class="ol-checkbox">
<div class="ol-checkbox-input">
<input id="checkbox-1" type="checkbox" />
</div>
<label for="checkbox-1">My label</label>
<div>
<button id="coalition-visibility-control-blue" data-on-click="toggleCoalitionVisibility" data-on-click-params='{ "coalition": "blue" }'>View <span class="accent-bluefor">BLUEFOR</span></button>
</div>
<div class="ol-checkbox">
<div class="ol-checkbox-input">
<input id="checkbox-2" type="checkbox" />
</div>
<label for="checkbox-2">My label</label>
<div>
<button id="coalition-visibility-control-red" data-on-click="toggleCoalitionVisibility" data-on-click-params='{ "coalition": "red" }'>View <span class="accent-redfor">REDFOR</span></button>
</div>
<div class="ol-checkbox">
<div class="ol-checkbox-input">
<input id="checkbox-3" type="checkbox" />
</div>
<label for="checkbox-3">My label</label>
<div>
<button id="coalition-visibility-control-neutral" data-on-click="toggleCoalitionVisibility" data-on-click-params='{ "coalition": "neutral" }'>View <span class="accent-neutral">NEUTRAL</span></button>
</div>
</div>
</nav>

94
client/views/uikit.ejs
View File

@@ -250,6 +250,96 @@
</div>
<div class="content">
<div class="content-header">Naval</div>
<div class="content-body">
<div class="example">
<div class="caption">Neutral</div>
<div class="unit unit-naval" data-coalition="">
<div class="unit-selected-spotlight"></div>
<div class="unit-marker"></div>
<div class="unit-short-label">Z</div>
</div>
</div>
<div class="example">
<div class="caption">Blue</div>
<div class="unit unit-naval" data-coalition="blue">
<div class="unit-selected-spotlight"></div>
<div class="unit-marker"></div>
<div class="unit-short-label">Y</div>
</div>
</div>
<div class="example">
<div class="caption">Red</div>
<div class="unit unit-naval" data-coalition="red">
<div class="unit-selected-spotlight"></div>
<div class="unit-marker"></div>
<div class="unit-short-label">X</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="content-header">Buildings</div>
<div class="content-body">
<div class="example">
<div class="caption">Neutral</div>
<div class="unit unit-building" data-coalition="">
<div class="unit-selected-spotlight"></div>
<div class="unit-marker"></div>
<div class="unit-short-label">J</div>
</div>
</div>
<div class="example">
<div class="caption">Blue</div>
<div class="unit unit-building" data-coalition="blue">
<div class="unit-selected-spotlight"></div>
<div class="unit-marker"></div>
<div class="unit-short-label">K</div>
</div>
</div>
<div class="example">
<div class="caption">Red</div>
<div class="unit unit-building" data-coalition="red">
<div class="unit-selected-spotlight"></div>
<div class="unit-marker"></div>
<div class="unit-short-label">L</div>
</div>
</div>
</div>
</div>
</section>
@@ -1631,13 +1721,17 @@
document.querySelectorAll( ".ol-select" ).forEach( select => {
select.addEventListener( "click", ev => {
ev.preventDefault();
ev.stopPropagation();
select.classList.toggle( "is-open" );
});
select.addEventListener( "mouseleave", ev => {
select.classList.remove( "is-open" );
});
});
</script>