mirror of
https://codeberg.org/icewind/ptouch-api.git
synced 2026-06-03 10:54:07 +02:00
some styling
This commit is contained in:
parent
25f9e9b0a1
commit
4c4a9119b3
2 changed files with 50 additions and 5 deletions
12
web/label.js
12
web/label.js
|
|
@ -79,6 +79,7 @@ const addTextElement = () => {
|
|||
|
||||
let textCol = document.createElement('td');
|
||||
textCol.classList.add('text');
|
||||
textCol.colSpan = 2;
|
||||
let textInput = document.createElement('input');
|
||||
textInput.type = "text";
|
||||
textInput.addEventListener('input', render);
|
||||
|
|
@ -114,11 +115,20 @@ const addImageElement = () => {
|
|||
imageCol.classList.add('image');
|
||||
let imageInput = document.createElement('input');
|
||||
imageInput.type = 'file';
|
||||
let imageId = `image-input-${id}`;
|
||||
imageInput.id = imageId;
|
||||
imageInput.addEventListener('change', loadImage);
|
||||
let imageLabel = document.createElement('label');
|
||||
imageLabel.appendChild(document.createTextNode("Browse..."));
|
||||
imageLabel.setAttribute('for', imageId);
|
||||
let thumbCol = document.createElement('td');
|
||||
thumbCol.classList.add('preview');
|
||||
let imageThumb = document.createElement('img');
|
||||
imageCol.appendChild(imageLabel);
|
||||
imageCol.appendChild(imageInput);
|
||||
imageCol.appendChild(imageThumb);
|
||||
thumbCol.appendChild(imageThumb);
|
||||
row.appendChild(imageCol);
|
||||
row.appendChild(thumbCol);
|
||||
|
||||
addElementControls(row);
|
||||
elementsTableBody.appendChild(row);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue