mirror of
https://github.com/Michatec/wk_wars2x.git
synced 2026-04-01 08:26:27 +02:00
388 lines
9.5 KiB
JavaScript
388 lines
9.5 KiB
JavaScript
/*-------------------------------------------------------------------------
|
|
|
|
Wraith ARS 2X - v1.0.0
|
|
Created by WolfKnight
|
|
|
|
This JS file takes inspiration from RandomSean's RS9000 JS file, so
|
|
thanks to him!
|
|
|
|
-------------------------------------------------------------------------*/
|
|
|
|
// Variables
|
|
var resourceName;
|
|
|
|
const audioNames =
|
|
{
|
|
beep: "beep.ogg",
|
|
xmit_on: "xmit_on.ogg",
|
|
xmit_off: "xmit_off.ogg",
|
|
}
|
|
|
|
// Setup the main const element structure, this way we can easily access elements without having the mess
|
|
// that was in the JS file for WraithRS
|
|
const elements =
|
|
{
|
|
radar: $( "#radarFrame" ),
|
|
remote: $( "#rc" ),
|
|
pwrBtn: $( "#pwrBtn" ),
|
|
|
|
patrolSpeed: $( "#patrolSpeed" ),
|
|
|
|
antennas: {
|
|
front: {
|
|
targetSpeed: $( "#frontSpeed" ),
|
|
fastSpeed: $( "#frontFastSpeed" ),
|
|
|
|
dirs: {
|
|
fwd: $( "#frontDirAway" ),
|
|
bwd: $( "#frontDirTowards" ),
|
|
fwdFast: $( "#frontFastDirAway" ),
|
|
bwdFast: $( "#frontFastDirTowards" )
|
|
},
|
|
|
|
modes: {
|
|
same: $( "#frontSame" ),
|
|
opp: $( "#frontOpp" ),
|
|
xmit: $( "#frontXmit" )
|
|
},
|
|
|
|
fast: {
|
|
fastLabel: $( "#frontFastLabel" ),
|
|
lockLabel: $( "#frontFastLockLabel" )
|
|
}
|
|
},
|
|
|
|
rear: {
|
|
targetSpeed: $( "#rearSpeed" ),
|
|
fastSpeed: $( "#rearFastSpeed" ),
|
|
|
|
dirs: {
|
|
fwd: $( "#rearDirTowards" ),
|
|
bwd: $( "#rearDirAway" ),
|
|
fwdFast: $( "#rearFastDirTowards" ),
|
|
bwdFast: $( "#rearFastDirAway" )
|
|
},
|
|
|
|
modes: {
|
|
same: $( "#rearSame" ),
|
|
opp: $( "#rearOpp" ),
|
|
xmit: $( "#rearXmit" )
|
|
},
|
|
|
|
fast: {
|
|
fastLabel: $( "#rearFastLabel" ),
|
|
lockLabel: $( "#rearFastLockLabel" )
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
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" )
|
|
}
|
|
}
|
|
}
|
|
|
|
const modes =
|
|
{
|
|
off: 0,
|
|
same: 1,
|
|
opp: 2,
|
|
both: 3
|
|
}
|
|
|
|
const dirs =
|
|
{
|
|
none: 0,
|
|
closing: 1,
|
|
away: 2
|
|
}
|
|
|
|
// 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() {
|
|
toggleRadar();
|
|
} )
|
|
|
|
elements.pwrBtn.click( function() {
|
|
togglePower();
|
|
} )
|
|
|
|
function toggleRadar()
|
|
{
|
|
elements.radar.fadeToggle();
|
|
}
|
|
|
|
function toggleRemote()
|
|
{
|
|
elements.remote.toggle();
|
|
}
|
|
|
|
function togglePower()
|
|
{
|
|
sendData( "togglePower", null );
|
|
}
|
|
|
|
function setLight( ant, cat, item, state )
|
|
{
|
|
let obj = elements.antennas[ant][cat][item];
|
|
|
|
if ( state ) {
|
|
// if ( cat == "dirs" ) { obj.addClass( "active_arrow" ) } else { obj.addClass( "active" ) };
|
|
cat == "dirs" ? obj.addClass( "active_arrow" ) : obj.addClass( "active" );
|
|
} else {
|
|
// if ( cat == "dirs" ) { obj.removeClass( "active_arrow" ) } else { obj.removeClass( "active" ) };
|
|
cat == "dirs" ? obj.removeClass( "active_arrow" ) : obj.removeClass( "active" );
|
|
}
|
|
}
|
|
|
|
function clearModes( ant )
|
|
{
|
|
for ( let i in elements.antennas[ant].modes )
|
|
{
|
|
elements.antennas[ant].modes[i].removeClass( "active" );
|
|
}
|
|
|
|
for ( let a in elements.antennas[ant].fast )
|
|
{
|
|
elements.antennas[ant].fast[a].removeClass( "active" );
|
|
}
|
|
}
|
|
|
|
function clearDirs( ant )
|
|
{
|
|
for ( let i in elements.antennas[ant].dirs )
|
|
{
|
|
elements.antennas[ant].dirs[i].removeClass( "active_arrow" );
|
|
}
|
|
}
|
|
|
|
function clearAntenna( ant )
|
|
{
|
|
clearModes( ant );
|
|
clearDirs( ant );
|
|
|
|
elements.antennas[ant].targetSpeed.html( "¦¦¦" );
|
|
elements.antennas[ant].fastSpeed.html( "¦¦¦" );
|
|
}
|
|
|
|
function clearEverything()
|
|
{
|
|
elements.patrolSpeed.html( "¦¦¦" );
|
|
|
|
for ( let i in elements.antennas )
|
|
{
|
|
clearAntenna( i );
|
|
}
|
|
}
|
|
|
|
function setAntennaXmit( ant, state )
|
|
{
|
|
setLight( ant, "modes", "xmit", state );
|
|
|
|
if ( !state ) {
|
|
clearDirs( ant );
|
|
elements.antennas[ant].targetSpeed.html( "¦¦¦" );
|
|
elements.antennas[ant].fastSpeed.html( "HLd" );
|
|
} else {
|
|
elements.antennas[ant].fastSpeed.html( "¦¦¦" );
|
|
}
|
|
}
|
|
|
|
function setAntennaMode( ant, mode )
|
|
{
|
|
setLight( ant, "modes", "same", mode == modes.same );
|
|
setLight( ant, "modes", "opp", mode == modes.opp );
|
|
}
|
|
|
|
function setAntennaFastMode( ant, state )
|
|
{
|
|
setLight( ant, "fast", "fastLabel", state );
|
|
}
|
|
|
|
function setAntennaDirs( ant, dir, fastDir )
|
|
{
|
|
setLight( ant, "dirs", "fwd", dir == dirs.closing );
|
|
setLight( ant, "dirs", "bwd", dir == dirs.away );
|
|
|
|
setLight( ant, "dirs", "fwdFast", fastDir == dirs.closing );
|
|
setLight( ant, "dirs", "bwdFast", fastDir == dirs.away );
|
|
}
|
|
|
|
function updateDisplays( ps, ants )
|
|
{
|
|
elements.patrolSpeed.html( ps );
|
|
|
|
for ( let ant in ants )
|
|
{
|
|
if ( ants[ant] != null ) {
|
|
let e = elements.antennas[ant];
|
|
|
|
e.targetSpeed.html( ants[ant][0].speed );
|
|
e.fastSpeed.html( ants[ant][1].speed );
|
|
|
|
// setAntennaFastLabel( ant, ants[ant][1].speed == "¦¦¦" ? false : true );
|
|
|
|
setAntennaDirs( ant, ants[ant][0].dir, ants[ant][1].dir );
|
|
}
|
|
}
|
|
}
|
|
|
|
// Simulation of the system powering up
|
|
function poweringUp()
|
|
{
|
|
elements.patrolSpeed.html( "888" );
|
|
|
|
for ( let i of [ "front", "rear" ] )
|
|
{
|
|
let e = elements.antennas[i];
|
|
|
|
e.targetSpeed.html( "888" );
|
|
e.fastSpeed.html( "888" );
|
|
|
|
for ( let a of [ "dirs", "modes", "fast" ] )
|
|
{
|
|
for ( let obj in e[a] )
|
|
{
|
|
a == "dirs" ? e[a][obj].addClass( "active_arrow" ) : e[a][obj].addClass( "active" );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function poweredUp()
|
|
{
|
|
clearEverything();
|
|
|
|
for ( let ant of [ "front", "rear" ] )
|
|
{
|
|
setAntennaXmit( ant, false );
|
|
setAntennaFastMode( ant, true );
|
|
}
|
|
}
|
|
|
|
function radarPower( state )
|
|
{
|
|
state ? poweringUp() : clearEverything();
|
|
}
|
|
|
|
function menu( optionText, option )
|
|
{
|
|
clearEverything();
|
|
|
|
elements.antennas.front.targetSpeed.html( optionText[0] );
|
|
elements.antennas.front.fastSpeed.html( optionText[1] );
|
|
|
|
elements.patrolSpeed.html( option );
|
|
}
|
|
|
|
function settingUpdate( ants, fast )
|
|
{
|
|
for ( let ant in ants )
|
|
{
|
|
setAntennaXmit( ant, ants[ant].xmit );
|
|
setAntennaMode( ant, ants[ant].mode );
|
|
setAntennaFastMode( ant, fast );
|
|
}
|
|
}
|
|
|
|
function playAudio( name, vol )
|
|
{
|
|
let audio = new Audio( audioNames[name] );
|
|
audio.volume = vol;
|
|
audio.play();
|
|
}
|
|
|
|
// 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 ) {
|
|
if ( datab != "ok" ) {
|
|
console.log( datab );
|
|
}
|
|
} );
|
|
}
|
|
|
|
// This runs when the JS file is loaded, loops through all of the remote buttons and assigns them an onclick function
|
|
elements.remote.find( "button" ).each( function( i, obj ) {
|
|
if ( $( this ).attr( "data-nuitype" ) ) {
|
|
$( this ).click( function() {
|
|
let type = $( this ).data( "nuitype" );
|
|
let value = $( this ).attr( "data-value" ) ? $( this ).data( "value" ) : null;
|
|
let mode = $( this ).attr( "data-mode" ) ? $( this ).data( "mode" ) : null;
|
|
|
|
sendData( type, { value, mode } );
|
|
} )
|
|
}
|
|
} );
|
|
|
|
// Close the remote when the user presses the 'Escape' key
|
|
document.onkeyup = function ( event ) {
|
|
if ( event.keyCode == 27 )
|
|
{
|
|
sendData( "closeRemote", null );
|
|
toggleRemote();
|
|
}
|
|
}
|
|
|
|
// The main event listener, this is what the NUI messages sent by the LUA side arrive at, they are
|
|
// then handled properly via a switch/case that runs the relevant code
|
|
window.addEventListener( "message", function( event ) {
|
|
var item = event.data;
|
|
var type = event.data._type;
|
|
|
|
switch ( type ) {
|
|
case "updatePathName":
|
|
resourceName = item.pathName
|
|
break;
|
|
case "openRemote":
|
|
toggleRemote();
|
|
break;
|
|
case "radarPower":
|
|
radarPower( item.state );
|
|
break;
|
|
case "poweredUp":
|
|
poweredUp();
|
|
break;
|
|
case "update":
|
|
updateDisplays( item.speed, item.antennas );
|
|
break;
|
|
case "antennaXmit":
|
|
// setAntennaXmit( item.ant, item.on, item.on ? item.mode : 0 );
|
|
setAntennaXmit( item.ant, item.on );
|
|
break;
|
|
case "antennaMode":
|
|
setAntennaMode( item.ant, item.mode );
|
|
break;
|
|
case "menu":
|
|
menu( item.text, item.option );
|
|
break;
|
|
case "settingUpdate":
|
|
settingUpdate( item.antennaData, item.fast );
|
|
break;
|
|
case "audio":
|
|
playAudio( item.name, item.vol );
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
} ); |