Initial commit
This commit is contained in:
@@ -0,0 +1,34 @@
|
||||
<!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 %>">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="control_div" style="display: flex; flex-direction: row; justify-content: space-between;">
|
||||
<label style="font-size: 200%;">CRTelemetry SQLite3</label>
|
||||
</div>
|
||||
<div class="main_div">
|
||||
<center>
|
||||
<label>Version <%= version %></label>
|
||||
<br>
|
||||
<a href="https://github.com/Centaurus-Racing-Team/5G-telemetry" target="_blank"
|
||||
style="font-size: 150%;">GitHub</a>
|
||||
</center>
|
||||
<br>
|
||||
<a href="/app"><span>🢀 </span>Return</a>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,73 @@
|
||||
<!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 src="<%= js_path %>" defer></script>
|
||||
<script src="<%= chartjs %>"></script>
|
||||
<script defer>
|
||||
var steps = '<%= steps %>', max_rpm = '<%= max_rpm %>', max_throttle = '<%= max_throttle %>';
|
||||
</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="download" style="cursor: pointer; 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>Add 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"><span>🢀 </span>Return</a>
|
||||
<label id="commit" style="cursor: pointer;"><span>✅ </span>Commit</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about_div">
|
||||
<center><a href="/app/about">About</label></center>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,33 @@
|
||||
<!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 %>">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="control_div">
|
||||
<label
|
||||
style='font-family: "Ubuntu", sans-serif; font-weight: 500; font-style: normal; font-size: 200%;'>Centaurus
|
||||
Racing Team</label>
|
||||
</div>
|
||||
<div class="main_div"
|
||||
style="display: flex; flex-direction: column; justify-content: space-between; font-size: 150%; margin-top: 15px; margin-bottom: 15px;">
|
||||
<div style="display: flex; flex-direction: row; justify-content: space-evenly;">
|
||||
<label><%= page_title %> <%= program %></label>
|
||||
<a href="<%= protocol %>://<%= host %>:<%= port %>/app">Enter</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,70 @@
|
||||
<!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 %>';
|
||||
</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="download" style="cursor: pointer; 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"><span>🢀 </span>Return</a>
|
||||
<label id="commit" style="cursor: pointer;"><span>✅ </span>Commit</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about_div">
|
||||
<center><a href="/app/about">About</label></center>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,39 @@
|
||||
<!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 src="<%= js_path %>" defer></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<input type="file" id="file_input" accept=".db" style="display: none;" />
|
||||
<div class="control_div" style="display: flex; flex-direction: row; justify-content: space-between;">
|
||||
<label style="font-size: 200%;">CRTelemetry SQLite3</label>
|
||||
<div style="display: flex;align-items: center;">
|
||||
<label id="logout" style="cursor: pointer;"><span>🡄 </span>Logout</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_div">
|
||||
<label style="font-size: 150%;">
|
||||
<span>
|
||||
<%- error_emoji %>
|
||||
</span>
|
||||
<%= error_message %>
|
||||
</label>
|
||||
<br>
|
||||
<a href="/app"><span>🢀 </span>Return</a>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,52 @@
|
||||
<!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 src="<%= js_path %>" defer></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<input type="file" id="file_input" accept=".csv" style="display: none;" />
|
||||
<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="add" style="cursor: pointer; margin-right: 10px;"><span>+ </span>Add</label>
|
||||
<label id="upload" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>🡅
|
||||
</span>Upload</label>
|
||||
<label id="logout" style="cursor: pointer; margin-left: 10px;"><span>🡄 </span>Logout</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_div">
|
||||
<center><label>Main</label></center>
|
||||
<table id="sql_table">
|
||||
<tr>
|
||||
<th>Filename</th>
|
||||
<th>Name</th>
|
||||
<th>id</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<%- table_data %>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="about_div">
|
||||
<center><a href="/app/about">About</label></center>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user