2022-02-16 17:40:03 +00:00
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8"/>
|
2022-04-18 16:25:08 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
2022-09-17 16:50:08 +00:00
|
|
|
<link rel="stylesheet" href="qbjs-ide.css"></link>
|
2022-04-18 16:25:08 +00:00
|
|
|
<link rel="stylesheet" href="codemirror/codemirror.min.css"></link>
|
|
|
|
<link rel="stylesheet" href="codemirror/dialog.css">
|
|
|
|
<link rel="stylesheet" href="codemirror/matchesonscrollbar.css">
|
2022-02-16 17:40:03 +00:00
|
|
|
<link rel="stylesheet" href="codemirror/qb-ide.css"></link>
|
2022-04-18 16:25:08 +00:00
|
|
|
|
|
|
|
<script type="text/javascript" src="codemirror/codemirror.min.js"></script>
|
2022-02-16 17:40:03 +00:00
|
|
|
<script type="text/javascript" src="codemirror/qb-lang.js"></script>
|
2022-04-18 16:25:08 +00:00
|
|
|
<script type="text/javascript" src="codemirror/active-line.js"></script>
|
|
|
|
<script type="text/javascript" src="util/jszip.min.js"></script>
|
2022-04-25 11:59:48 +00:00
|
|
|
<script type="text/javascript" src="util/lzutf8.js"></script>
|
|
|
|
<script type="text/javascript" src="util/shorty.min.js"></script>
|
2022-04-18 16:25:08 +00:00
|
|
|
|
|
|
|
<script type="text/javascript" src="codemirror/dialog.js"></script>
|
|
|
|
<script type="text/javascript" src="codemirror/searchcursor.js"></script>
|
|
|
|
<script type="text/javascript" src="codemirror/search.js"></script>
|
|
|
|
<script type="text/javascript" src="codemirror/annotatescrollbar.js"></script>
|
|
|
|
<script type="text/javascript" src="codemirror/matchesonscrollbar.js"></script>
|
2022-02-16 17:40:03 +00:00
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="code-container">
|
2022-10-27 14:04:15 +00:00
|
|
|
<div id="toolbar">
|
|
|
|
<a href="javascript:openProject()" class="toolbar-button" id="toolbar-button-open" title="Open"></a>
|
|
|
|
<a href="javascript:saveProject()" class="toolbar-button" id="toolbar-button-save" title="Save"></a>
|
|
|
|
<div class="spacer"></div>
|
|
|
|
<a href="javascript:runProgram()" class="toolbar-button" id="toolbar-button-run" title="Run"></a>
|
|
|
|
<a href="javascript:shareProgram()" class="toolbar-button" id="toolbar-button-share" title="Share / Export"></a>
|
|
|
|
</div>
|
2022-02-16 17:40:03 +00:00
|
|
|
<div id="code"></div>
|
2022-10-27 14:04:15 +00:00
|
|
|
<a id="edit-button" href="javascript:slideRight()" display="none">Edit</a>
|
|
|
|
<a id="run-button" href="javascript:runProgram()">Run</a>
|
|
|
|
<a id="stop-button" href="javascript:stopProgram()">Stop</a>
|
|
|
|
<a id="share-button" href="javascript:shareProgram()">Share</a>
|
2022-02-16 17:40:03 +00:00
|
|
|
</div>
|
2022-02-18 14:09:43 +00:00
|
|
|
<div id="slider">
|
|
|
|
<div id="slider-left" class="slider-button" onclick="slideLeft()"><</div>
|
|
|
|
<div id="slider-right" class="slider-button" onclick="slideRight()">></div>
|
|
|
|
</div>
|
2022-02-16 17:40:03 +00:00
|
|
|
<div id="game-container">
|
2022-03-30 22:37:36 +00:00
|
|
|
<div id="gx-container">
|
|
|
|
<a href="javascript:runProgram()" id="gx-load-screen"> </a>
|
2022-09-17 16:50:08 +00:00
|
|
|
<img id="logo" src="logo.png" title="Version 0.6.0" onclick="window.open('https://github.com/boxgaming/qbjs/wiki', '_blank')">
|
2022-03-30 22:37:36 +00:00
|
|
|
</div>
|
2022-02-16 17:40:03 +00:00
|
|
|
<div id="output-container">
|
2022-02-18 14:09:43 +00:00
|
|
|
<div id="tabs">
|
2022-09-17 16:50:08 +00:00
|
|
|
<div id="tab-console" class="tab active" onclick="changeTab('console')">Console</div><div id="tab-js" class="tab" onclick="changeTab('js')">Javascript</div><div id="tab-fs" class="tab" onclick="changeTab('fs')">Files</div>
|
2022-02-18 14:09:43 +00:00
|
|
|
</div>
|
|
|
|
<div id="output-content">
|
|
|
|
<div id="warning-container"></div>
|
|
|
|
<div id="js-code"></div>
|
2022-09-17 16:50:08 +00:00
|
|
|
<div id="fs-browser">
|
2022-10-28 19:58:21 +00:00
|
|
|
<div id="fs-path">
|
|
|
|
<span id="fs-url">/</span>
|
|
|
|
<div id="fs-refresh" title="Refresh" onclick="refreshFS()"></div>
|
|
|
|
<div id="fs-new-folder" title="New Directory" onclick="onNewDirectory()"></div>
|
|
|
|
</div>
|
2022-09-17 16:50:08 +00:00
|
|
|
<div id="fs-contents">
|
|
|
|
</div>
|
|
|
|
</div>
|
2022-02-18 14:09:43 +00:00
|
|
|
</div>
|
2022-02-16 17:40:03 +00:00
|
|
|
</div>
|
2022-04-18 16:25:08 +00:00
|
|
|
<div id="show-js-container">
|
|
|
|
<a id="toggle-console" href="javascript:showConsole()">Show Console</a>
|
|
|
|
</div>
|
2022-02-16 17:40:03 +00:00
|
|
|
</div>
|
|
|
|
<div id="gx-footer"></div>
|
2022-02-18 14:09:43 +00:00
|
|
|
|
2022-10-27 14:04:15 +00:00
|
|
|
<form style="display:none">
|
|
|
|
<input id="file-input" type="file" accept=".bas, .zip">
|
|
|
|
</form>
|
|
|
|
|
2022-03-30 22:37:36 +00:00
|
|
|
<dialog id="share-dialog">
|
|
|
|
<div style="margin-bottom:5px">Copy the link below to share your code:</div>
|
|
|
|
<div><textarea id="share-code" rows="15" cols="80" readonly></textarea></div>
|
|
|
|
<div style="margin-top: 5px; float:left">Launch Mode:
|
|
|
|
<select id="share-mode" onchange="shareProgram()">
|
|
|
|
<option value="">IDE (Default)</option>
|
|
|
|
<option value="play">Play</option>
|
|
|
|
<option value="auto">Auto</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
2022-04-18 16:25:08 +00:00
|
|
|
<a id="export-button" href="javascript:exportProgram()" style="display: none; float:left; margin-top: 7px; margin-left: 10px">Export</a>
|
|
|
|
<a href="javascript:closeDialog()" style="display:block; float:right; margin-top: 7px">Close</a>
|
|
|
|
<a href="javascript:testShare()" style="display: block; float:right; margin-top: 7px; margin-right: 10px">Test</a>
|
2022-03-30 22:37:36 +00:00
|
|
|
</dialog>
|
2022-10-27 14:04:15 +00:00
|
|
|
|
|
|
|
<dialog id="prog-sel-dialog">
|
|
|
|
<div>
|
|
|
|
No main.bas file found.<br/>
|
|
|
|
Select main program source file:
|
|
|
|
</div>
|
|
|
|
<select id="prog-sel-sources" size="10" style="display:block; width:100%; margin-top:10px"></select>
|
|
|
|
<div style="text-align:center; margin-top:10px">
|
|
|
|
<a href="javascript:onSelMainProg()">Ok</a>
|
|
|
|
<a href="javascript:closeProgSelDlg()">Cancel</a>
|
|
|
|
</div>
|
|
|
|
</dialog>
|
2022-02-16 17:40:03 +00:00
|
|
|
</body>
|
2022-09-17 16:50:08 +00:00
|
|
|
<script language="javascript" src="vfs.js"></script>
|
2022-10-27 14:04:15 +00:00
|
|
|
<script language="javascript" src="gx/gx.js"></script>
|
2022-02-16 17:40:03 +00:00
|
|
|
<script language="javascript" src="qb.js"></script>
|
|
|
|
<script language="javascript" src="qb2js.js"></script>
|
2022-09-17 16:50:08 +00:00
|
|
|
<script language="javascript" src="qbjs-ide.js"></script>
|
2022-02-16 17:40:03 +00:00
|
|
|
</html>
|