-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
307 lines (301 loc) · 14.8 KB
/
popup.html
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
<!DOCTYPE html>
<html lang="en">
<head>
<title>Plugin-Window</title>
<meta charset="UTF-8">
<style type="text/css">
html {
background-image: url("./ext-resources/background.jpg");
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
border: 1px solid rgba(0, 0, 0, 0); /* Invisible border prevents weird bug with table */
}
body {
padding: 5px 33px;
font-family: Verdana,Tahoma,sans-serif;
font-size: 14px;
}
h1 {
padding: 1px 5px;
border-radius: 5px;
font-size: 12px;
text-decoration: none;
}
table {
width: 100%;
border-collapse: collapse;
}
tr:nth-child(even) {background: rgba(120, 120, 120, 0.1);}
tr:hover {background: rgba(120, 0, 0, 0.2);}
th, h1 {
background: rgba(120, 120, 120, 0.75);
text-align: left;
}
th, td {
border-bottom: 1px solid #abb;
padding: 2px 5px;
}
.box {
min-width: 420px;
max-width: 420px;
width: 90%;
margin: auto;
padding: 5px 25px;
border: 1px solid #000;
border-radius: 25px;
background: rgba(240, 240, 240, 0.65);
}
.title {
text-align: center;
font-size: 18px;
font-weight: bold;
color: red;
}
.version {
font-size: 12px;
font-weight: normal;
color: black;
text-align: right;
}
.about {
float: right;
font-weight: normal;
text-align: right;
padding-left: 15px;
border-left: 1px solid black;
}
#delete-jp {
color: red;
font-size: 12px;
text-align: center;
padding: 1px;
width: 100%;
}
#save-officer {
color: green;
font-size: 12px;
text-align: center;
padding: 1px;
width: 100%;
}
form label {
width: 15px;
}
.key-input, .disabled-key-input {
width: 130px;
text-align: center;
}
.settings-input {
box-sizing: border-box;
width: 100%;
}
</style>
</head>
<body>
<h1 class="box title">
<span>STORM</span>
<span class="version"></span>
<span class="about"><a href="https://github.com/Krypton-Nova/Storm#storm-readme" target="_blank">About</a></span>
</h1>
<br>
<div class="box">
<p>
Hover over a description to get more information.
</p>
<h1>Settings</h1>
<table>
<tr id="JPKey" title="You can add a jump point by navigating to a region's page and pressing Shift+JPKey. To go to your configured jump point, press JPKey (you can change this key below).">
<td><label id="" for="jump-points">Jump Point</label></td>
<td><select class="settings-input" id="jump-points"></select></td>
<td><input type="button" id="delete-jp" value="✘"></td>
</tr>
<tr title="The name of the officer role to create for yourself in the region (provided you have the required authority).">
<td><label for="officer-role">Officer Role</label></td>
<td><input type="text" class="settings-input" id="officer-role" ></td>
<td><input type="button" id="save-officer" value="💾"></td>
</tr>
<tr title="Automatically scroll down a nation's page to quickly see who's endorsing it.">
<td colspan="2"><label for="scroll">Auto-scroll nation page</label></td>
<td><input id="scroll" type="checkbox" name="scroll">
</tr>
<tr title="Show a field at the top of the page to move your nation directly to a region.">
<td colspan="2"><label for="direct-move">Move to field and button</label></td>
<td><input id="direct-move" type="checkbox" name="direct-move">
</tr>
</table>
<br>
<table>
<tr><th>Function</th><th>Key</th></tr>
<tr title="Close this browser tab. Note that this is a default browser shortcut, it cannot be changed.">
<td><label for="KeyCloseTab">Browser: Close Tab</label></td>
<td><input type="button" class="disabled-key-input" id="KeyCloseTab" value="Ctrl + W" disabled></td>
</tr>
<tr title="Confirm dialogue (useful in the World Assembly). Note that this is a default browser shortcut, it cannot be changed.">
<td><label for="KeyConfirm">Browser: Confirm Dialogue</label></td>
<td><input type="button" class="disabled-key-input" id="KeyConfirm" value="Enter" disabled></td>
</tr>
<tr title="Like [Alt]+[Tab] on your desktop, but limited to browser tabs. Press this combination, then use tab to cycle to the desired browser tab.">
<td><label for="KeySwitchTab">Browser: Switch Tabs</label></td>
<td><input type="button" class="disabled-key-input" id="KeySwitchTab" value="Ctrl + Tab" disabled></td>
</tr>
<tr><td></td><td><br></td></tr>
<tr title="Reload the page after clicking the back/forward browser buttons, otherwise shortcuts will not work, and the page may be outdated. This is not needed for page forward/back using any of the configured keyboard shortcuts.">
<td colspan="2"><b>⚠ Back & forward browser buttons ⚠</b></td>
</tr>
<tr title="Copy the web address to this page to your clipboard. You can paste it using [Ctrl]+[V]">
<td><label for="KeyCopyUrl">Page: Copy URL</label></td>
<td><input type="button" class="key-input" id="KeyCopyUrl" value=""></td>
</tr>
<tr title="Go to the previous page, safely.">
<td><label for="KeyBack1">Page: Back</label></td>
<td><input type="button" class="key-input" id="KeyBack1" value=""></td>
</tr>
<tr title="Go to the previous page, safely.">
<td><label for="KeyBack2">Page: Back</label></td>
<td><input type="button" class="key-input" id="KeyBack2" value=""></td>
</tr>
<tr title="Go to the next page (if you went at least 1 page back), safely.">
<td><label for="KeyForward">Page: Forward</label></td>
<td><input type="button" class="key-input" id="KeyForward" value=""></td>
</tr>
<tr title="Do you need to reload more? Yes.">
<td><label for="KeyRefresh1">Page: Refresh</label></td>
<td><input type="button" class="key-input" id="KeyRefresh1" value=""></td>
</tr>
<tr title="More reloading? Of course!">
<td><label for="KeyRefresh2">Page: Refresh</label></td>
<td><input type="button" class="key-input" id="KeyRefresh2" value=""></td>
</tr>
<tr><td></td><td><br></td></tr>
<tr title="Opens your nation's activity page with the changes filter. You know when your nation last updated by looking for the first 'influence changed' entry.">
<td><label for="KeyUpdate">Activity: Nation Update</label></td>
<td><input type="button" class="key-input" id="KeyUpdate" value=""></td>
</tr>
<tr title="Open the world activity page with filters for spotting. Press again to toggle filters.">
<td><label for="KeyActivity">Activity: Spot ↔ All</label></td>
<td><input type="button" class="key-input" id="KeyActivity" value=""></td>
</tr>
<tr title="Open this region's activity page with filters for spotting.">
<td><label for="KeyRegHap">Activity: Spot Regional</label></td>
<td><input type="button" class="key-input" id="KeyRegHap" value=""></td>
</tr>
<tr title="See the world changes. Useful to see if a GCR is updating.">
<td><label for="KeyGcrHap">Activity: World changes</label></td>
<td><input type="button" class="key-input" id="KeyGcrHap" value=""></td>
</tr>
<tr title="Ban and eject this nation from the region, provided you have the authority to do so.">
<td><label for="KeyBan">Banject</label></td>
<td><input type="button" class="key-input" id="KeyBan" value=""></td>
</tr>
<tr title="Endorse the next nation with each press. Nations to endorse are this nation, and each nation endorsing it. Nations which have already been endorsed show up green. There is a 6-second cooldown between each endorsement to comply with NS script limits. While endorsing manually is faster, this key is useful to provide visual feedback for which nations you still need to endorse, as it also tracks nations endorsed using 'Endorse' in different tabs.">
<td><label for="KeyCross">Cross-Endorse</label></td>
<td><input type="button" class="key-input" id="KeyCross" value=""></td>
</tr>
<tr title="This key opens your dossier. If pressed there, it will clear it.">
<td><label for="KeyClearDoss">Dossier → Clear</label></td>
<td><input type="button" class="key-input" id="KeyClearDoss" value=""></td>
</tr>
<tr title="Add this nation or region to your dossier, so that they appear in your reports.">
<td><label for="KeyDoss">Dossier: Add Nation/Region</label></td>
<td><input type="button" class="key-input" id="KeyDoss" value=""></td>
</tr>
<tr title="Endorse this nation.">
<td><label for="KeyEndo">Endorse</label></td>
<td><input type="button" class="key-input" id="KeyEndo" value=""></td>
</tr>
<tr title="Directly move your nation to your selected jump point. Holding shift while pressing this key on a region's page adds it to your list of JP's, and sets it as your current JP.">
<td><label for="KeyJP">Jump Point (+[Shift] to set)</label></td>
<td><input type="button" class="key-input" id="KeyJP" value=""></td>
</tr>
<tr title="Move your nation to this region, the region entered in the 'Move to' bar, or the region on the right side of the last happening if in reports or activity. You only move when you release the key, so if you accidentally pressed it, don't release it! Instead, click out of your browser window and then release it safely.">
<td><label for="KeyMove">Move</label></td>
<td><input type="button" class="key-input" id="KeyMove" value=""></td>
</tr>
<tr title="Open your nation's page. Useful to see who endorsed you, among other things.">
<td><label for="KeyNation">Nation</label></td>
<td><input type="button" class="key-input" id="KeyNation" value=""></td>
</tr>
<tr title="Makes switching between nations easier. You can use this key before an operation, and after if you wish to move back to your jump point. Pressing this key moves your nation to your jump point if it isn't located there. If it is, but it's not yet in the WA, it applies to join. If in your jump point and in the WA, it will resign your nation from the WA.">
<td><label for="KeySwitch">Prepare Switcher</label></td>
<td><input type="button" class="key-input" id="KeySwitch" value=""></td>
</tr>
<tr title="Open the region your nation is currently in. If on any region's page, reload it. If in reports or activity, opens the region on the right side of the last happening.">
<td><label for="KeyRegion">Region</label></td>
<td><input type="button" class="key-input" id="KeyRegion" value=""></td>
</tr>
<tr title="First press opens regional controls. There you can press it again to make yourself a Regional Officer. If you modify another RO, pressing this key will dismiss them.">
<td><label for="KeyOfficer">Regional Officer</label></td>
<td><input type="button" class="key-input" id="KeyOfficer" value=""></td>
</tr>
<tr title="Open the reports page, showing happenings of nations and regions you've added to your dossier. Press it again to toggle between this and world activity with spotting filters.">
<td><label for="KeyReports">Reports Page</label></td>
<td><input type="button" class="key-input" id="KeyReports" value=""></td>
</tr>
<tr title="On nation or region pages this toggles between an ultra-light (and thus fast) theme, and your default theme.">
<td><label for="KeyTemplate">Toggle Template</label></td>
<td><input type="button" class="key-input" id="KeyTemplate" value=""></td>
</tr>
<tr title="Press this button to apply for or leave the WA instantly, or to press the 'Join' button on the page opened from your email.">
<td><label for="KeyWAJL1">WA: Apply/Join/Leave</label></td>
<td><input type="button" class="key-input" id="KeyWAJL1" value=""></td>
</tr>
<tr title="Press this button to apply for or leave the WA instantly, or to press the 'Join' button on the page opened from your email.">
<td><label for="KeyWAJL2">WA: Apply/Join/Leave</label></td>
<td><input type="button" class="key-input" id="KeyWAJL2" value=""></td>
</tr>
<tr title="Open the nation page of the WA Delegate of the region your nation is located in.">
<td><label for="KeyWAD">WA: Delegate</label></td>
<td><input type="button" class="key-input" id="KeyWAD" value=""></td>
</tr>
<tr title="Open zombie control. Useful during an apocalypse.">
<td><label for="KeyZombie">Zombie Control</label></td>
<td><input type="button" class="key-input" id="KeyZombie" value=""></td>
</tr>
<tr><td></td><td><br></td></tr>
<tr title="Works only on nations in the reports page.">
<td><label for="KeyDosL1">Open 1st left of happening</label></td>
<td><input type="button" class="key-input" id="KeyDosL1" value=""></td>
</tr>
<tr title="Works only on nations in the reports page.">
<td><label for="KeyDosL2">Open 2nd left of happening</label></td>
<td><input type="button" class="key-input" id="KeyDosL2" value=""></td>
</tr>
<tr title="Works only on nations in the reports page.">
<td><label for="KeyDosL3">Open 3rd left of happening</label></td>
<td><input type="button" class="key-input" id="KeyDosL3" value=""></td>
</tr>
<tr title="Works only on nations in the reports page.">
<td><label for="KeyDosL4">Open 4th left of happening</label></td>
<td><input type="button" class="key-input" id="KeyDosL4" value=""></td>
</tr>
<tr title="Works only on nations in the reports page.">
<td><label for="KeyDosL5">Open 5th left of happening</label></td>
<td><input type="button" class="key-input" id="KeyDosL5" value=""></td>
</tr>
<tr title="Works only on nations in the reports page.">
<td><label for="KeyDosR1">Open 1st right of happening</label></td>
<td><input type="button" class="key-input" id="KeyDosR1" value=""></td>
</tr>
<tr title="Works only on nations in the reports page.">
<td><label for="KeyDosR2">Open 2nd right of happening</label></td>
<td><input type="button" class="key-input" id="KeyDosR2" value=""></td>
</tr>
<tr title="Works only on nations in the reports page.">
<td><label for="KeyDosR3">Open 3rd right of happening</label></td>
<td><input type="button" class="key-input" id="KeyDosR3" value=""></td>
</tr>
<tr title="Works only on nations in the reports page.">
<td><label for="KeyDosR4">Open 4th right of happening</label></td>
<td><input type="button" class="key-input" id="KeyDosR4" value=""></td>
</tr>
<tr title="Works only on nations in the reports page.">
<td><label for="KeyDosR5">Open 5th right of happening</label></td>
<td><input type="button" class="key-input" id="KeyDosR5" value=""></td>
</tr>
</table>
</div>
<script src="/scripts/popup.js"></script>
</body>
</html>