6502
/
8bitworkshop
mirror of https://github.com/sehugg/8bitworkshop.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

hide top controls until UI loads completely

This commit is contained in:
Steven Hugg 2019-05-22 10:53:39 -04:00
parent d064f510bb
commit 9a19531f91
2 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@ -44,6 +44,7 @@ if (window.location.host.endsWith('8bitworkshop.com')) {
<input type="file" id="uploadFileElem" multiple accept="*" style="display:none" onchange="handleFileUpload(this.files)"> <input type="file" id="uploadFileElem" multiple accept="*" style="display:none" onchange="handleFileUpload(this.files)">
<div id="controls_top" class="disable-select"> <div id="controls_top" class="disable-select">
<div id="controls_dynamic" style="visibility:hidden">
<span class="dropdown"> <span class="dropdown">
<a class="btn dropdown-toggle toolbarMenuButton" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Menu"> <a class="btn dropdown-toggle toolbarMenuButton" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Menu">
<span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span> <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
@ -213,11 +214,10 @@ if (window.location.host.endsWith('8bitworkshop.com')) {
</li> </li>
</ul> </ul>
</span> </span>
</div><!-- controls_dynamic -->
<span class="logo-gradient hidden-xs hidden-sm hidden-md pull-right" style="margin-left:auto">8bitworkshop</span>
</div><!-- controls_top -->
<span class="logo-gradient hidden-xs hidden-sm hidden-md pull-right" style="margin-left:auto">8bitworkshop</span>
<!--<span id="best_in_firefox" style="display:none;font-size:12px;font-style:italic;float:right;color:#666">Note: Works best in Firefox</span>-->
</div>
<div id="notebook"> <div id="notebook">
<div id="sidebar"> <div id="sidebar">
<ul id="windowMenuList"> <ul id="windowMenuList">

18
src/ui.ts
View File

@ -1720,9 +1720,14 @@ function startPlatform() {
addPageFocusHandlers(); addPageFocusHandlers();
installGAHooks(); installGAHooks();
showInstructions(); showInstructions();
revealTopBar();
return true; return true;
} }
function revealTopBar() {
setTimeout(() => { $("#controls_dynamic").css('visibility','inherit'); }, 250);
}
export function loadScript(scriptfn, onload, onerror?) { export function loadScript(scriptfn, onload, onerror?) {
var script = document.createElement('script'); var script = document.createElement('script');
script.onload = onload; script.onload = onload;
@ -1831,6 +1836,7 @@ export function startUI(loadplatform : boolean) {
loadAndStartPlatform(); loadAndStartPlatform();
} else { } else {
startPlatform(); startPlatform();
revealTopBar();
} }
}); });
} }
@ -1838,10 +1844,14 @@ export function startUI(loadplatform : boolean) {
function loadAndStartPlatform() { function loadAndStartPlatform() {
var scriptfn = 'gen/platform/' + platform_id.split(/[.-]/)[0] + '.js'; var scriptfn = 'gen/platform/' + platform_id.split(/[.-]/)[0] + '.js';
loadScript(scriptfn, () => { loadScript(scriptfn, () => {
console.log("loaded platform", platform_id); console.log("starting platform", platform_id);
startPlatform(); try {
showWelcomeMessage(); startPlatform();
document.title = document.title + " [" + platform_id + "] - " + (repo_id?('['+repo_id+'] - '):'') + current_project.mainPath; showWelcomeMessage();
document.title = document.title + " [" + platform_id + "] - " + (repo_id?('['+repo_id+'] - '):'') + current_project.mainPath;
} finally {
revealTopBar();
}
}, () => { }, () => {
alertError('Platform "' + platform_id + '" not supported.'); alertError('Platform "' + platform_id + '" not supported.');
}); });