diff --git a/nui/radar.css b/nui/radar.css index 4c21659..e5b7bba 100644 --- a/nui/radar.css +++ b/nui/radar.css @@ -405,7 +405,7 @@ button:focus { outline: none; } transform: scale( 1.0 ); transform-origin: 0 0; - z-index: 3; + z-index: 3; } /* Button template classes */ #rc button { @@ -1012,11 +1012,13 @@ button:focus { outline: none; } grid-template-rows: 90% 10%; justify-items: center; - z-index: 4; + z-index: 6; } #helpWindow iframe { width: 100%; height: 100%; + + display: block; } #helpWindow .close { diff --git a/nui/radar.html b/nui/radar.html index a80804e..b628418 100644 --- a/nui/radar.html +++ b/nui/radar.html @@ -269,7 +269,7 @@

Radar key lock

- +
diff --git a/nui/radar.js b/nui/radar.js index 6aae732..2c49bce 100644 --- a/nui/radar.js +++ b/nui/radar.js @@ -65,6 +65,7 @@ const elements = openHelp: $( "#helpBtn" ), helpWindow: $( "#helpWindow" ), + helpWeb: $( "#helpWeb" ), closeHelp: $( "#closeHelp" ), radarScaling: { @@ -199,10 +200,12 @@ elements.plateReaderBtn.click( function() { elements.openHelp.click( function() { setEleVisible( elements.helpWindow, true ); + loadHelp( true ); } ) elements.closeHelp.click( function() { setEleVisible( elements.helpWindow, false ); + loadHelp( false ); } ) elements.pwrBtn.click( function() { @@ -216,6 +219,10 @@ elements.pwrBtn.click( function() { function setEleVisible( ele, state ) { state ? ele.fadeIn() : ele.fadeOut(); + + if ( state ) { + ele.blur(); + } } function setLight( ant, cat, item, state ) @@ -557,6 +564,15 @@ function checkPlateInput( event ) } } +function loadHelp( state ) +{ + if ( state ) { + elements.helpWeb.attr( "src", "https://wolfknight98.github.io/wk_wars2x_web/manual.pdf" ); + } else { + elements.helpWeb.attr( "src", "about:blank" ); + } +} + /*------------------------------------------------------------------------------------ UI scaling and positioning @@ -798,9 +814,12 @@ function closeRemote() { sendData( "closeRemote", null ); - setEleVisible( elements.remote, false ); setEleVisible( elements.plateReaderBox, false ); setEleVisible( elements.uiSettingsBox, false ); + setEleVisible( elements.helpWindow, false ); + loadHelp( false ); + + setEleVisible( elements.remote, false ); sendSaveData(); }