wk_wars2x/nui/old/radar.js

/*-------------------------------------------------------------------------

    Wraith Radar System - v1.0.3
    Created by WolfKnight
    
-------------------------------------------------------------------------*/

var resourceName = ""; 
var radarEnabled = false; 
var targets = []; 

$( function() {
    radarInit();

    var radarContainer = $( "#policeradar" );

    var fwdArrowFront = radarContainer.find( ".fwdarrowfront" );
    var fwdArrowBack = radarContainer.find( ".fwdarrowback" );
    var bwdArrowFront = radarContainer.find( ".bwdarrowfront" );
    var bwdArrowBack = radarContainer.find( ".bwdarrowback" );

    var fwdSame = radarContainer.find( ".fwdsame" );
    var fwdOpp = radarContainer.find( ".fwdopp" );
    var fwdXmit = radarContainer.find( ".fwdxmit" );

    var bwdSame = radarContainer.find( ".bwdsame" );
    var bwdOpp = radarContainer.find( ".bwdopp" );
    var bwdXmit = radarContainer.find( ".bwdxmit" );

    var radarRCContainer = $( "#policeradarrc" ); 

    window.addEventListener( 'message', function( event ) {
        var item = event.data;

        // change this to a switch/case instead of multiple if statements
        if ( item.resourcename ) {
            resourceName = item.resourcename;
        }

        if ( item.toggleradar ) {
            radarEnabled = !radarEnabled; 
            radarContainer.fadeToggle();
        }

        if ( item.hideradar ) {
            radarContainer.fadeOut();
        } else if ( item.hideradar == false ) {
            radarContainer.fadeIn();
        }

        if ( item.patrolspeed ) {
            updateSpeed( "patrolspeed", item.patrolspeed ); 
        }

        if ( item.fwdspeed ) {
            updateSpeed( "fwdspeed", item.fwdspeed ); 
        }

        if ( item.fwdfast ) {
            updateSpeed( "fwdfast", item.fwdfast ); 
        }

        if ( item.lockfwdfast == true || item.lockfwdfast == false ) {
            lockSpeed( "fwdfast", item.lockfwdfast )
        }

        if ( item.bwdspeed ) {
            updateSpeed( "bwdspeed", item.bwdspeed );  
        }

        if ( item.bwdfast ) {
            updateSpeed( "bwdfast", item.bwdfast );    
        }

        if ( item.lockbwdfast == true || item.lockbwdfast == false ) {
            lockSpeed( "bwdfast", item.lockbwdfast )
        }

        if ( item.fwddir || item.fwddir == false || item.fwddir == null ) {
            updateArrowDir( fwdArrowFront, fwdArrowBack, item.fwddir )
        }

        if ( item.bwddir || item.bwddir == false || item.bwddir == null ) {
            updateArrowDir( bwdArrowFront, bwdArrowBack, item.bwddir )
        }

        if ( item.fwdxmit ) {
            fwdXmit.addClass( "active" );
        } else if ( item.fwdxmit == false ) {
            fwdXmit.removeClass( "active" );
        }

        if ( item.bwdxmit ) {
            bwdXmit.addClass( "active" );   
        } else if ( item.bwdxmit == false ) {
            bwdXmit.removeClass( "active" );   
        }

        if ( item.fwdmode ) {
            modeSwitch( fwdSame, fwdOpp, item.fwdmode );
        }

        if ( item.bwdmode ) {
            modeSwitch( bwdSame, bwdOpp, item.bwdmode );
        }

        if ( item.toggleradarrc ) {
            radarRCContainer.toggle();
        }
    } );
} )

function radarInit() {
    $( '.container' ).each( function( i, obj ) {
        $( this ).find( '[data-target]' ).each( function( subi, subobj ) {
            targets[ $( this ).attr( "data-target" ) ] = $( this )
        } )
     } );

    $( "#policeradarrc" ).find( "button" ).each( function( i, obj ) {
        if ( $( this ).attr( "data-action" ) ) {
            $( this ).click( function() { 
                var data = $( this ).data( "action" ); 

                sendData( "RadarRC", data ); 
            } )
        }
    } );

    /* With the new scaling option in the css file, it can cause the radar to go off the screen if
    the transform-origin property is not set according to where the radar is positioned. The below 
    code is a simple workaround that sets the origin depending on what the user has configured for
    the position of the radar from the two available options in the css file. */
    var left = $( "#policeradar" ).css( "left" );

    if ( left == "auto" ) {
        $( "#policeradar" ).css( "transform-origin", "bottom right" );
    } else {
        $( "#policeradar" ).css( "transform-origin", "bottom center" );
    }
}

// function dbgFunc()
// {
//     var left = $( "#policeradar" ).css( "left" );
//     sendData( "debug", "Left: " + left ); 
// }

function updateSpeed( attr, data ) {
    targets[ attr ].find( ".speednumber" ).each( function( i, obj ) {
        $( obj ).html( data[i] ); 
    } ); 
}

function lockSpeed( attr, state ) {
    targets[ attr ].find( ".speednumber" ).each( function( i, obj ) {
        if ( state == true ) {
            $( obj ).addClass( "locked" ); 
        } else {
            $( obj ).removeClass( "locked" );
        }
    } ); 
}

function modeSwitch( sameEle, oppEle, state ) {
    if ( state == "same" ) {
        sameEle.addClass( "active" );
        oppEle.removeClass( "active" ); 
    } else if ( state == "opp" ) {
        oppEle.addClass( "active" );
        sameEle.removeClass( "active" ); 
    } else if ( state == "none" ) {
        oppEle.removeClass( "active" ); 
        sameEle.removeClass( "active" ); 
    }
}

function updateArrowDir( fwdEle, bwdEle, state ) {
    if ( state == true ) {
        fwdEle.addClass( "active" ); 
        bwdEle.removeClass( "active" ); 
    } else if ( state == false ) {
        bwdEle.addClass( "active" ); 
        fwdEle.removeClass( "active" ); 
    } else if ( state == null ) {
        fwdEle.removeClass( "active" ); 
        bwdEle.removeClass( "active" ); 
    }
}

function sendData( name, data ) {
    $.post( "http://" + resourceName + "/" + name, JSON.stringify( data ), function( datab ) {
        if ( datab != "ok" ) {
            console.log( datab );
        }            
    } );
}