Add JSON import and export

This commit is contained in:
Jan Bader
2026-06-16 15:12:12 +02:00
parent 690faf6c57
commit 02e63d10dd
4 changed files with 156 additions and 2 deletions
+18
View File
@@ -47,6 +47,24 @@
<button id="resetBuild" type="button" class="secondary">Reset current build</button>
</section>
<section class="card import-export" aria-labelledby="import-export-heading">
<div>
<h2 id="import-export-heading">Import / Export</h2>
<p>Back up or share the current build as JSON. Paste JSON directly or upload a saved file to import.</p>
</div>
<div class="io-actions">
<button id="copyExport" type="button">Generate / Copy JSON</button>
<button id="downloadExport" type="button" class="secondary">Download JSON</button>
<label class="file-button secondary">
Upload JSON
<input id="importFile" type="file" accept="application/json,.json" />
</label>
<button id="importJson" type="button">Import pasted JSON</button>
</div>
<textarea id="jsonTransfer" rows="8" spellcheck="false" placeholder="Generated export JSON appears here. You can also paste JSON here and click Import pasted JSON."></textarea>
<p id="importExportStatus" class="status" role="status"></p>
</section>
<section class="summary-grid" aria-label="Build summary">
<article class="metric"><span>Total damage base</span><strong id="totalDamage">0</strong></article>
<article class="metric"><span>Total health base</span><strong id="totalHealth">0</strong></article>