feat: replace 'Try another photo' with 'Upload image' button for mobile support
This commit is contained in:
+16
-1
@@ -576,7 +576,9 @@
|
|||||||
<div class="canvas-tap-hint" id="tap-hint" style="display:none;">Tap any field on the card to edit it</div>
|
<div class="canvas-tap-hint" id="tap-hint" style="display:none;">Tap any field on the card to edit it</div>
|
||||||
<div class="actions" id="card-actions" style="display:none;">
|
<div class="actions" id="card-actions" style="display:none;">
|
||||||
<button class="btn-primary" id="download-btn">⬇ Download card</button>
|
<button class="btn-primary" id="download-btn">⬇ Download card</button>
|
||||||
<button class="btn-secondary" id="reset-btn">Try another photo</button>
|
<button class="btn-secondary" id="upload-btn">⬆ Upload image</button>
|
||||||
|
<input type="file" id="upload-any-input" accept="image/*,.cr2,.cr3,.tif,.tiff,.fit,.fits" style="display:none;">
|
||||||
|
<button class="btn-secondary" id="reset-btn" style="display:none;">Try another photo</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="edit-panel" class="edit-panel" style="display:none;">
|
<div id="edit-panel" class="edit-panel" style="display:none;">
|
||||||
<h3>Edit / Fill in specs</h3>
|
<h3>Edit / Fill in specs</h3>
|
||||||
@@ -683,6 +685,8 @@ const canvasWrapper = document.getElementById('canvas-wrapper');
|
|||||||
const canvas = document.getElementById('preview-canvas');
|
const canvas = document.getElementById('preview-canvas');
|
||||||
const ctx = canvas.getContext('2d');
|
const ctx = canvas.getContext('2d');
|
||||||
const downloadBtn = document.getElementById('download-btn');
|
const downloadBtn = document.getElementById('download-btn');
|
||||||
|
const uploadBtn = document.getElementById('upload-btn');
|
||||||
|
const uploadAnyInput = document.getElementById('upload-any-input');
|
||||||
const resetBtn = document.getElementById('reset-btn');
|
const resetBtn = document.getElementById('reset-btn');
|
||||||
const statusContainer = document.getElementById('status-container');
|
const statusContainer = document.getElementById('status-container');
|
||||||
const cardActions = document.getElementById('card-actions');
|
const cardActions = document.getElementById('card-actions');
|
||||||
@@ -842,6 +846,17 @@ resetBtn.addEventListener('click', () => {
|
|||||||
Object.values(editFields).forEach(f => { f.value = ''; f.classList.remove('has-value'); });
|
Object.values(editFields).forEach(f => { f.value = ''; f.classList.remove('has-value'); });
|
||||||
});
|
});
|
||||||
|
|
||||||
|
uploadBtn.addEventListener('click', () => {
|
||||||
|
uploadAnyInput.value = '';
|
||||||
|
uploadAnyInput.click();
|
||||||
|
});
|
||||||
|
|
||||||
|
uploadAnyInput.addEventListener('change', e => {
|
||||||
|
const file = e.target.files[0];
|
||||||
|
if (file) processFile(file);
|
||||||
|
uploadAnyInput.value = '';
|
||||||
|
});
|
||||||
|
|
||||||
regenerateBtn.addEventListener('click', () => {
|
regenerateBtn.addEventListener('click', () => {
|
||||||
if (!currentImg) return;
|
if (!currentImg) return;
|
||||||
const meta = readEditFields();
|
const meta = readEditFields();
|
||||||
|
|||||||
Reference in New Issue
Block a user