Michatec/wk_wars2x
1
1
Fork 0
mirror of https://github.com/Michatec/wk_wars2x.git synced 2026-04-01 00:16:27 +02:00
Code Issues Packages Projects Releases Activity

Remote const structure, test speed display

Browse Source
This commit is contained in:
Dan
2019-11-26 14:56:08 +00:00
parent 21e9fc9b6b
commit 1eef251ce8
5 changed files with 104 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
nui/radar.css
View File

@@ -212,7 +212,7 @@ button:focus { outline: none; }
font-size: 70px;
text-align: center;
line-height: 111%;
line-height: 113%;
margin: 0 auto;
letter-spacing: 10px;

22
nui/radar.html
View File

@@ -114,50 +114,50 @@
<div id="rc">
<!-- <div id="rc"> -->
<button class="rounded_btn toggle_display">TOGGLE DISPLAY</button>
<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 class="zone_btn top_left">OPP LK/REL</button>
<button id="frontOppMode" class="zone_btn top_left">OPP LK/REL</button>
<div class="xmit_wrap">
<div class="xmit_btn xmit_top">
<div class="arrow"></div>
<button class="top_middle">XMIT HOLD</button>
<button id="frontXmitToggle" class="top_middle">XMIT HOLD</button>
</div>
</div>
<button class="zone_btn top_right">SAME LK/REL</button>
<button id="frontSameMode" class="zone_btn top_right">SAME LK/REL</button>
</div>
<div class="breaker"></div>
<div class="btns btns_bottom">
<button class="zone_btn bottom_left">LK/REL OPP</button>
<button id="rearOppMode" 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 class="bottom_middle">HOLD XMIT</button>
<button id="rearXmitToggle" class="bottom_middle">HOLD XMIT</button>
</div>
</div>
<button class="zone_btn bottom_right">LK/REL SAME</button>
<button id="rearSameMode" class="zone_btn bottom_right">LK/REL SAME</button>
</div>
</div>
<p class="label">REAR ANTENNA</p>
<button class="circle_btn menu blue">MENU</button>
<button id="menuButton" class="circle_btn menu blue">MENU</button>
<div class="vol_ps_container">
<button class="vol_and_test blue">VOLUME <span class="hold">TEST</span></button>
<button class="ps_blank blue">PS BLANK</button>
<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 class="rounded_btn light blue">UI SETTINGS</button>
<button id="uiSettings" class="rounded_btn light blue">UI SETTINGS</button>
<p class="logo"><span class="large">Wraith</span> ARS 2X</p>
</div>

46
nui/radar.js
View File

@@ -65,10 +65,38 @@ const elements =
}
}
const remoteButtons =
{
toggleDisplay: $( "#toggleDisplay" ),
menu: $( "#menuButton" ),
volAndTest: $( "#volAndTest" ),
psBlank: $( "#psBlank" ),
uiSettings: $( "#uiSettings" ),
antennas: {
front: {
sameMode: $( "#frontSameMode" ),
oppMode: $( "#frontOppMode" ),
xmitToggle: $( "#frontXmitToggle" )
},
rear: {
sameMode: $( "#rearSameMode" ),
oppMode: $( "#rearOppMode" ),
xmitToggle: $( "#rearXmitToggle" )
}
}
}
// Hide the radar and remote, this way we can bypass setting a style of 'display: none;' in the HTML file
elements.radar.hide();
elements.remote.hide();
// Create the onclick event for the toggle display button
remoteButtons.toggleDisplay.click( function() {
elements.radar.fadeToggle();
} )
// This function is used to send data back through to the LUA side
function sendData( name, data ) {
$.post( "http://" + resourceName + "/" + name, JSON.stringify( data ), function( datab ) {
@@ -96,5 +124,23 @@ window.addEventListener( "message", function( event ) {
resourceName = item.pathName;
} else if ( item.activateRemote ) {
$( "#rc" ).toggle();
} else if ( item.test1 ) {
elements.antennas.front.targetSpeed.html( item.test1 );
} else if ( item.test2 ) {
elements.antennas.front.fast.speed.html( item.test2 );
} else if ( item.test3 ) {
elements.antennas.rear.targetSpeed.html( item.test3 );
} else if ( item.test4 ) {
elements.antennas.rear.fast.speed.html( item.test4 );
}
if ( item.test1 == -1 ) {
elements.antennas.front.targetSpeed.html( "¦¦¦" );
} else if ( item.test2 == -1 ) {
elements.antennas.front.fast.speed.html( "¦¦¦" );
} else if ( item.test3 == -1 ) {
elements.antennas.rear.targetSpeed.html( "¦¦¦" );
} else if ( item.test4 == -1 ) {
elements.antennas.rear.fast.speed.html( "¦¦¦" );
}
} );