Michel2/image2cpp
1
0
Fork 0
mirror of https://github.com/javl/image2cpp.git synced 2026-09-11 09:03:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

move some JS to template instead

Browse Source
This commit is contained in:
javl
2026-08-18 10:37:40 +02:00
parent 63faf1b699
commit 95273b06c7
2 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/script.js
+6 -12
View File
@@ -796,20 +796,17 @@ function handleImageSelection(evt) {
const img = new Image();
img.onload = () => {
const fileInputColumnEntry = document.createElement('div');
fileInputColumnEntry.className = 'file-input-entry';
const fileInputEntryTemplate = document.getElementById('file-input-entry-template');
const fileInputEntryFragment = fileInputEntryTemplate.content.cloneNode(true);
const fileInputColumnEntry = fileInputEntryFragment.querySelector('.file-input-entry');
const fileInputColumnEntryThumb = document.createElement('img');
fileInputColumnEntryThumb.className = 'image-size-thumb';
const fileInputColumnEntryThumb = fileInputColumnEntry.querySelector('.image-size-thumb');
fileInputColumnEntryThumb.src = img.src;
fileInputColumnEntryThumb.alt = file.name;
const fileInputColumnEntryLabel = document.createElement('span');
fileInputColumnEntryLabel.textContent = file.name;
fileInputColumnEntry.querySelector('.js-label').textContent = file.name;
const fileInputColumnEntryRemoveButton = document.createElement('button');
fileInputColumnEntryRemoveButton.className = 'remove-button';
fileInputColumnEntryRemoveButton.innerHTML = 'remove image';
const fileInputColumnEntryRemoveButton = fileInputColumnEntry.querySelector('.js-remove');
const canvas = document.createElement('canvas');
@@ -876,9 +873,6 @@ function handleImageSelection(evt) {
fileInputColumnEntryRemoveButton.onclick = removeButtonOnClick;
fileInputColumnEntry.appendChild(fileInputColumnEntryThumb);
fileInputColumnEntry.appendChild(fileInputColumnEntryLabel);
fileInputColumnEntry.appendChild(fileInputColumnEntryRemoveButton);
fileInputColumn.appendChild(fileInputColumnEntry);
imageSizeSettings.appendChild(imageEntry);