mirror of
https://github.com/Michatec/wk_wars2x.git
synced 2026-04-01 08:26:27 +02:00
246 lines
7.2 KiB
HTML
246 lines
7.2 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<link href="radar.css" rel="stylesheet" type="text/css"/>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- <div id="radarFrame" class="bottom_right"> -->
|
|
<div id="radarFrame">
|
|
<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" data-nuitype="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>
|
|
|
|
<div id="uiSettingsBox">
|
|
<!-- <div class="remote_settings">
|
|
<p class="title">Remote</p>
|
|
|
|
<div class="alignment">
|
|
<button id="remoteAlignLeft" class="aligner"></button>
|
|
<button id="remoteAlignCentre" class="aligner"></button>
|
|
<button id="remoteAlignRight" class="aligner"></button>
|
|
</div>
|
|
</div> -->
|
|
|
|
<div class="radar_settings">
|
|
<p class="title">Radar UI Settings</p>
|
|
|
|
<div class="alignment">
|
|
<div class="aligner">
|
|
<div class="arrow top_left"></div>
|
|
<button data-value="top_left" data-scale="top left"></button>
|
|
</div>
|
|
|
|
<div class="aligner">
|
|
<div class="arrow"></div>
|
|
<button data-value="top_middle" data-scale="top center"></button>
|
|
</div>
|
|
|
|
<div class="aligner">
|
|
<div class="arrow top_right"></div>
|
|
<button data-value="top_right" data-scale="top right"></button>
|
|
</div>
|
|
|
|
<div class="aligner">
|
|
<div class="arrow left"></div>
|
|
<button data-value="middle_left" data-scale="center left"></button>
|
|
</div>
|
|
|
|
<div class="holo"></div>
|
|
|
|
<div class="aligner">
|
|
<div class="arrow right"></div>
|
|
<button data-value="middle_right" data-scale="center right"></button>
|
|
</div>
|
|
|
|
<div class="aligner">
|
|
<div class="arrow bottom_left"></div>
|
|
<button data-value="bottom_left" data-scale="bottom left"></button>
|
|
</div>
|
|
|
|
<div class="aligner">
|
|
<div class="arrow bottom"></div>
|
|
<button data-value="bottom_middle" data-scale="bottom center"></button>
|
|
</div>
|
|
|
|
<div class="aligner">
|
|
<div class="arrow bottom_right"></div>
|
|
<button data-value="bottom_right" data-scale="bottom right"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scaling">
|
|
<div id="decreaseScale" class="symbol minus"></div>
|
|
|
|
<div class="info">
|
|
<p>Scale</p>
|
|
<p id="scaleDisplay" class="multiplier">1.00x</p>
|
|
</div>
|
|
|
|
<div id="increaseScale" class="symbol plus"></div>
|
|
</div>
|
|
|
|
<button id="closeUiSettings" class="close">CLOSE</button>
|
|
</div>
|
|
|
|
<p id="keyLockLabel">Radar key lock toggled</p>
|
|
|
|
<!-- Load JavaScript files -->
|
|
<!-- <script src="nui://game/ui/jquery.js"></script> -->
|
|
<script src="jquery-3.4.1.min.js"></script>
|
|
<script src="radar.js"></script>
|
|
</body>
|
|
</html> |