summaryrefslogtreecommitdiffstatshomepage
path: root/web
diff options
context:
space:
mode:
author R. Belmont <rb6502@users.noreply.github.com>2013-09-22 20:44:15 +0000
committer R. Belmont <rb6502@users.noreply.github.com>2013-09-22 20:44:15 +0000
commit53470c2c47a9efd2307fbc30db7641e38882f9f7 (patch)
tree6e5b91345a4a8eaf0c25ae3a14eef3607fb8987f /web
parent6b5dea7eba71188fbea7d160ebe7e68f3f2f9ab7 (diff)
web: load and save states [Firehawke]
Diffstat (limited to 'web')
-rw-r--r--web/commands.html2
-rw-r--r--web/index.html1
-rw-r--r--web/loadstate.html44
-rw-r--r--web/savestate.html44
4 files changed, 91 insertions, 0 deletions
diff --git a/web/commands.html b/web/commands.html
index 53fb2a3f7fe..3fc3fb7822a 100644
--- a/web/commands.html
+++ b/web/commands.html
@@ -1,4 +1,6 @@
<a href="javascript:executeCommands('togglepause');" data-role="button">Toggle Pause</a>
<a href="javascript:executeCommands('softreset');" data-role="button">Soft reset</a>
<a href="javascript:executeCommands('hardreset');" data-role="button">Hard reset</a>
+<a href="javascript:loadContent('savestate');" data-transition="fade" data-role="button">Save State</a>
+<a href="javascript:loadContent('loadstate');" data-transition="fade" data-role="button">Load State</a>
<a href="javascript:executeCommands('exit');" data-role="button">Exit</a>
diff --git a/web/index.html b/web/index.html
index f315485b1ef..554f13c2ecb 100644
--- a/web/index.html
+++ b/web/index.html
@@ -170,3 +170,4 @@
</div>
</body>
</html>
+
diff --git a/web/loadstate.html b/web/loadstate.html
new file mode 100644
index 00000000000..954b2bb33f6
--- /dev/null
+++ b/web/loadstate.html
@@ -0,0 +1,44 @@
+Select position to load from
+<!-- 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="javascript:loadContent('commands');" data-role="button">Cancel</a>
+<a href="javascript:executeCommands('loadstate&val=auto');" data-role="button">Autosave Slot</a>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+
diff --git a/web/savestate.html b/web/savestate.html
new file mode 100644
index 00000000000..cfdf7fe40aa
--- /dev/null
+++ b/web/savestate.html
@@ -0,0 +1,44 @@
+Select position to save to
+<!-- 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="javascript:loadContent('commands');" data-role="button">Cancel</a>
+<a href="javascript:executeCommands('savestate&val=auto');" data-role="button">Autosave Slot</a>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+