summaryrefslogtreecommitdiffstatshomepage
path: root/web/commands.html
blob: 1923d80bd1ce69788b50a3d01cc7d6ed2244bf5c (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<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>