Add JSON import and export
This commit is contained in:
+18
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user