72 lines
3.2 KiB
Plaintext
72 lines
3.2 KiB
Plaintext
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>
|
|
<%= page_title %>
|
|
</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
|
|
rel="stylesheet">
|
|
<link rel="stylesheet" href="<%= css_path %>">
|
|
<script type="module" src="<%= js_path %>" defer></script>
|
|
<script src="<%= chartjs %>"></script>
|
|
<script defer>
|
|
var map = '<%- map %>', map_meta = '<%- map_meta %>', steps = '<%= steps %>', max_rpm = '<%= max_rpm %>', max_throttle = '<%= max_throttle %>', app_url = '<%= app_url %>';
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="control_div" style="display: flex; flex-direction: row; justify-content: space-between;">
|
|
<label style="font-size: 200%;">
|
|
<%= page_title%>
|
|
<%= program %>
|
|
</label>
|
|
<div style="display: flex;align-items: center;">
|
|
<label id="enable" style="cursor: pointer; margin-right: 10px;"><span>⏺
|
|
</span>Enable</label>
|
|
<label id="download" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>🡇
|
|
</span>Download</label>
|
|
<label id="remove" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>-
|
|
</span>Remove</label>
|
|
</div>
|
|
</div>
|
|
<div class="main_div">
|
|
<center><label>Edit record</label></center>
|
|
<table>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>id</th>
|
|
<th>Description</th>
|
|
</tr>
|
|
<tr>
|
|
<td><input id="map_name" type="text" placeholder="map_name" style="width: 100%; height: 100%; box-sizing: border-box; font-size: 16px;"></td>
|
|
<td><input id="map_id" type="text" placeholder="map_id" style="width: 100%; height: 100%; box-sizing: border-box; font-size: 16px;"></td>
|
|
<td><input id="map_description" type="text" placeholder="map_description" style="width: 100%; height: 100%; box-sizing: border-box; font-size: 16px;"></td>
|
|
</tr>
|
|
</table>
|
|
<hr class="solid">
|
|
<div>
|
|
<div style="height: 50vh; width: 100%;"><canvas id="throttle_plot"></canvas></div>
|
|
<table id="throttle_table" style="text-align: center;"></table>
|
|
</div>
|
|
<hr class="solid">
|
|
<div>
|
|
<div style="height: 50vh; width: 100%;"><canvas id="motor_plot"></canvas></div>
|
|
<table id="motor_table" style="text-align: center;"></table>
|
|
</div>
|
|
<div style="display: flex; flex-direction: row; justify-content: space-between;">
|
|
<a href="<%= app_url %>"><span>🢀 </span>Return</a>
|
|
<label id="commit" style="cursor: pointer;"><span>✅ </span>Commit</label>
|
|
</div>
|
|
</div>
|
|
<div class="about_div">
|
|
<center><a href="<%= app_url %>/about">About</label></center>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |