jsboard/index.html at master · PeterBeard/jsboard · GitHub

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
<!doctype html>
<html>
    <head>
        <title>jsBoard - JavaScript Aircraft Boarding Simulator</title>
        <style type="text/css">
         body {
             font: 18px/22px 'MS Sans Serif', Arial, sans-serif;
             margin: 0;
             padding: 0;
         }
         h1 {
             padding-left: 1em;
         }
         #controls {
             margin: 0 auto;
             width: 1000px;
         }
         #controls canvas {
             margin: 0 auto;
         }
         fieldset {
             background: #f8f8f8 none;
             border: 1px solid #ddd;
             float: left;
             margin: 0 10px;
             padding: 0 10px;
             width: 458px;
         }
         .hidden {
             display: none;
         }
        </style>
    </head>
    <body>
        <div id="controls">
            <h1>jsBoard &mdash; JavaScript Aircraft Boarding Simulator</h1>
            <canvas id="simulation" width="1000" height="350"></canvas>
            <p id="status"></p>
            <form id="parameters">
                <fieldset>
                    <legend>Aircraft Parameters</legend>
                    <select id="layout_preset">
                        <option value="a321">Airbus A321</option>
                        <option value="b757300">Boeing 757-300</option>
                        <option value="crj700">Bombardier CRJ-700</option>
                        <option value="coords">Custom rows + columns</option>
                        <!--<option value="custom">Custom seat layout (JSON)</option>-->
                    </select>
                    <p id="row_col_params" class="hidden">
                        <label for="rows">Rows <input size="1" maxlength="3" type="text" id="rows" value="22"></label>
                        <label for="cols">Columns <input size="1" maxlength="3" type="text" id="cols" value="3"></label>
                    </p>
                    <button id="render_button">Render Aircraft</button>
                </fieldset>
                <fieldset>
                    <legend>Simulation Parameters</legend>
                    <p><label for="method_btf">Back-to-front <input type="radio" value="btf" name="method" id="method_btf" checked="checked"></label></p>
                    <p><label for="method_ftb">Front-to-back <input type="radio" value="ftb" name="method" id="method_ftb"></label></p>
                    <p><label for="method_steffen">Steffen (2008) <input type="radio" value="steffen" name="method" id="method_steffen"></label></p>
                    <p><label for="method_rand">Random <input type="radio" value="random" name="method" id="method_rand"></label></p>
                    <p>
                        <label for="time_step">Simulation Time Step (ms) <input type="text" id="time_step" value="100"></label>
                    </p>
                    <button id="simulate_button" type="submit">Run Simulation</button>
                </fieldset>
                <br style="clear:both;">
            </form>
        </div>
        <script type="text/javascript" src="board.js"></script>
    </body>
</html>