imgfloat/server
1
0
Fork 0
mirror of https://github.com/imgfloat/server.git synced 2026-02-05 11:49:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve layout for settings

Browse Source
This commit is contained in:
Andreas Krühlmann
2025-12-10 22:50:51 +01:00
parent 19ea0db2ad
commit 06c597f15c
3 changed files with 176 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/main/resources/static/js/admin.js
View File

@@ -51,6 +51,7 @@ const fileNameLabel = document.getElementById('asset-file-name');
const assetInspector = document.getElementById('asset-inspector');
const selectedAssetName = document.getElementById('selected-asset-name');
const selectedAssetMeta = document.getElementById('selected-asset-meta');
const selectedAssetResolution = document.getElementById('selected-asset-resolution');
const selectedAssetIdLabel = document.getElementById('selected-asset-id');
const selectedAssetBadges = document.getElementById('selected-asset-badges');
const selectedVisibilityBtn = document.getElementById('selected-asset-visibility');
@@ -1471,11 +1472,19 @@ function updateSelectedAssetSummary(asset) {
selectedAssetName.textContent = asset ? (asset.name || `Asset ${asset.id.slice(0, 6)}`) : 'Choose an asset';
}
if (selectedAssetMeta) {
const baseMeta = asset ? `${Math.round(asset.width)}x${Math.round(asset.height)}` : null;
selectedAssetMeta.textContent = asset
? `${baseMeta}`
? getDisplayMediaType(asset)
: 'Pick an asset in the list to adjust its placement and playback.';
}
if (selectedAssetResolution) {
if (asset) {
selectedAssetResolution.textContent = `${Math.round(asset.width)}×${Math.round(asset.height)}`;
selectedAssetResolution.classList.remove('hidden');
} else {
selectedAssetResolution.textContent = '';
selectedAssetResolution.classList.add('hidden');
}
}
if (selectedAssetIdLabel) {
if (asset) {
selectedAssetIdLabel.textContent = `ID: ${asset.id}`;