Fixed help window causing unclickable elements

This commit is contained in:
Dan
2020-02-03 10:56:29 +00:00
parent 6fe1d384e0
commit a1deb5ab87
3 changed files with 25 additions and 4 deletions

View File

@@ -1012,11 +1012,13 @@ button:focus { outline: none; }
grid-template-rows: 90% 10%; grid-template-rows: 90% 10%;
justify-items: center; justify-items: center;
z-index: 4; z-index: 6;
} }
#helpWindow iframe { #helpWindow iframe {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block;
} }
#helpWindow .close { #helpWindow .close {

View File

@@ -269,7 +269,7 @@
<p id="keyLockLabel">Radar key lock <span id="keyLockStateLabel"></span></p> <p id="keyLockLabel">Radar key lock <span id="keyLockStateLabel"></span></p>
<div id="helpWindow"> <div id="helpWindow">
<iframe src="https://wolfknight98.github.io/wk_wars2x_web/manual.pdf"></iframe> <iframe id="helpWeb" src="about:blank"></iframe>
<button id="closeHelp" class="close">CLOSE HELP</button> <button id="closeHelp" class="close">CLOSE HELP</button>
</div> </div>

View File

@@ -65,6 +65,7 @@ const elements =
openHelp: $( "#helpBtn" ), openHelp: $( "#helpBtn" ),
helpWindow: $( "#helpWindow" ), helpWindow: $( "#helpWindow" ),
helpWeb: $( "#helpWeb" ),
closeHelp: $( "#closeHelp" ), closeHelp: $( "#closeHelp" ),
radarScaling: { radarScaling: {
@@ -199,10 +200,12 @@ elements.plateReaderBtn.click( function() {
elements.openHelp.click( function() { elements.openHelp.click( function() {
setEleVisible( elements.helpWindow, true ); setEleVisible( elements.helpWindow, true );
loadHelp( true );
} ) } )
elements.closeHelp.click( function() { elements.closeHelp.click( function() {
setEleVisible( elements.helpWindow, false ); setEleVisible( elements.helpWindow, false );
loadHelp( false );
} ) } )
elements.pwrBtn.click( function() { elements.pwrBtn.click( function() {
@@ -216,6 +219,10 @@ elements.pwrBtn.click( function() {
function setEleVisible( ele, state ) function setEleVisible( ele, state )
{ {
state ? ele.fadeIn() : ele.fadeOut(); state ? ele.fadeIn() : ele.fadeOut();
if ( state ) {
ele.blur();
}
} }
function setLight( ant, cat, item, state ) 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 UI scaling and positioning
@@ -798,9 +814,12 @@ function closeRemote()
{ {
sendData( "closeRemote", null ); sendData( "closeRemote", null );
setEleVisible( elements.remote, false );
setEleVisible( elements.plateReaderBox, false ); setEleVisible( elements.plateReaderBox, false );
setEleVisible( elements.uiSettingsBox, false ); setEleVisible( elements.uiSettingsBox, false );
setEleVisible( elements.helpWindow, false );
loadHelp( false );
setEleVisible( elements.remote, false );
sendSaveData(); sendSaveData();
} }