Skip to content

Feat/add math channel #97

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
tzebrowski merged 13 commits into from
Jan 22, 2026
Merged

Feat/add math channel #97

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
26d29bb
feat: add math channel
tzebrowski Jan 22, 2026
2e86c77
feat: update css
tzebrowski Jan 22, 2026
ff73954
feat: fix failing tests
tzebrowski Jan 22, 2026
62d993b
feat: disable matchannels when no chart is loaded
tzebrowski Jan 22, 2026
a5b4ea2
feat: add mathchannels test
tzebrowski Jan 22, 2026
1874868
fix: apply stylelint fixes
tzebrowski Jan 22, 2026
231a748
feat: add chaching mechnism to palletemanager
tzebrowski Jan 22, 2026
71e8ca7
feat: css cleanup
tzebrowski Jan 22, 2026
d182d85
feat: fix css formatting
tzebrowski Jan 22, 2026
10a7d73
feat: add rule to calculate power from torque
tzebrowski Jan 22, 2026
d20dfb1
feat: add tests for power calculation
tzebrowski Jan 22, 2026
6f38eb7
feat: seperate signals from math channels and regular signals
tzebrowski Jan 22, 2026
4ed996e
feat: add custom process for match channels
tzebrowski Jan 22, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
99 changes: 84 additions & 15 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -210,30 +210,26 @@ <h3 class="group-header">Log Source</h3>
<div class="source-button-grid">
<button
id="authBtn"
class="source-btn primary"
class="btn btn-danger"
onclick="handleAuth()"
style="flex: 1"
>
<div class="btn-content">
<i class="fab fa-google-drive"></i>
<span>Drive Scan</span>
</div>
<i class="fab fa-google-drive" style="font-size: 1.5em"></i>
<span>Drive Scan</span>
</button>

<button
class="source-btn secondary"
class="btn btn-secondary"
onclick="document.getElementById('fileInput').click()"
style="flex: 1"
>
<div class="btn-content">
<i class="fas fa-file-upload"></i>
<span>Local File</span>
</div>
<i class="fas fa-file-upload" style="font-size: 1.5em"></i>
<span>Local File</span>
</button>

<button class="source-btn outline" onclick="resetZoom()">
<div class="btn-content">
<i class="fas fa-sync-alt"></i>
<span>Reset</span>
</div>
<button class="btn" onclick="resetZoom()" style="flex: 1">
<i class="fas fa-sync-alt" style="font-size: 1.5em"></i>
<span>Reset</span>
</button>
</div>

Expand Down Expand Up @@ -288,6 +284,27 @@ <h3>View Controls</h3>
</div>
</div>

<div class="control-group gray-box">
<h3 class="group-header">Math Channels</h3>

<div style="padding: 5px 0">
<p style="font-size: 0.8em; color: #666; margin: 0 0 10px 0">
Create virtual sensors using formulas (e.g. Boost, HP).
</p>

<button
id="btn-create-math"
class="btn btn-secondary"
onclick="openMathModal()"
style="width: 100%"
disabled
>
<i class="fas fa-calculator"></i>
<span>Create New Channel</span>
</button>
</div>
</div>

<div class="control-group gray-box">
<h3>Anomaly Scanner</h3>
<div style="margin-bottom: 10px">
Expand Down Expand Up @@ -853,6 +870,57 @@ <h2>XY Scatter Analysis</h2>
</div>
</div>
</div>

<div id="mathModal" class="modal-overlay" style="display: none">
<div class="modal-content">
<div class="modal-header">
<h2>Create Math Channel</h2>
<button class="btn-close" onclick="closeMathModal()">×</button>
</div>
<div class="modal-body">
<div class="control-group">
<label>Select Formula:</label>
<select
id="mathFormulaSelect"
class="template-select"
onchange="onMathFormulaChange()"
></select>
</div>
<div
id="mathInputsContainer"
style="
margin-top: 15px;
display: flex;
flex-direction: column;
gap: 10px;
"
></div>
<div class="control-group" style="margin-top: 15px">
<label>New Channel Name:</label>
<input
type="text"
id="mathChannelName"
placeholder="e.g. My Boost Pressure"
style="
width: 100%;
padding: 8px;
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 4px;
"
/>
</div>
</div>
<div
class="modal-footer"
style="padding: 15px; text-align: right; border-top: 1px solid #eee"
>
<button class="btn btn-primary" onclick="createMathChannel()">
Create Channel
</button>
</div>
</div>
</div>
</main>

<div class="footer">
Expand Down Expand Up @@ -892,5 +960,6 @@ <h2>XY Scatter Analysis</h2>
<script type="module" src="./src/xyanalysis.js"></script>
<script type="module" src="./src/bus.js"></script>
<script type="module" src="./src/navigation.js"></script>
<script type="module" src="./src/mathchannels.js"></script>
</body>
</html>
Loading
Loading