Gleipnir/nidus-sync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Wire up button click on photo input

Browse source
This commit is contained in:
Eli Ribble 2026-01-30 22:39:43 +00:00
parent 74717ef48c
commit dc77d56573
No known key found for this signature in database
1 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
html/static/js/photo-upload.js
View file

@ -75,7 +75,7 @@ class PhotoUpload extends HTMLElement {
</svg>
<div class="file-upload-container" id="photoDropArea">
<input type="file" id="photos" name="photos" class="d-none" accept="image/*" multiple>
<button type="button" class="btn btn-outline-primary mb-2" onclick="document.getElementById('photos').click()">Add Photos</button>
<button type="button" class="btn btn-outline-primary mb-2" onclick="this.getRootNode().handleButtonClick()">Add Photos</button>
</div>
<small class="d-block text-muted">Take pictures of the mosquito problem area</small>
@ -88,6 +88,10 @@ class PhotoUpload extends HTMLElement {
// Set the shadow DOM content
this.shadowRoot.innerHTML = style + html;
this.shadowRoot.handleButtonClick = () => {
const photoInput = this.shadowRoot.querySelector('#photos');
photoInput.click();
};
}
/**
* Handle photo selection and preview