iot/spore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improve firmware upload section

Browse Source
This commit is contained in:
0x1d
2025-08-26 17:34:05 +02:00
parent 0e7f241c90
commit e23b40e0cb
3 changed files with 146 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
public/index.html
View File

@@ -69,8 +69,24 @@
<div class="action-group">
<h3>🚀 Firmware Update</h3>
<div class="firmware-upload-compact">
<div class="upload-target-row">
<div class="upload-section">
<div class="compact-upload-row">
<div class="file-upload-area">
<div class="target-options">
<label class="target-option">
<input type="radio" name="target-type" value="all" checked>
<span class="radio-custom"></span>
<span class="target-label">All Nodes</span>
</label>
<label class="target-option specific-node-option">
<input type="radio" name="target-type" value="specific">
<span class="radio-custom"></span>
<span class="target-label">Specific Node</span>
<select id="specific-node-select" class="node-select">
<option value="">Select a node...</option>
</select>
</label>
</div>
<div class="file-input-wrapper">
<input type="file" id="global-firmware-file" accept=".bin,.hex" style="display: none;">
<button class="upload-btn-compact" onclick="document.getElementById('global-firmware-file').click()">
@@ -80,28 +96,10 @@
</div>
</div>
<div class="target-section">
<div class="target-options">
<label class="target-option">
<input type="radio" name="target-type" value="all" checked>
<span class="radio-custom"></span>
<span class="target-label">All Nodes</span>
</label>
<label class="target-option">
<input type="radio" name="target-type" value="specific">
<span class="radio-custom"></span>
<span class="target-label">Specific Node</span>
</label>
</div>
<select id="specific-node-select" class="node-select" style="display: none;">
<option value="">Select a node...</option>
</select>
</div>
<button class="deploy-btn" id="deploy-btn" disabled>
🚀 Deploy
</button>
</div>
<button class="deploy-btn" id="deploy-btn" disabled>
🚀 Deploy Firmware
</button>
</div>
</div>
</div>