1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5  <meta charset="UTF-8" />
6  <title>Lua Telemetry Interpreter</title>
7  <link rel="icon" href="{{ url_for('static', filename='images/favicon.ico') }}">
8  <link rel="stylesheet" href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css">
9  <link rel="stylesheet" href="{{ url_for('static', filename='css/index.css') }}">
10  <script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
11  <script src="{{ url_for('static', filename='js/index.bundle.js') }}"></script>
12</head>
13
14<body class="mdc-theme--background mdc-typography">
15  <form action="{{ url_for('execute_script') }}" method="post">
16    <div class="input-container">
17      <div class="script-container">
18        <div class="script-input-container">
19          <textarea class="hide" id="script-input" placeholder="Input script here..."
20            name="script">{{ script }}</textarea>
21        </div>
22        <textarea class="function-name" id="function-name-input" placeholder="Input function name here..."
23          name="function-name">{{ function_name }}</textarea>
24      </div>
25      <div class="data-container">
26
27        <div class="published-data-container">
28          <div class="published-data-button-group" id="published-data-button-group"
29            title="Populates the published data with example data from various publishers.">
30            <!-- Container for the published data buttons populated in index.js. -->
31          </div>
32          <div class="published-data-input-container">
33            <textarea class="hide" id="published-data-input" placeholder="Input published data here as a JSON..."
34              name="published-data">{{ published_data }}</textarea>
35          </div>
36        </div>
37        <div class="saved-state-input-container">
38          <textarea class="hide" id="saved-state-input" placeholder="Input saved state here as a JSON..."
39            name="saved-state">{{ saved_state }}</textarea>
40        </div>
41      </div>
42    </div>
43    <button type="submit" class="mdc-button mdc-button--raised submit">
44      <span class="mdc-button__ripple"></span>
45      <span class="mdc-button__label">Run</span>
46    </button>
47  </form>
48
49  <div class="mdc-theme--on-surface script-output" id="script-output">
50    {% for item in output %}
51    <span>
52      <pre>{{ item|replace('\n', '<br>'|safe)}}</pre>
53    </span>
54    {% endfor %}
55  </div>
56</body>
57
58</html>