Taylor Courage
c336174a23
Bugfixes, including removing elements from the graph when removing entries, and three-decimal formatting our inches. Layout changes, in both code and webpage. Some edits to the print layout to improve printing and readability
73 lines
2.9 KiB
HTML
73 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||
<script src="analyser.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||
<link rel="stylesheet" href="analyser.css" type="text/css" />
|
||
<title id="pageTitle">Wiredraw Setup Analyser</title>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="content">
|
||
<div class="printHeader">
|
||
<p id="vanity">Taylor Courage's</p>
|
||
<h2>Draft Analysis</h2>
|
||
<h4 id="subtitle"></h4>
|
||
</div>
|
||
<div class="header">
|
||
<p id="vanity">Taylor Courage's</p>
|
||
<h1>Setup Analyser</h1>
|
||
<p>Use this tool to visualize the setup of wiredraw machinery</p>
|
||
<p>─</p>
|
||
</div>
|
||
<div class="body" id="body">
|
||
<div id="inputArea">
|
||
<label for="die0">Start: </label>
|
||
<input type="text" id="die0" autocomplete="off" value="0.0" size="4" onchange="doMath()"/>
|
||
<input type="radio" name="units" id="metric" value="mm" checked tabindex=-1 />
|
||
<label for="metric">mm</label>
|
||
<input type="radio" name="units" id="inches" value="in" tabindex=-1 />
|
||
<label for="inches">in</label>
|
||
<p></p>
|
||
<button name="Add Draft" id="addReduction" onclick="addReduction()">Add</button>
|
||
<button name="Remove Draft" id="removeReduction" onclick="removeReduction()">Remove</button>
|
||
<p></p>
|
||
<table id="data">
|
||
<tr style="font-size: 75%;">
|
||
<td><p></p>Draft<p></p></td>
|
||
<td>Exit Dia.</td>
|
||
<td>Angle (2α)</td>
|
||
</tr>
|
||
</table>
|
||
<p></p>
|
||
<button name="Calculate" id="calculateButton" onclick="doMath()">Recalculate</button>
|
||
<button name="Clear" id="clearButton" onclick="clearScreen()">Clear</button>
|
||
<button name="Print" id="printButton" onclick="printScreen()">Print</button>
|
||
<script>addReduction()</script>
|
||
<script>addReduction()</script>
|
||
<p> </p>
|
||
<p></p>
|
||
</div>
|
||
<p><hr id="spacer1" /></p>
|
||
<table class="output" id="output"></table>
|
||
<p><hr id="spacer2" /></p>
|
||
<div id="outputChart"></div>
|
||
<p><hr id="spacer3" /></p>
|
||
<div id="statistics"></div>
|
||
<p></p>
|
||
</div>
|
||
</div>
|
||
<div class="printFooter" align="center">
|
||
<p> </p>
|
||
<p>© 2025 Taylor Courage</p>
|
||
</div>
|
||
<div class="footer" align="center">
|
||
<p> </p>
|
||
<p>© 2025 <a href="http://git.taylorcourage.net/Taylor">Taylor Courage</a></p>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |