Files
wk_wars2x/nui/radar.html
Dan 6877d61267 Radar menu now opens and works properly
Settings configured in the menu also have an effect on the radar's operation, e.g. the antenna sensitivities effect the range.
2019-12-01 16:56:20 +00:00

168 lines
5.0 KiB
HTML

<html>
<head>
<link href="radar.css" rel="stylesheet" type="text/css"/>
</head>
<body onselectstart="return false;" ondragstart="return false;">
<div id="radarFrame" class="unit_frame">
<!-- <div class="unit_frame"> -->
<div class="frame_border"></div>
<div class="radar_container">
<div class="panel_side panel_left"></div>
<div id="radar">
<div class="label label_top">FRONT ANTENNA</div>
<div class="pwr_button_container">
<div id="pwrBtn" class="pwr_button">PWR</div>
</div>
<div class="modes_container">
<div class="modes">
<p id="frontSame">SAME</p>
<p id="frontOpp">OPP</p>
<p id="frontXmit">XMIT</p>
</div>
<div class="modes">
<p id="rearSame">SAME</p>
<p id="rearOpp">OPP</p>
<p id="rearXmit">XMIT</p>
</div>
</div>
<div class="speeds_container">
<div class="display">
<p class="ghost_speed">888</p>
<p class="speed" id="frontSpeed"></p>
</div>
<div class="display">
<p class="ghost_speed">888</p>
<p class="speed" id="rearSpeed"></p>
</div>
</div>
<div class="speed_arrows_container">
<div class="speed_arrows">
<div class="arrow" id="frontDirAway"></div>
<div class="arrow arrow_down" id="frontDirTowards"></div>
</div>
<div class="speed_arrows">
<div class="arrow" id="rearDirTowards"></div>
<div class="arrow arrow_down" id="rearDirAway"></div>
</div>
</div>
<div class="modes_container">
<div class="modes fast_top">
<p id="frontFastLabel">FAST</p>
<p id="frontFastLockLabel">LOCK</p>
</div>
<div class="modes fast_bottom">
<p id="rearFastLabel">FAST</p>
<p id="rearFastLockLabel">LOCK</p>
</div>
</div>
<div class="speeds_container">
<div class="display fast fast_top">
<p class="fast_ghost_speed">888</p>
<p class="fast_speed" id="frontFastSpeed"></p>
</div>
<div class="display fast fast_bottom">
<p class="fast_ghost_speed">888</p>
<p class="fast_speed" id="rearFastSpeed"></p>
</div>
</div>
<div class="speed_arrows_container">
<div class="speed_arrows fast_top">
<div class="arrow" id="frontFastDirAway"></div>
<div class="arrow arrow_down" id="frontFastDirTowards"></div>
</div>
<div class="speed_arrows fast_bottom">
<div class="arrow" id="rearFastDirTowards"></div>
<div class="arrow arrow_down" id="rearFastDirAway"></div>
</div>
</div>
<div class="patrol_and_logo_container">
<div class="logo"><span class="name">Wraith</span> ARS 2X</div>
<div class="speeds_container">
<div class="display fast">
<p class="patrol_ghost_speed">888</p>
<p class="patrol_speed" id="patrolSpeed"></p>
</div>
</div>
<div class="speed_label">PATROL SPEED</div>
</div>
<div class="label label_bottom">REAR ANTENNA</div>
</div>
<div class="panel_side panel_right"></div>
</div>
</div>
<div id="rc">
<button id="toggleDisplay" class="rounded_btn toggle_display">TOGGLE DISPLAY</button>
<p class="label">FRONT ANTENNA</p>
<div class="antenna_btns_container">
<div class="btns btns_top">
<button id="frontOppMode" data-nuitype="setAntennaMode" data-value="front" data-mode="2" class="zone_btn top_left">OPP LK/REL</button>
<div class="xmit_wrap">
<div class="xmit_btn xmit_top">
<div class="arrow"></div>
<button id="frontXmitToggle" data-nuitype="toggleAntenna" data-value="front" class="top_middle">XMIT HOLD</button>
</div>
</div>
<button id="frontSameMode" data-nuitype="setAntennaMode" data-value="front" data-mode="1" class="zone_btn top_right">SAME LK/REL</button>
</div>
<div class="breaker"></div>
<div class="btns btns_bottom">
<button id="rearOppMode" data-nuitype="setAntennaMode" data-value="rear" data-mode="2" class="zone_btn bottom_left">LK/REL OPP</button>
<div class="xmit_wrap">
<div class="xmit_btn xmit_bottom">
<div class="arrow arrow_bottom"></div>
<button id="rearXmitToggle" data-nuitype="toggleAntenna" data-value="rear" class="bottom_middle">HOLD XMIT</button>
</div>
</div>
<button id="rearSameMode" data-nuitype="setAntennaMode" data-value="rear" data-mode="1" class="zone_btn bottom_right">LK/REL SAME</button>
</div>
</div>
<p class="label">REAR ANTENNA</p>
<button id="menuButton" data-nuitype="menu" class="circle_btn menu blue">MENU</button>
<div class="vol_ps_container">
<button id="volAndTest" class="vol_and_test blue">VOLUME <span class="hold">TEST</span></button>
<button id="psBlank" class="ps_blank blue">PS BLANK</button>
</div>
<button id="uiSettings" class="rounded_btn light blue">UI SETTINGS</button>
<p class="logo"><span class="large">Wraith</span> ARS 2X</p>
</div>
<!-- Load JavaScript files -->
<script src="nui://game/ui/jquery.js"></script>
<script src="radar.js"></script>
</body>
</html>