PrintVault: full native rewrite — local storage, MariaDB, Three.js viewer
Deploy HouseHub / deploy (push) Successful in 1s
Deploy HouseHub / deploy (push) Successful in 1s
- All files stored in HouseHub (/uploads/printvault/), zero dependency on external service - PHP parsers: binary/ascii STL (dimensions + volume), 3MF (XML bounding box), GCode metadata - Three.js viewer (STL + 3MF) in printvault-viewer.php with importmap CDN · OrbitControls, metallic material, environment lighting, grid floor · Screenshot button saves thumbnail back to HouseHub - printvault.php: model grid + upload drag&drop + detail modal + edit modal - API: models CRUD, categories, file serve (inline for viewer), thumb save - pf_pv_models + pf_pv_categories tables added to schema Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
perco
co-authored by
Claude Sonnet 4.6
Claude Sonnet 4.6
parent
7272772c9f
commit
99e135ec74
@@ -1,32 +1,25 @@
|
||||
// HouseHub — PrintVault module
|
||||
// HouseHub — PrintVault module (local storage)
|
||||
const API = '/modules/printvault/api.php';
|
||||
const PV_BASE = 'https://printvault.nas.percolouco.com';
|
||||
|
||||
function escHtml(s) { const d = document.createElement('div'); d.textContent = String(s ?? ''); return d.innerHTML; }
|
||||
function fmtSize(b) { if (!b) return '—'; if (b > 1048576) return (b / 1048576).toFixed(1) + ' Mo'; return Math.round(b / 1024) + ' Ko'; }
|
||||
function fmtDate(s) { if (!s) return '—'; return new Date(s).toLocaleDateString('fr-FR', { day: '2-digit', month: '2-digit', year: 'numeric' }); }
|
||||
function fmtSize(b) { if (!b) return '—'; return b > 1048576 ? (b/1048576).toFixed(1)+' Mo' : Math.round(b/1024)+' Ko'; }
|
||||
function fmtDate(s) { if (!s) return '—'; return new Date(s).toLocaleDateString('fr-FR',{day:'2-digit',month:'2-digit',year:'numeric'}); }
|
||||
|
||||
function toast(msg, type = 'success') {
|
||||
function toast(msg, type='success') {
|
||||
const c = document.getElementById('pv-toasts');
|
||||
const t = document.createElement('div');
|
||||
t.className = 'pv-toast' + (type === 'error' ? ' error' : '');
|
||||
t.textContent = msg;
|
||||
c.appendChild(t);
|
||||
t.className = 'pv-toast' + (type==='error' ? ' error' : '');
|
||||
t.textContent = msg; c.appendChild(t);
|
||||
setTimeout(() => t.remove(), 3500);
|
||||
}
|
||||
|
||||
async function api(action, method = 'GET', data = null, extra = '') {
|
||||
const opts = { method, credentials: 'same-origin', headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } };
|
||||
if (data && !(data instanceof FormData)) {
|
||||
opts.headers['Content-Type'] = 'application/json';
|
||||
opts.body = JSON.stringify(data);
|
||||
} else if (data instanceof FormData) {
|
||||
opts.body = data;
|
||||
}
|
||||
const r = await fetch(API + '?action=' + action + extra, opts);
|
||||
async function api(action, method='GET', data=null, extra='') {
|
||||
const opts = {method, credentials:'same-origin', headers:{'Accept':'application/json','X-Requested-With':'XMLHttpRequest'}};
|
||||
if (data && !(data instanceof FormData)) { opts.headers['Content-Type']='application/json'; opts.body=JSON.stringify(data); }
|
||||
else if (data instanceof FormData) opts.body = data;
|
||||
const r = await fetch(API+'?action='+action+extra, opts);
|
||||
const text = await r.text();
|
||||
let j;
|
||||
try { j = JSON.parse(text); } catch (e) { console.error('Bad JSON:', text.slice(0, 300)); throw new Error('Erreur serveur'); }
|
||||
let j; try { j = JSON.parse(text); } catch(e) { console.error('Bad JSON:', text.slice(0,300)); throw new Error('Erreur serveur'); }
|
||||
if (!j.ok) throw new Error(j.error || 'Erreur');
|
||||
return j.data;
|
||||
}
|
||||
@@ -40,54 +33,39 @@ let categories = [];
|
||||
|
||||
// ─── Init ─────────────────────────────────────────────────────────────────────
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
loadSidebar();
|
||||
loadModels();
|
||||
loadAll();
|
||||
document.getElementById('pv-search')?.addEventListener('input', e => { searchQuery = e.target.value.trim(); renderModels(); });
|
||||
document.querySelectorAll('.pv-modal-backdrop').forEach(m => m.addEventListener('click', e => { if (e.target===m) m.classList.remove('show'); }));
|
||||
|
||||
document.getElementById('pv-search')?.addEventListener('input', e => {
|
||||
searchQuery = e.target.value.trim();
|
||||
renderModels();
|
||||
});
|
||||
|
||||
document.querySelectorAll('.pv-modal-backdrop').forEach(m =>
|
||||
m.addEventListener('click', e => { if (e.target === m) m.classList.remove('show'); })
|
||||
);
|
||||
|
||||
// Upload drop zone
|
||||
const dz = document.getElementById('pv-drop-zone');
|
||||
if (dz) {
|
||||
dz.addEventListener('dragover', e => { e.preventDefault(); dz.classList.add('over'); });
|
||||
dz.addEventListener('dragleave', () => dz.classList.remove('over'));
|
||||
dz.addEventListener('drop', e => {
|
||||
e.preventDefault(); dz.classList.remove('over');
|
||||
const f = e.dataTransfer.files[0];
|
||||
if (f) setUploadFile(f);
|
||||
});
|
||||
dz.addEventListener('drop', e => { e.preventDefault(); dz.classList.remove('over'); if (e.dataTransfer.files[0]) setUploadFile(e.dataTransfer.files[0]); });
|
||||
dz.addEventListener('click', () => document.getElementById('pv-file-input').click());
|
||||
document.getElementById('pv-file-input').addEventListener('change', e => {
|
||||
if (e.target.files[0]) setUploadFile(e.target.files[0]);
|
||||
});
|
||||
document.getElementById('pv-file-input').addEventListener('change', e => { if (e.target.files[0]) setUploadFile(e.target.files[0]); });
|
||||
}
|
||||
});
|
||||
|
||||
// ─── Sidebar ──────────────────────────────────────────────────────────────────
|
||||
async function loadSidebar() {
|
||||
async function loadAll() {
|
||||
try {
|
||||
const data = await api('categories');
|
||||
categories = data.categories || [];
|
||||
renderSidebar();
|
||||
} catch (e) { console.error(e); }
|
||||
const [cats] = await Promise.all([api('categories')]);
|
||||
categories = cats;
|
||||
await loadModels();
|
||||
} catch(e) { toast(e.message, 'error'); }
|
||||
}
|
||||
|
||||
// ─── Sidebar ──────────────────────────────────────────────────────────────────
|
||||
function renderSidebar() {
|
||||
const el = document.getElementById('pv-sidebar-nav');
|
||||
let html = `
|
||||
<div class="pv-nav-section">Catégories</div>
|
||||
<div class="pv-nav-item${currentCategory === null ? ' active' : ''}" onclick="setCategory(null)">
|
||||
<div class="pv-nav-item${currentCategory===null?' active':''}" onclick="setCategory(null)">
|
||||
🗂 Toutes <span class="pv-nav-badge">${allModels.length}</span>
|
||||
</div>`;
|
||||
categories.forEach(c => {
|
||||
const count = allModels.filter(m => m.category === c.name).length;
|
||||
html += `<div class="pv-nav-item${currentCategory === c.name ? ' active' : ''}" onclick="setCategory('${escHtml(c.name)}')">
|
||||
html += `<div class="pv-nav-item${currentCategory===c.name?' active':''}" onclick="setCategory('${escHtml(c.name).replace(/'/g,"\\'")}')">
|
||||
<span class="pv-cat-dot" style="background:${escHtml(c.color)}"></span>
|
||||
<span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${escHtml(c.name)}</span>
|
||||
<span class="pv-nav-badge">${count}</span>
|
||||
@@ -96,29 +74,20 @@ function renderSidebar() {
|
||||
el.innerHTML = html;
|
||||
}
|
||||
|
||||
function setCategory(cat) {
|
||||
currentCategory = cat;
|
||||
renderSidebar();
|
||||
renderModels();
|
||||
}
|
||||
|
||||
function setCategory(cat) { currentCategory = cat; renderSidebar(); renderModels(); }
|
||||
function setType(type) {
|
||||
currentType = currentType === type ? null : type;
|
||||
document.querySelectorAll('.pv-chip').forEach(c => {
|
||||
c.classList.toggle('active', c.dataset.type === currentType);
|
||||
});
|
||||
document.querySelectorAll('.pv-chip').forEach(c => c.classList.toggle('active', c.dataset.type === currentType));
|
||||
renderModels();
|
||||
}
|
||||
|
||||
// ─── Models ───────────────────────────────────────────────────────────────────
|
||||
async function loadModels() {
|
||||
try {
|
||||
const data = await api('models');
|
||||
allModels = data.models || [];
|
||||
allModels = await api('models');
|
||||
renderSidebar();
|
||||
renderModels();
|
||||
updateHeader();
|
||||
} catch (e) { toast(e.message, 'error'); }
|
||||
} catch(e) { toast(e.message, 'error'); }
|
||||
}
|
||||
|
||||
function filterModels() {
|
||||
@@ -131,9 +100,7 @@ function filterModels() {
|
||||
}
|
||||
if (searchQuery) {
|
||||
const q = searchQuery.toLowerCase();
|
||||
if (!m.name.toLowerCase().includes(q) &&
|
||||
!(m.description || '').toLowerCase().includes(q) &&
|
||||
!(m.tags || '').toLowerCase().includes(q)) return false;
|
||||
if (!m.name.toLowerCase().includes(q) && !(m.description||'').toLowerCase().includes(q) && !(m.tags||'').toLowerCase().includes(q)) return false;
|
||||
}
|
||||
return true;
|
||||
});
|
||||
@@ -142,28 +109,25 @@ function filterModels() {
|
||||
function renderModels() {
|
||||
const el = document.getElementById('pv-grid');
|
||||
const filtered = filterModels();
|
||||
|
||||
document.getElementById('pv-subtitle').textContent = filtered.length + ' modèle' + (filtered.length > 1 ? 's' : '');
|
||||
if (!filtered.length) {
|
||||
el.innerHTML = `<div class="pv-empty" style="grid-column:1/-1"><div class="icon">🖨️</div><p>Aucun modèle trouvé.</p></div>`;
|
||||
updateHeader(0);
|
||||
el.innerHTML = `<div class="pv-empty" style="grid-column:1/-1"><div class="icon">🖨️</div><p>${allModels.length ? 'Aucun modèle dans ce filtre.' : 'Aucun modèle. Uploadez votre premier fichier !'}</p></div>`;
|
||||
return;
|
||||
}
|
||||
|
||||
el.innerHTML = filtered.map(m => modelCardHtml(m)).join('');
|
||||
updateHeader(filtered.length);
|
||||
el.innerHTML = filtered.map(m => cardHtml(m)).join('');
|
||||
}
|
||||
|
||||
function modelCardHtml(m) {
|
||||
const typeIcon = {stl:'🟣','3mf':'🔵',gcode:'🟢',g:'🟢',gco:'🟢'};
|
||||
|
||||
function cardHtml(m) {
|
||||
const ext = m.file_type.toLowerCase();
|
||||
const typeIcon = { stl: '🟣', '3mf': '🔵', gcode: '🟢', g: '🟢', gco: '🟢' }[ext] || '📄';
|
||||
const thumbSrc = m.thumb_filename ? `${PV_BASE}/thumbs/${m.thumb_filename}` : null;
|
||||
const thumbHtml = thumbSrc
|
||||
? `<img src="${escHtml(thumbSrc)}" alt="" loading="lazy" onerror="this.parentNode.innerHTML='${typeIcon}'">`
|
||||
: typeIcon;
|
||||
|
||||
const dims = m.dim_x > 0 ? `${Math.round(m.dim_x)}×${Math.round(m.dim_y)}×${Math.round(m.dim_z)} mm` : '';
|
||||
const gcodeInfo = m.gcode_print_time ? m.gcode_print_time : '';
|
||||
|
||||
const icon = typeIcon[ext] || '📄';
|
||||
const thumbUrl = m.thumb ? `/uploads/printvault/thumbs/${encodeURIComponent(m.thumb)}` : null;
|
||||
const thumbHtml = thumbUrl
|
||||
? `<img src="${escHtml(thumbUrl)}" alt="" loading="lazy" onerror="this.parentNode.innerHTML='${icon}'">`
|
||||
: icon;
|
||||
const dims = m.dim_x > 0 ? `${Math.round(m.dim_x)}×${Math.round(m.dim_y)}×${Math.round(m.dim_z)}mm` : '';
|
||||
const gcInfo = m.gcode_time || '';
|
||||
return `<div class="pv-card" onclick="openDetail(${m.id})">
|
||||
<div class="pv-card-thumb">${thumbHtml}</div>
|
||||
<div class="pv-card-body">
|
||||
@@ -171,69 +135,100 @@ function modelCardHtml(m) {
|
||||
<div class="pv-card-meta">
|
||||
<span class="pv-type-badge pv-type-${escHtml(ext)}">${escHtml(m.file_type.toUpperCase())}</span>
|
||||
${dims ? `<span>${escHtml(dims)}</span>` : ''}
|
||||
${gcodeInfo ? `<span>⏱ ${escHtml(gcodeInfo)}</span>` : ''}
|
||||
${gcInfo ? `<span>⏱ ${escHtml(gcInfo)}</span>` : ''}
|
||||
<span style="margin-left:auto">${escHtml(fmtSize(m.file_size))}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
function updateHeader(count) {
|
||||
const el = document.getElementById('pv-subtitle');
|
||||
if (!el) return;
|
||||
const total = count !== undefined ? count : filterModels().length;
|
||||
el.textContent = total + ' modèle' + (total > 1 ? 's' : '');
|
||||
}
|
||||
// ─── Detail panel ─────────────────────────────────────────────────────────────
|
||||
let currentDetailId = null;
|
||||
|
||||
// ─── Detail modal ─────────────────────────────────────────────────────────────
|
||||
function openDetail(id) {
|
||||
const m = allModels.find(x => x.id === id);
|
||||
if (!m) return;
|
||||
currentDetailId = id;
|
||||
const ext = m.file_type.toLowerCase();
|
||||
const thumbSrc = m.thumb_filename ? `${PV_BASE}/thumbs/${m.thumb_filename}` : null;
|
||||
const typeIcon = { stl: '🟣', '3mf': '🔵', gcode: '🟢', g: '🟢', gco: '🟢' }[ext] || '📄';
|
||||
const canView = ['stl','3mf'].includes(ext);
|
||||
const isGcode = ['gcode','gco','g'].includes(ext);
|
||||
const icon = typeIcon[ext] || '📄';
|
||||
const thumbUrl = m.thumb ? `/uploads/printvault/thumbs/${encodeURIComponent(m.thumb)}` : null;
|
||||
|
||||
document.getElementById('pv-detail-body').innerHTML = `
|
||||
<div class="pv-detail-thumb">
|
||||
${thumbSrc ? `<img src="${escHtml(thumbSrc)}" alt="">` : typeIcon}
|
||||
${thumbUrl ? `<img src="${escHtml(thumbUrl)}" alt="">` : icon}
|
||||
</div>
|
||||
<div style="font-size:1rem;font-weight:700;color:var(--text-main)">${escHtml(m.name)}</div>
|
||||
${m.description ? `<div style="font-size:.85rem;color:var(--text-muted)">${escHtml(m.description)}</div>` : ''}
|
||||
${m.tags ? `<div style="display:flex;gap:.3rem;flex-wrap:wrap">${m.tags.split(',').filter(Boolean).map(t => `<span style="font-size:.72rem;background:var(--bg-page);border:1px solid var(--border-light);padding:.1rem .45rem;border-radius:999px;color:var(--text-muted)">${escHtml(t.trim())}</span>`).join('')}</div>` : ''}
|
||||
${m.tags ? `<div style="display:flex;gap:.3rem;flex-wrap:wrap">${m.tags.split(',').filter(Boolean).map(t=>`<span style="font-size:.72rem;background:var(--bg-page);border:1px solid var(--border-light);padding:.1rem .45rem;border-radius:999px;color:var(--text-muted)">${escHtml(t.trim())}</span>`).join('')}</div>` : ''}
|
||||
<div class="pv-detail-grid">
|
||||
<div class="pv-detail-item"><span class="pv-detail-label">Type</span><span class="pv-detail-value"><span class="pv-type-badge pv-type-${escHtml(ext)}">${escHtml(m.file_type.toUpperCase())}</span></span></div>
|
||||
<div class="pv-detail-item"><span class="pv-detail-label">Catégorie</span><span class="pv-detail-value">${escHtml(m.category)}</span></div>
|
||||
<div class="pv-detail-item"><span class="pv-detail-label">Taille</span><span class="pv-detail-value">${escHtml(fmtSize(m.file_size))}</span></div>
|
||||
<div class="pv-detail-item"><span class="pv-detail-label">Ajouté le</span><span class="pv-detail-value">${escHtml(fmtDate(m.created_at))}</span></div>
|
||||
${m.dim_x > 0 ? `<div class="pv-detail-item"><span class="pv-detail-label">Dimensions</span><span class="pv-detail-value">${Math.round(m.dim_x)}×${Math.round(m.dim_y)}×${Math.round(m.dim_z)} mm</span></div>` : ''}
|
||||
${m.volume > 0 ? `<div class="pv-detail-item"><span class="pv-detail-label">Volume</span><span class="pv-detail-value">${m.volume.toFixed(2)} cm³</span></div>` : ''}
|
||||
${isGcode && m.gcode_print_time ? `<div class="pv-detail-item"><span class="pv-detail-label">Temps impression</span><span class="pv-detail-value">${escHtml(m.gcode_print_time)}</span></div>` : ''}
|
||||
${m.dim_x > 0 ? `<div class="pv-detail-item" style="grid-column:1/-1"><span class="pv-detail-label">Dimensions</span><span class="pv-detail-value">${Math.round(m.dim_x)}×${Math.round(m.dim_y)}×${Math.round(m.dim_z)} mm${m.volume > 0 ? ' · '+m.volume+' cm³' : ''}</span></div>` : ''}
|
||||
${isGcode && m.gcode_time ? `<div class="pv-detail-item"><span class="pv-detail-label">Temps</span><span class="pv-detail-value">${escHtml(m.gcode_time)}</span></div>` : ''}
|
||||
${isGcode && m.gcode_filament ? `<div class="pv-detail-item"><span class="pv-detail-label">Filament</span><span class="pv-detail-value">${escHtml(m.gcode_filament)}</span></div>` : ''}
|
||||
${isGcode && m.gcode_nozzle_temp ? `<div class="pv-detail-item"><span class="pv-detail-label">Buse</span><span class="pv-detail-value">${escHtml(m.gcode_nozzle_temp)}</span></div>` : ''}
|
||||
${isGcode && m.gcode_bed_temp ? `<div class="pv-detail-item"><span class="pv-detail-label">Plateau</span><span class="pv-detail-value">${escHtml(m.gcode_bed_temp)}</span></div>` : ''}
|
||||
${isGcode && m.gcode_nozzle ? `<div class="pv-detail-item"><span class="pv-detail-label">Buse</span><span class="pv-detail-value">${escHtml(m.gcode_nozzle)}</span></div>` : ''}
|
||||
${isGcode && m.gcode_bed ? `<div class="pv-detail-item"><span class="pv-detail-label">Plateau</span><span class="pv-detail-value">${escHtml(m.gcode_bed)}</span></div>` : ''}
|
||||
</div>`;
|
||||
|
||||
document.getElementById('pv-detail-3d-btn').onclick = () => window.open(`${PV_BASE}/model/${m.id}`, '_blank');
|
||||
document.getElementById('pv-detail-dl-btn').href = `${API}?action=file&id=${m.id}`;
|
||||
document.getElementById('pv-detail-del-btn').onclick = () => deleteModel(m.id, m.name);
|
||||
const btn3d = document.getElementById('pv-detail-3d-btn');
|
||||
if (canView) {
|
||||
btn3d.style.display = '';
|
||||
btn3d.onclick = () => window.open(`/printvault-viewer.php?id=${id}`, '_blank', 'width=1200,height=800');
|
||||
} else {
|
||||
btn3d.style.display = 'none';
|
||||
}
|
||||
|
||||
document.getElementById('pv-detail-dl-btn').href = `${API}?action=file&id=${id}`;
|
||||
document.getElementById('pv-detail-edit-btn').onclick = () => openEdit(m);
|
||||
document.getElementById('pv-detail-del-btn').onclick = () => deleteModel(id, m.name);
|
||||
document.getElementById('pv-detail-modal').classList.add('show');
|
||||
}
|
||||
|
||||
async function deleteModel(id, name) {
|
||||
if (!confirm(`Supprimer "${name}" ?`)) return;
|
||||
try {
|
||||
await api('models', 'DELETE', null, '&id=' + id);
|
||||
await api('models', 'DELETE', null, '&id='+id);
|
||||
document.getElementById('pv-detail-modal').classList.remove('show');
|
||||
toast('Modèle supprimé');
|
||||
allModels = allModels.filter(m => m.id !== id);
|
||||
renderSidebar();
|
||||
renderModels();
|
||||
} catch (e) { toast(e.message, 'error'); }
|
||||
renderSidebar(); renderModels();
|
||||
} catch(e) { toast(e.message, 'error'); }
|
||||
}
|
||||
|
||||
// ─── Upload modal ─────────────────────────────────────────────────────────────
|
||||
// ─── Edit ─────────────────────────────────────────────────────────────────────
|
||||
function openEdit(m) {
|
||||
document.getElementById('pv-detail-modal').classList.remove('show');
|
||||
document.getElementById('pv-edit-id').value = m.id;
|
||||
document.getElementById('pv-edit-name').value = m.name;
|
||||
document.getElementById('pv-edit-desc').value = m.description || '';
|
||||
document.getElementById('pv-edit-tags').value = m.tags || '';
|
||||
const sel = document.getElementById('pv-edit-cat');
|
||||
sel.innerHTML = categories.map(c => `<option value="${escHtml(c.name)}"${c.name===m.category?' selected':''}>${escHtml(c.name)}</option>`).join('');
|
||||
document.getElementById('pv-edit-modal').classList.add('show');
|
||||
}
|
||||
|
||||
async function saveEdit() {
|
||||
const id = document.getElementById('pv-edit-id').value;
|
||||
const name = document.getElementById('pv-edit-name').value.trim();
|
||||
if (!name) { toast('Nom requis', 'error'); return; }
|
||||
try {
|
||||
await api('models', 'PUT', {
|
||||
name,
|
||||
description: document.getElementById('pv-edit-desc').value,
|
||||
category: document.getElementById('pv-edit-cat').value,
|
||||
tags: document.getElementById('pv-edit-tags').value,
|
||||
}, '&id='+id);
|
||||
toast('Mis à jour ✓');
|
||||
document.getElementById('pv-edit-modal').classList.remove('show');
|
||||
await loadModels();
|
||||
} catch(e) { toast(e.message, 'error'); }
|
||||
}
|
||||
|
||||
// ─── Upload ───────────────────────────────────────────────────────────────────
|
||||
let uploadFile = null;
|
||||
|
||||
function openUpload() {
|
||||
@@ -243,21 +238,19 @@ function openUpload() {
|
||||
document.getElementById('pv-upload-name').value = '';
|
||||
document.getElementById('pv-upload-desc').value = '';
|
||||
document.getElementById('pv-upload-tags').value = '';
|
||||
const catSel = document.getElementById('pv-upload-cat');
|
||||
catSel.innerHTML = categories.map(c => `<option value="${escHtml(c.name)}">${escHtml(c.name)}</option>`).join('');
|
||||
const sel = document.getElementById('pv-upload-cat');
|
||||
sel.innerHTML = categories.map(c => `<option value="${escHtml(c.name)}">${escHtml(c.name)}</option>`).join('');
|
||||
document.getElementById('pv-upload-progress').style.display = 'none';
|
||||
document.getElementById('pv-upload-modal').classList.add('show');
|
||||
}
|
||||
|
||||
function setUploadFile(f) {
|
||||
const allowed = ['stl', '3mf', 'gcode', 'gco', 'g'];
|
||||
const ext = f.name.split('.').pop().toLowerCase();
|
||||
if (!allowed.includes(ext)) { toast('Format non supporté (STL, 3MF, GCode)', 'error'); return; }
|
||||
if (!['stl','3mf','gcode','gco','g'].includes(ext)) { toast('Format non supporté', 'error'); return; }
|
||||
uploadFile = f;
|
||||
document.getElementById('pv-upload-filename').textContent = f.name;
|
||||
if (!document.getElementById('pv-upload-name').value) {
|
||||
document.getElementById('pv-upload-name').value = f.name.replace(/\.[^.]+$/, '').replace(/[_-]/g, ' ');
|
||||
}
|
||||
if (!document.getElementById('pv-upload-name').value)
|
||||
document.getElementById('pv-upload-name').value = f.name.replace(/\.[^.]+$/,'').replace(/[_-]/g,' ');
|
||||
}
|
||||
|
||||
async function saveUpload() {
|
||||
@@ -274,8 +267,7 @@ async function saveUpload() {
|
||||
|
||||
const prog = document.getElementById('pv-upload-progress');
|
||||
const bar = document.getElementById('pv-upload-bar');
|
||||
prog.style.display = '';
|
||||
bar.style.width = '30%';
|
||||
prog.style.display = ''; bar.style.width = '20%';
|
||||
|
||||
try {
|
||||
await api('models', 'POST', fd);
|
||||
@@ -285,8 +277,5 @@ async function saveUpload() {
|
||||
toast('Modèle ajouté ✓');
|
||||
loadModels();
|
||||
}, 300);
|
||||
} catch (e) {
|
||||
prog.style.display = 'none';
|
||||
toast(e.message, 'error');
|
||||
}
|
||||
} catch(e) { prog.style.display = 'none'; toast(e.message, 'error'); }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user