PonyMirrors/philomena
1
0
Fork 0
mirror of https://github.com/philomena-dev/philomena.git synced 2024-11-23 12:08:00 +01:00
Code Issues Projects Releases Packages Wiki Activity

wip

Browse source
This commit is contained in:
Liam 2024-06-02 01:20:28 -04:00
parent 7667aec145
commit 4e3d8ab04e
1 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
assets/js/upload.js
View file

@ -14,6 +14,17 @@ function scrapeUrl(url) {
.then(response => response.json()); .then(response => response.json());
} }
function embeddedImageDimensions(el) {
if (el instanceof HTMLImageElement) {
return [el.naturalWidth, el.naturalWidth];
}
else if (el instanceof HTMLVideoElement) {
return [el.videoWidth, el.videoHeight];
}
throw new Error("invalid type");
}
function elementForEmbeddedImage({ camo_url, type }) { function elementForEmbeddedImage({ camo_url, type }) {
// The upload was fetched from the scraper and is a path name // The upload was fetched from the scraper and is a path name
if (typeof camo_url === 'string') { if (typeof camo_url === 'string') {
@ -46,6 +57,13 @@ function setupImageUpload() {
const imgWrap = makeEl('span', { className: 'scraper-preview--image-wrapper' }); const imgWrap = makeEl('span', { className: 'scraper-preview--image-wrapper' });
imgWrap.appendChild(img); imgWrap.appendChild(img);
const dimensionLabel = makeEl('span', { className: 'hidden' });
img.decode().then(() => {
const [ width, height ] = embeddedImageDimensions(img);
dimensionLabel.textContent = `${width} x ${height}`;
showEl(dimensionLabel);
});
const label = makeEl('label', { className: 'scraper-preview--label' }); const label = makeEl('label', { className: 'scraper-preview--label' });
const radio = makeEl('input', { const radio = makeEl('input', {
type: 'radio', type: 'radio',
@ -60,6 +78,7 @@ function setupImageUpload() {
} }
label.appendChild(radio); label.appendChild(radio);
label.appendChild(imgWrap); label.appendChild(imgWrap);
label.appendChild(dimensionLabel);
imgPreviews.appendChild(label); imgPreviews.appendChild(label);
}); });
} }