Initial commit

2025-05-29 12:33:41 +03:00
commit 5d994126cb
19 changed files with 4618 additions and 0 deletions
@@ -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>&#129095;
+                </span>Download</label>
+            <label id="remove" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>&#45;
+                </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>&#129152; </span>Return</a>
+            <label id="commit" style="cursor: pointer;"><span>&#9989; </span>Commit</label>
+        </div>
+    </div>
+    <div class="about_div">
+        <center><a href="/app/about">About</label></center>
+    </div>
+</body>
+
+</html>