allen/ADS-Bit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

Add download buttons for sprites and theme backgrounds

Browse Source 
Allow users to download existing sprite and background assets from the
admin panel, useful for editing externally and re-uploading or backing
up customizations.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
root
2026-06-08 11:47:20 -07:00
parent 9f341a5b14
commit 7af9789db7
2 changed files with 29 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/admin.css
+7
View File
@@ -472,6 +472,13 @@ textarea {
display: none;
}
.sprite-btn-row {
display: flex;
gap: 6px;
justify-content: center;
flex-wrap: wrap;
}
/* Theme Management */
.theme-info {
background: rgba(0, 0, 0, 0.3);
admin/admin.js
+22 -9
View File
@@ -379,15 +379,21 @@
const imgHtml = hasImage
? `<img src="/backgrounds/${theme.id}/${dir}.png?v=${cacheBust}" alt="${dir}">`
: `<span class="no-sprite">No image</span>`;
const downloadLink = hasImage
? `<a href="/backgrounds/${theme.id}/${dir}.png" download="${theme.id}_${dir}.png" class="sprite-upload-label">DOWNLOAD</a>`
: '';
directionsHtml += `
<div class="theme-dir-cell">
<div class="theme-dir-label">${dir.toUpperCase()}</div>
<div class="theme-dir-preview">${imgHtml}</div>
<label class="sprite-upload-label">
UPLOAD
<input type="file" class="theme-upload-input" accept=".png,image/png"
data-theme="${theme.id}" data-direction="${dir}">
</label>
<div class="sprite-btn-row">
<label class="sprite-upload-label">
UPLOAD
<input type="file" class="theme-upload-input" accept=".png,image/png"
data-theme="${theme.id}" data-direction="${dir}">
</label>
${downloadLink}
</div>
</div>
`;
});
@@ -507,14 +513,21 @@
? `<img src="${sprite.url}?v=${cacheBust}" alt="${sprite.type}">`
: `<span class="no-sprite">No sprite</span>`;
const downloadHtml = sprite.exists
? `<a href="${sprite.url}" download="${sprite.type}.png" class="sprite-upload-label">DOWNLOAD</a>`
: '';
card.innerHTML = `
<h4>${sprite.type}</h4>
<div class="sprite-categories">${sprite.categories || ''}</div>
<div class="sprite-preview">${imgHtml}</div>
<label class="sprite-upload-label">
UPLOAD
<input type="file" class="sprite-upload-input" accept=".png,image/png" data-type="${sprite.type}">
</label>
<div class="sprite-btn-row">
<label class="sprite-upload-label">
UPLOAD
<input type="file" class="sprite-upload-input" accept=".png,image/png" data-type="${sprite.type}">
</label>
${downloadHtml}
</div>
`;
const fileInput = card.querySelector('.sprite-upload-input');