Several quality improvements including top and bottom bus bar, seperate downloads for bus bars and a sharable configuration link
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
35
index.html
35
index.html
@@ -17,7 +17,10 @@
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<h1>Cell Holder Generator</h1>
|
||||
<div class="header-row">
|
||||
<h1>Cell Holder Generator</h1>
|
||||
<p class="repo-credit">Forked from <a href="https://github.com/waak86/battery-builder" target="_blank" rel="noopener noreferrer">waak's Battery Builder</a> <br>Huge thanks to <a href="https://t.me/waak86" target="_blank" rel="noopener noreferrer">waak</a> for the original project. </p>
|
||||
</div>
|
||||
<p class="subtitle">Generate custom 3D printable cell holders with STEP export</p>
|
||||
|
||||
<div class="main-layout">
|
||||
@@ -170,17 +173,43 @@
|
||||
</select>
|
||||
<span class="field-hint">STEP exports a 3D solid for CAD or 3D printing. DXF exports a flat 2D outline for laser or plasma cutters.</span>
|
||||
</div>
|
||||
<div class="busbar-controls-row">
|
||||
<div class="busbar-face-filter" role="group" aria-label="Face filter">
|
||||
<button type="button" class="face-filter-btn active" data-filter="both">Top & Bottom</button>
|
||||
<button type="button" class="face-filter-btn" data-filter="top">Top only</button>
|
||||
</div>
|
||||
<div class="busbar-controls-right">
|
||||
<button type="button" class="btn-ghost btn-dl-all" id="downloadAllBusbarsBtn" title="Download all busbars as a ZIP file">
|
||||
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v13M7 11l5 5 5-5"/><path d="M4 20h16"/></svg>
|
||||
ZIP all
|
||||
</button>
|
||||
<button type="button" class="btn-ghost btn-clear-markings" id="clearMarkingsBtn" title="Remove all cell assignments without deleting busbars">Clear</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="busbarList"></div>
|
||||
<button class="btn-secondary" id="addBusbarBtn">+ Add Busbar</button>
|
||||
<div class="busbar-add-row">
|
||||
<button class="btn-secondary" id="addTopBusbarBtn">+ Top Busbar</button>
|
||||
<button class="btn-secondary" id="addBottomBusbarBtn">+ Bottom Busbar</button>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<button class="btn" id="generateBtn">Generate 3D Model</button>
|
||||
<button class="btn-secondary" id="copyShareUrlBtn" type="button">Copy Share URL</button>
|
||||
</div>
|
||||
|
||||
<div class="preview-container">
|
||||
<h2>Preview</h2>
|
||||
<canvas id="preview"></canvas>
|
||||
<div class="previews-row">
|
||||
<div class="preview-face-wrap">
|
||||
<div class="face-label" id="topFaceLabel">Top</div>
|
||||
<canvas id="preview"></canvas>
|
||||
</div>
|
||||
<div class="preview-face-wrap" id="bottomFaceWrap">
|
||||
<div class="face-label" id="bottomFaceLabel">Bottom</div>
|
||||
<canvas id="preview-bottom"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div id="previewStats">Configure settings and click Generate to see preview</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user