mirror of
https://github.com/holub/mame
synced 2025-06-09 06:13:04 +03:00
WebUI: clean up and fixed HTML compliance. [Firehawke]
This commit is contained in:
parent
61e367ad21
commit
c49a3bbdc1
4
.gitattributes
vendored
4
.gitattributes
vendored
@ -9962,10 +9962,6 @@ src/ume/ume.c svneol=native#text/plain
|
|||||||
src/ume/ume.lst svneol=native#text/plain
|
src/ume/ume.lst svneol=native#text/plain
|
||||||
src/ume/ume.mak svneol=native#text/plain
|
src/ume/ume.mak svneol=native#text/plain
|
||||||
src/version.c svneol=native#text/plain
|
src/version.c svneol=native#text/plain
|
||||||
web/commands.html svneol=native#text/html
|
|
||||||
web/confirmexit.html svneol=native#text/html
|
|
||||||
web/confirmhardreset.html svneol=native#text/html
|
|
||||||
web/confirmsoftreset.html svneol=native#text/html
|
|
||||||
web/css/images/ajax-loader.gif -text svneol=unset#image/gif
|
web/css/images/ajax-loader.gif -text svneol=unset#image/gif
|
||||||
web/css/images/icons-18-black.png -text svneol=unset#image/png
|
web/css/images/icons-18-black.png -text svneol=unset#image/png
|
||||||
web/css/images/icons-18-white.png -text svneol=unset#image/png
|
web/css/images/icons-18-white.png -text svneol=unset#image/png
|
||||||
|
@ -1,138 +0,0 @@
|
|||||||
<a href="javascript:executeCommands('togglepause');" data-role="button">Toggle Pause</a>
|
|
||||||
<a href="confirmsoftreset.html" data-rel="dialog" data-role="button">Soft reset</a>
|
|
||||||
<a href="confirmhardreset.html" data-rel="dialog" data-role="button">Hard reset</a>
|
|
||||||
<a href="#savestatepanel" data-transition="fade" data-role="button">Save State</a>
|
|
||||||
<a href="#loadstatepanel" data-transition="fade" data-role="button">Load State</a>
|
|
||||||
<a href="confirmexit.html" data-rel="dialog" data-role="button">Exit</a>
|
|
||||||
|
|
||||||
<div data-role="panel" id="savestatepanel" data-position="left" data-display="overlay" data-theme="a">
|
|
||||||
<h3>Select position to save to</h3>
|
|
||||||
|
|
||||||
<!-- Yes, it's a little ugly. I could redo this more cleanly with a little javascript, but not right now. -->
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="" data-rel="close" data-role="button">Cancel</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=auto');" data-role="button">Autosave Slot</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('savestate&val=0');" data-role="button">0</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=1');" data-role="button">1</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=2');" data-role="button">2</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=3');" data-role="button">3</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('savestate&val=4');" data-role="button">4</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=5');" data-role="button">5</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=6');" data-role="button">6</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=7');" data-role="button">7</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('savestate&val=8');" data-role="button">8</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=9');" data-role="button">9</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=a');" data-role="button">A</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=b');" data-role="button">B</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('savestate&val=c');" data-role="button">C</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=d');" data-role="button">D</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=e');" data-role="button">E</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=f');" data-role="button">F</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('savestate&val=g');" data-role="button">G</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=h');" data-role="button">H</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=i');" data-role="button">I</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=j');" data-role="button">J</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('savestate&val=k');" data-role="button">K</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=l');" data-role="button">L</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=m');" data-role="button">M</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=n');" data-role="button">N</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('savestate&val=o');" data-role="button">O</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=p');" data-role="button">P</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=q');" data-role="button">Q</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=r');" data-role="button">R</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('savestate&val=s');" data-role="button">S</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=t');" data-role="button">T</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=u');" data-role="button">U</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=v');" data-role="button">V</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('savestate&val=w');" data-role="button">W</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=x');" data-role="button">X</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=y');" data-role="button">Y</a>
|
|
||||||
<a href="javascript:executeCommands('savestate&val=z');" data-role="button">Z</a>
|
|
||||||
</div>
|
|
||||||
<!-- This is here to prevent webkit from trying to put the last row of states under the bottom menu on small screens like phone-->
|
|
||||||
<br><br><br><br><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div data-role="panel" id="loadstatepanel" data-position="left" data-display="overlay" data-theme="a">
|
|
||||||
<h3>Select position to load from</h3>
|
|
||||||
|
|
||||||
<!-- Yes, it's a little ugly. I could redo this more cleanly with a little javascript, but not right now. -->
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="" data-rel="close" data-role="button">Cancel</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=auto');" data-role="button">Autoload Slot</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=0');" data-role="button">0</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=1');" data-role="button">1</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=2');" data-role="button">2</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=3');" data-role="button">3</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=4');" data-role="button">4</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=5');" data-role="button">5</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=6');" data-role="button">6</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=7');" data-role="button">7</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=8');" data-role="button">8</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=9');" data-role="button">9</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=a');" data-role="button">A</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=b');" data-role="button">B</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=c');" data-role="button">C</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=d');" data-role="button">D</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=e');" data-role="button">E</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=f');" data-role="button">F</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=g');" data-role="button">G</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=h');" data-role="button">H</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=i');" data-role="button">I</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=j');" data-role="button">J</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=k');" data-role="button">K</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=l');" data-role="button">L</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=m');" data-role="button">M</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=n');" data-role="button">N</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=o');" data-role="button">O</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=p');" data-role="button">P</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=q');" data-role="button">Q</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=r');" data-role="button">R</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=s');" data-role="button">S</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=t');" data-role="button">T</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=u');" data-role="button">U</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=v');" data-role="button">V</a>
|
|
||||||
</div>
|
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=w');" data-role="button">W</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=x');" data-role="button">X</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=y');" data-role="button">Y</a>
|
|
||||||
<a href="javascript:executeCommands('loadstate&val=z');" data-role="button">Z</a>
|
|
||||||
</div>
|
|
||||||
<!-- This is here to prevent webkit from trying to put the last row of states under the bottom menu on small screens like phone-->
|
|
||||||
<br><br><br><br><br>
|
|
||||||
</div>
|
|
@ -1,23 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="pragma" content="no-cache">
|
|
||||||
<meta http-equiv="expires" content="-1">
|
|
||||||
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
||||||
<title>MAME</title>
|
|
||||||
<link rel="shortcut icon" href="favicon.ico">
|
|
||||||
<link rel="stylesheet" href="css/jquery.mobile.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div data-role="page" data-close-btn="none" id="confirmhardreset">
|
|
||||||
<div data-role="header">
|
|
||||||
<h1>Confirm: Exit emulator?</h1>
|
|
||||||
</div>
|
|
||||||
<a href="javascript:executeExit();" data-theme="a" data-role="button">Yes</a>
|
|
||||||
<a href="javascript:$('.ui-dialog').dialog('close');" data-role="button">Cancel</a>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
@ -1,25 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="pragma" content="no-cache">
|
|
||||||
<meta http-equiv="expires" content="-1">
|
|
||||||
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
||||||
<title>MAME</title>
|
|
||||||
<link rel="shortcut icon" href="favicon.ico">
|
|
||||||
<link rel="stylesheet" href="css/jquery.mobile.css">
|
|
||||||
<!-- jQuery and jQuery Mobile -->
|
|
||||||
<script src="js/jquery.js"></script>
|
|
||||||
<script src="js/jquery.mobile.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div data-role="page" data-close-btn="none" id="confirmhardreset">
|
|
||||||
<div data-role="header">
|
|
||||||
<h1>Confirm: Hard Reset?</h1>
|
|
||||||
</div>
|
|
||||||
<a href="javascript:executeHardReset();" data-theme="a" data-role="button">Yes</a>
|
|
||||||
<a href="javascript:$('.ui-dialog').dialog('close');" data-role="button">Cancel</a>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
@ -1,23 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="pragma" content="no-cache">
|
|
||||||
<meta http-equiv="expires" content="-1">
|
|
||||||
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
||||||
<title>MAME</title>
|
|
||||||
<link rel="shortcut icon" href="favicon.ico">
|
|
||||||
<link rel="stylesheet" href="css/jquery.mobile.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div data-role="page" data-close-btn="none" id="confirmhardreset">
|
|
||||||
<div data-role="header">
|
|
||||||
<h1>Confirm: Soft Reset?</h1>
|
|
||||||
</div>
|
|
||||||
<a href="javascript:executeSoftReset();" data-theme="a" data-role="button">Yes</a>
|
|
||||||
<a href="javascript:$('.ui-dialog').dialog('close');" data-role="button">Cancel</a>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
154
web/index.html
154
web/index.html
@ -217,7 +217,7 @@ $(document).ready(function() {
|
|||||||
{
|
{
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
event.preventDefault();
|
event.preventDefault(); // This prevents it trying to load a /keypost page after doing the Ajax post.
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -250,7 +250,7 @@ $(document).ready(function() {
|
|||||||
<div data-role="content" id="mainmenucontent">
|
<div data-role="content" id="mainmenucontent">
|
||||||
<table style="tablelayout: auto; width: 100%" border="0">
|
<table style="tablelayout: auto; width: 100%" border="0">
|
||||||
<tr>
|
<tr>
|
||||||
<td style="padding: 0px; vertical-align:top; width: 1px"><div id="screenshot"><a href="#screenshotpopup" data-rel="popup"><img height="240" width="320" src="/screenshot.png"></a></div></td>
|
<td style="padding: 0px; vertical-align:top; width: 1px"><div id="screenshot"><img height="240" width="320" src="/screenshot.png"></div></td>
|
||||||
<td style="padding: 0px; vertical-align:top">
|
<td style="padding: 0px; vertical-align:top">
|
||||||
<table border="0"><div id="drivertext"></div>
|
<table border="0"><div id="drivertext"></div>
|
||||||
<tr>
|
<tr>
|
||||||
@ -302,9 +302,9 @@ $(document).ready(function() {
|
|||||||
<h3>
|
<h3>
|
||||||
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
||||||
<tr>
|
<tr>
|
||||||
<td style="width: 10%; padding: 0px;" id="main_statusbar_connectionstatus"></div></td>
|
<td style="width: 10%; padding: 0px;" id="main_statusbar_connectionstatus"></td>
|
||||||
<td style="width: 10%; padding: 0px;" id="main_statusbar_ispaused"></div></td>
|
<td style="width: 10%; padding: 0px;" id="main_statusbar_ispaused"></td>
|
||||||
<td style="width: 80%; padding: 0px;" id="main_statusbar_runningdriver"></div></td>
|
<td style="width: 80%; padding: 0px;" id="main_statusbar_runningdriver"></td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</h3>
|
</h3>
|
||||||
@ -336,11 +336,6 @@ $(document).ready(function() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div data-role="content" id="menu_commandmenu">
|
<div data-role="content" id="menu_commandmenu">
|
||||||
<h2>Reset Control</h2>
|
|
||||||
<div class="ui-grid-a">
|
|
||||||
<div class="ui-block-a"><a href="confirmsoftreset.html" data-rel="dialog" data-role="button">Soft reset</a></div>
|
|
||||||
<div class="ui-block-b"><a href="confirmhardreset.html" data-rel="dialog" data-role="button">Hard reset</a></div>
|
|
||||||
</div>
|
|
||||||
<h2>Savestate Control</h2>
|
<h2>Savestate Control</h2>
|
||||||
<div class="ui-grid-a">
|
<div class="ui-grid-a">
|
||||||
<div class="ui-block-a"><a href="#savestatepanel" data-transition="fade" data-role="button">Save State</a></div>
|
<div class="ui-block-a"><a href="#savestatepanel" data-transition="fade" data-role="button">Save State</a></div>
|
||||||
@ -352,17 +347,51 @@ $(document).ready(function() {
|
|||||||
<div class="ui-block-b"><a href="#uploadpastepanel" data-transition="fade" data-role="button">Upload Text</a></div>
|
<div class="ui-block-b"><a href="#uploadpastepanel" data-transition="fade" data-role="button">Upload Text</a></div>
|
||||||
</div>
|
</div>
|
||||||
<h2>Execution Control</h2>
|
<h2>Execution Control</h2>
|
||||||
<a href="javascript:executeCommands('togglepause');" data-role="button">Toggle Pause</a>
|
<div class="ui-grid-a">
|
||||||
<a href="confirmexit.html" data-rel="dialog" data-role="button">Exit</a>
|
<div class="ui-block-a"><a href="#dialogConfirmSoftReset" data-rel="dialog" data-role="button">Soft reset</a></div>
|
||||||
|
<div class="ui-block-b"><a href="#dialogConfirmHardReset" data-rel="dialog" data-role="button">Hard reset</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="ui-grid-a">
|
||||||
|
<div class="ui-block-b"><a href="javascript:executeCommands('togglepause');" data-role="button">Toggle Pause</a></div>
|
||||||
|
<div class="ui-block-b"><a href="#dialogConfirmExit" data-rel="dialog" data-role="button">Exit</a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div data-theme="a" data-role="footer" data-position="fixed">
|
||||||
|
<div data-role="navbar" data-iconpos="top">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="#infomenu" data-transition="fade" data-icon="info">Info</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#logsmenu" data-transition="fade" data-icon="check">Logs</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="javascript:takeScreenshot();" data-transition="fade" data-icon="search">Screenshot</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="javascript:startWebSocket();" data-transition="fade" data-icon="refresh">Reconnect</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h3>
|
||||||
|
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
||||||
|
<tr>
|
||||||
|
<td style="width: 10%; padding: 0px;" id="command_statusbar_connectionstatus"></td>
|
||||||
|
<td style="width: 10%; padding: 0px;" id="command_statusbar_ispaused"></td>
|
||||||
|
<td style="width: 80%; padding: 0px;" id="command_statusbar_runningdriver"></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- This begins the Save State panel -------------------------------------------------------->
|
<!-- This begins the Save State panel -------------------------------------------------------->
|
||||||
<div data-role="panel" id="savestatepanel" data-position="left" data-display="overlay" data-theme="a">
|
<div data-role="panel" id="savestatepanel" data-position="left" data-display="overlay" data-theme="a">
|
||||||
<h3>Select position to save to</h3>
|
<h3>Select position to save to</h3><br>
|
||||||
|
|
||||||
<!-- Yes, it's a little ugly. I could redo this more cleanly with a little javascript, but not right now. -->
|
<!-- Yes, it's a little ugly. I could redo this more cleanly with a little javascript, but not right now. -->
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
<div data-role="controlgroup" data-type="horizontal">
|
||||||
<a href="" data-rel="close" data-role="button">Cancel</a>
|
<a href="" data-rel="close" data-role="button">Cancel</a>
|
||||||
<a href="javascript:executeCommands('savestate&val=auto');" data-role="button">Autosave Slot</a>
|
<a href="javascript:executeCommands('savestate&val=auto');" data-role="button">Auto Slot</a>
|
||||||
</div>
|
</div>
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
<div data-role="controlgroup" data-type="horizontal">
|
||||||
<a href="javascript:executeCommands('savestate&val=0');" data-role="button">0</a>
|
<a href="javascript:executeCommands('savestate&val=0');" data-role="button">0</a>
|
||||||
@ -424,12 +453,12 @@ $(document).ready(function() {
|
|||||||
|
|
||||||
<!-- This begins the Load State panel -------------------------------------------------------->
|
<!-- This begins the Load State panel -------------------------------------------------------->
|
||||||
<div data-role="panel" id="loadstatepanel" data-position="left" data-display="overlay" data-theme="a">
|
<div data-role="panel" id="loadstatepanel" data-position="left" data-display="overlay" data-theme="a">
|
||||||
<h3>Select position to load from</h3>
|
<h3>Select position to load from</h3><br>
|
||||||
|
|
||||||
<!-- Yes, it's a little ugly. I could redo this more cleanly with a little javascript, but not right now. -->
|
<!-- Yes, it's a little ugly. I could redo this more cleanly with a little javascript, but not right now. -->
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
<div data-role="controlgroup" data-type="horizontal">
|
||||||
<a href="" data-rel="close" data-role="button">Cancel</a>
|
<a href="" data-rel="close" data-role="button">Cancel</a>
|
||||||
<a href="javascript:executeCommands('loadstate&val=auto');" data-role="button">Autoload Slot</a>
|
<a href="javascript:executeCommands('loadstate&val=auto');" data-role="button">Auto Slot</a>
|
||||||
</div>
|
</div>
|
||||||
<div data-role="controlgroup" data-type="horizontal">
|
<div data-role="controlgroup" data-type="horizontal">
|
||||||
<a href="javascript:executeCommands('loadstate&val=0');" data-role="button">0</a>
|
<a href="javascript:executeCommands('loadstate&val=0');" data-role="button">0</a>
|
||||||
@ -522,34 +551,6 @@ $(document).ready(function() {
|
|||||||
<br><br><br><br><br>
|
<br><br><br><br><br>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div data-theme="a" data-role="footer" data-position="fixed">
|
|
||||||
<div data-role="navbar" data-iconpos="top">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="#infomenu" data-transition="fade" data-icon="info">Info</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#logsmenu" data-transition="fade" data-icon="check">Logs</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:takeScreenshot();" data-transition="fade" data-icon="search">Screenshot</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:startWebSocket();" data-transition="fade" data-icon="refresh">Reconnect</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<h3>
|
|
||||||
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
|
||||||
<tr>
|
|
||||||
<td style="width: 10%; padding: 0px;" id="command_statusbar_connectionstatus"></div></td>
|
|
||||||
<td style="width: 10%; padding: 0px;" id="command_statusbar_ispaused"></div></td>
|
|
||||||
<td style="width: 80%; padding: 0px;" id="command_statusbar_runningdriver"></div></td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- This begins the SLIDERS page ------------------------------------------------------------------->
|
<!-- This begins the SLIDERS page ------------------------------------------------------------------->
|
||||||
<div data-role="page" id="slidermenu">
|
<div data-role="page" id="slidermenu">
|
||||||
@ -597,9 +598,9 @@ $(document).ready(function() {
|
|||||||
<h3>
|
<h3>
|
||||||
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
||||||
<tr>
|
<tr>
|
||||||
<td style="width: 10%; padding: 0px;" id="option_statusbar_connectionstatus"></div></td>
|
<td style="width: 10%; padding: 0px;" id="option_statusbar_connectionstatus"></td>
|
||||||
<td style="width: 10%; padding: 0px;" id="option_statusbar_ispaused"></div></td>
|
<td style="width: 10%; padding: 0px;" id="option_statusbar_ispaused"></td>
|
||||||
<td style="width: 80%; padding: 0px;" id="option_statusbar_runningdriver"></div></td>
|
<td style="width: 80%; padding: 0px;" id="option_statusbar_runningdriver"></td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</h3>
|
</h3>
|
||||||
@ -653,9 +654,9 @@ $(document).ready(function() {
|
|||||||
<h3>
|
<h3>
|
||||||
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
||||||
<tr>
|
<tr>
|
||||||
<td style="width: 10%; padding: 0px;" id="slider_statusbar_connectionstatus"></div></td>
|
<td style="width: 10%; padding: 0px;" id="slider_statusbar_connectionstatus"></td>
|
||||||
<td style="width: 10%; padding: 0px;" id="slider_statusbar_ispaused"></div></td>
|
<td style="width: 10%; padding: 0px;" id="slider_statusbar_ispaused"></td>
|
||||||
<td style="width: 80%; padding: 0px;" id="slider_statusbar_runningdriver"></div></td>
|
<td style="width: 80%; padding: 0px;" id="slider_statusbar_runningdriver"></td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</h3>
|
</h3>
|
||||||
@ -708,9 +709,9 @@ $(document).ready(function() {
|
|||||||
<h3>
|
<h3>
|
||||||
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
||||||
<tr>
|
<tr>
|
||||||
<td style="width: 10%; padding: 0px;" id="driver_statusbar_connectionstatus"></div></td>
|
<td style="width: 10%; padding: 0px;" id="driver_statusbar_connectionstatus"></td>
|
||||||
<td style="width: 10%; padding: 0px;" id="driver_statusbar_ispaused"></div></td>
|
<td style="width: 10%; padding: 0px;" id="driver_statusbar_ispaused"></td>
|
||||||
<td style="width: 80%; padding: 0px;" id="driver_statusbar_runningdriver"></div></td>
|
<td style="width: 80%; padding: 0px;" id="driver_statusbar_runningdriver"></td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</h3>
|
</h3>
|
||||||
@ -763,9 +764,9 @@ $(document).ready(function() {
|
|||||||
<h3>
|
<h3>
|
||||||
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
||||||
<tr>
|
<tr>
|
||||||
<td style="width: 10%; padding: 0px;" id="image_statusbar_connectionstatus"></div></td>
|
<td style="width: 10%; padding: 0px;" id="image_statusbar_connectionstatus"></td>
|
||||||
<td style="width: 10%; padding: 0px;" id="image_statusbar_ispaused"></div></td>
|
<td style="width: 10%; padding: 0px;" id="image_statusbar_ispaused"></td>
|
||||||
<td style="width: 80%; padding: 0px;" id="image_statusbar_runningdriver"></div></td>
|
<td style="width: 80%; padding: 0px;" id="image_statusbar_runningdriver"></td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</h3>
|
</h3>
|
||||||
@ -818,9 +819,9 @@ $(document).ready(function() {
|
|||||||
<h3>
|
<h3>
|
||||||
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
||||||
<tr>
|
<tr>
|
||||||
<td style="width: 10%; padding: 0px;" id="info_statusbar_connectionstatus"></div></td>
|
<td style="width: 10%; padding: 0px;" id="info_statusbar_connectionstatus"></td>
|
||||||
<td style="width: 10%; padding: 0px;" id="info_statusbar_ispaused"></div></td>
|
<td style="width: 10%; padding: 0px;" id="info_statusbar_ispaused"></td>
|
||||||
<td style="width: 80%; padding: 0px;" id="info_statusbar_runningdriver"></div></td>
|
<td style="width: 80%; padding: 0px;" id="info_statusbar_runningdriver"></td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</h3>
|
</h3>
|
||||||
@ -852,7 +853,7 @@ $(document).ready(function() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div data-role="content" id="logsmenucontent">
|
<div data-role="content" id="logsmenucontent">
|
||||||
<p>Paste Upload Log</p> <!-- Yeah, this'll need reworking later. -->
|
<p>Paste Upload Log</p> <!-- Yeah, this'll need reworking later. Still considering how this will work in the end. -->
|
||||||
<iframe name="uploadpastelog" width="250" height="250"></iframe>
|
<iframe name="uploadpastelog" width="250" height="250"></iframe>
|
||||||
</div>
|
</div>
|
||||||
<div data-theme="a" data-role="footer" data-position="fixed">
|
<div data-theme="a" data-role="footer" data-position="fixed">
|
||||||
@ -875,15 +876,42 @@ $(document).ready(function() {
|
|||||||
<h3>
|
<h3>
|
||||||
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
<table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
|
||||||
<tr>
|
<tr>
|
||||||
<td style="width: 10%; padding: 0px;" id="logs_statusbar_connectionstatus"></div></td>
|
<td style="width: 10%; padding: 0px;" id="logs_statusbar_connectionstatus"></td>
|
||||||
<td style="width: 10%; padding: 0px;" id="logs_statusbar_ispaused"></div></td>
|
<td style="width: 10%; padding: 0px;" id="logs_statusbar_ispaused"></td>
|
||||||
<td style="width: 80%; padding: 0px;" id="logs_statusbar_runningdriver"></div></td>
|
<td style="width: 80%; padding: 0px;" id="logs_statusbar_runningdriver"></td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- This begins the EXIT dialog ---------------------------------------------------------------------->
|
||||||
|
<div data-role="dialog" id="dialogConfirmExit">
|
||||||
|
<div data-role="header">
|
||||||
|
<h1>Confirm: Exit emulator?</h1>
|
||||||
|
</div>
|
||||||
|
<a href="javascript:executeExit();" data-theme="a" data-role="button">Yes</a>
|
||||||
|
<a href="javascript:$('.ui-dialog').dialog('close');" data-role="button">Cancel</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- This begins the HARD RESET dialog ---------------------------------------------------------------->
|
||||||
|
<div data-role="page" data-close-btn="none" id="dialogConfirmHardReset">
|
||||||
|
<div data-role="header">
|
||||||
|
<h1>Confirm: Hard Reset?</h1>
|
||||||
|
</div>
|
||||||
|
<a href="javascript:executeHardReset();" data-theme="a" data-role="button">Yes</a>
|
||||||
|
<a href="javascript:$('.ui-dialog').dialog('close');" data-role="button">Cancel</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- This begins the SOFT RESET dialog ---------------------------------------------------------------->
|
||||||
|
<div data-role="page" data-close-btn="none" id="dialogConfirmSoftReset">
|
||||||
|
<div data-role="header">
|
||||||
|
<h1>Confirm: Soft Reset?</h1>
|
||||||
|
</div>
|
||||||
|
<a href="javascript:executeSoftReset();" data-theme="a" data-role="button">Yes</a>
|
||||||
|
<a href="javascript:$('.ui-dialog').dialog('close');" data-role="button">Cancel</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user