Started work on UI

nui/old/radar.js

@@ -0,0 +1,197 @@
+/*-------------------------------------------------------------------------
+
+    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 );
+        }            
+    } );
+}