cyclone/index.html at main · werocketry/cyclone · 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
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title>Cyclone Control</title>
  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'" />
</head>

<body>
  <h1>Cyclone Control Panel</h1>
  We are using Node.js <span id="node-version"></span>, Chromium
  <span id="chrome-version"></span>, and Electron
  <span id="electron-version"></span>.
  <!-- Plan GCode -->
  <section>
    <h2>Plan GCode</h2>
    <label for="wind-file-path">Select .wind file:</label>
    <input type="text" id="wind-file-path" placeholder="Select a .wind file" readonly />
    <button id="wind-file-browse">Browse…</button>
    <br />
    <label for="output-file-plan">Output file:</label>
    <input type="text" id="output-file-plan" placeholder="Choose a .gcode destination" readonly />
    <button id="output-file-plan-browse">Save As…</button>
    <br />
    <button id="plan-button">Generate GCode</button>
    <pre id="plan-output"></pre>
  </section>

  <!-- Plot GCode -->
  <section>
    <h2>Plot GCode</h2>
    <label for="gcode-file-plot">Select GCode file:</label>
    <input type="text" id="gcode-file-plot" placeholder="Select a .gcode file" readonly />
    <button id="gcode-file-plot-browse">Browse…</button>
    <br />
    <label for="output-file-plot">Output PNG:</label>
    <input type="text" id="output-file-plot" placeholder="Choose a .png destination" readonly />
    <button id="output-file-plot-browse">Save As…</button>
    <br />
    <button id="plot-button">Visualize GCode</button>
    <pre id="plot-output"></pre>
  </section>

  <!-- Run GCode -->
  <section>
    <h2>Run GCode</h2>
    <label for="gcode-file-run">Select GCode file:</label>
    <input type="text" id="gcode-file-run" placeholder="Select a .gcode file" readonly />
    <button id="gcode-file-run-browse">Browse…</button>
    <br />
    <label for="serial-port">Serial Port:</label>
    <input type="text" id="serial-port" placeholder="/dev/ttyUSB0" />
    <br />
    <button id="run-button">Run GCode</button>
    <pre id="run-output"></pre>
  </section>

  <script src="./dist/renderer.js"></script>
</body>

</html>