-
Notifications
You must be signed in to change notification settings - Fork 0
/
control_panel.html
97 lines (97 loc) · 5.91 KB
/
control_panel.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
<div class="panel" id="control-panel">
<ul>
<li><a href="#report">Report</a></li>
<li><a href="#unit-manager-player-1">Player 1</a></li>
<li><a href="#unit-manager-player-2">Player 2</a></li>
<li><a href="#scenery-manager">Scenery</a></li>
</ul>
<div id="unit-manager-player-1" class="unit-manager" data-player="1">
<div class="left">
<div><label for="player-1-unit-files">Files</label><input type="text" class="rank-and-file" id="player-1-unit-files" size="2" /></div>
<div><label for="player-1-unit-ranks">Ranks</label><input type="text" class="rank-and-file" id="player-1-unit-ranks" size="2" /></div>
</div>
<div class="left">
<div class="model-number"><label for="player-1-unit-models"># Models</label><input type="text" class="model-count" id="player-1-unit-models" size="3" /><span id="player-1-unit-model-count"></span></div>
<div class="model-number"><label class="dead-count" for="player-1-unit-models-dead"># Dead</label><input type="text" disabled class="dead-count" id="player-1-unit-models-dead" size="3" /></div>
</div>
<div><label for="player-1-unit-title">Unit Title</label><input type="text" id="player-1-unit-title"/></div>
<div><label for="player-1-unit-base-size">Base Size</label><select id="player-1-unit-base-size">
<option value="20x20">20mm x 20mm</option>
<option value="25x25">25mm x 25mm</option>
<option value="25x50">25mm x 50mm</option>
<option value="40x40">40mm x 40mm</option>
<option value="50x50">50mm x 50mm</option>
<option value="50x60">50mm x 60mm</option>
<option value="50x100">50mm x 100mm</option>
<option value="100x100">100mm x 100mm</option>
<option value="100x150">100mm x 150mm</option>
</select><input type="checkbox" id="player-1-unit-loose-formation" /><span title="Unit is in loose / skirmish formation">Loose?</span></div>
<div>
<button class="add-unit" data-player="1">Add Unit</button>
<button disabled class="update-unit">Update Unit</button>
</div>
</div>
<div id="unit-manager-player-2" class="unit-manager" data-player="2">
<div class="left">
<div><label for="player-2-unit-files">Files</label><input type="text" class="rank-and-file" id="player-2-unit-files" size="2" /></div>
<div><label for="player-2-unit-ranks">Ranks</label><input type="text" class="rank-and-file" id="player-2-unit-ranks" size="2" /></div>
</div>
<div class="left">
<div class="model-number"><label for="player-2-unit-models"># Models</label><input type="text" class="model-count" id="player-2-unit-models" size="3" /><span id="player-2-unit-model-count"></span></div>
<div class="model-number"><label class="dead-count" for="player-2-unit-models-dead"># Dead</label><input type="text" disabled class="dead-count" id="player-2-unit-models-dead" size="3" /></div>
</div>
<div><label for="player-2-unit-title">Unit Title</label><input type="text" id="player-2-unit-title"/></div>
<div><label for="player-2-unit-base-size">Base Size</label><select id="player-2-unit-base-size">
<option value="20x20">20mm x 20mm</option>
<option value="25x25">25mm x 25mm</option>
<option value="25x50">25mm x 50mm</option>
<option value="40x40">40mm x 40mm</option>
<option value="50x50">50mm x 50mm</option>
<option value="50x60">50mm x 60mm</option>
<option value="50x100">50mm x 100mm</option>
<option value="100x100">100mm x 100mm</option>
<option value="100x150">100mm x 150mm</option>
</select><input type="checkbox" id="player-2-unit-loose-formation" /><span title="Unit is in loose / skirmish formation">Loose?</span></div>
<div>
<button class="add-unit" data-player="2">Add Unit</button>
<button disabled class="update-unit">Update Unit</button>
</div>
</div>
<div id="scenery-manager">
<div>
<div><label for="scenery-url">URL</label><input type="text" id="scenery-url" /></div>
<div><label for="scenery-label">Label</label><input type="text" id="scenery-label" /></div>
<div><button class="add-scenery" id="add-remote-scenery">Add Custom Scenery</button></div>
</div>
<hr />
</div>
<div id="report">
<div><button id="start-report">Start Report (locks scenery)</button><button id="save-button">Save Report</button></div>
<hr />
<div>
Report ID<input type="text" id="report-id" size="5">
<button id="load-button">Load Report</button><input type="checkbox" id="merge"><span title="Merge data with current report">Merge?</span>
</div>
<a id="advanced-link" href="#advanced">Advanced</a>
<div id="advanced">
<div class="help">Your exported battle report will show up in this text area. Copy and paste it into a text editor (like Textedit or Notepad) and save it. You can also copy and paste a previously saved battle report into this text area and click load. Alternatively, use the "Save Report" button above and it will generate a link to this report and to the raw data which can be downloaded and saved.</div>
<div><textarea id="battlefield-out"></textarea></div>
<div><button id="dump-button">Export Report</button><button id="slurp-button">Import Report</button><input type="checkbox" id="merge"><span title="Merge data with current report">Merge?</span></div>
</div>
<hr />
<div>Useful icons and arrows</div>
</div>
<div class="help" id="control-panel-help">
<ul>
<li>Control panel can be dragged around</li>
<li>Collapse the panel by clicking on the active tab</li>
<li>Report any problems on the <a href="http://godswearhats.com/blog/herald/">Herald Blog</a></li>
</ul>
<div class="footer">
<span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/InteractiveResource" property="dct:title" rel="dct:type">
Herald Battle Reporter
</span>
by <a xmlns:cc="http://creativecommons.org/ns#" href="http://godswearhats.com/blog/herald" property="cc:attributionName" rel="cc:attributionURL">godswearhats</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Creative Commons Attribution 3.0 Unported License</a>.
</div>
</div>
</div>