(function () {
'use strict';
var Api = function () { return window.AdminApi; };
var Ui = function () { return window.AdminUi; };
var I = function () { return window.AdminI18n; };
var Form = function () { return window.AdminForm; };
var MODAL_OPTS = { area: ['480px', 'auto'], skin: 'soon-layer soon-layer--tpl', maxWidth: '94vw' };
function activeBadge(v) {
var on = v === true || parseInt(v, 10) === 1;
return I().badgeStatus(on ? 'active' : 'disabled');
}
function typeLabel(type) {
return Number(type) === 2 ? '双面' : '单面';
}
function formatBytes(n) {
n = parseInt(n, 10) || 0;
if (!n) return '—';
if (n < 1024) return n + ' B';
if (n < 1048576) return (n / 1024).toFixed(1) + ' KB';
return (n / 1048576).toFixed(1) + ' MB';
}
function getAdminBase() {
return ((window.SOON_DEPLOY_CONFIG && window.SOON_DEPLOY_CONFIG.api_admin_base) || '').replace(/\/+$/, '');
}
function revokeBlob(state) {
if (state && state._blobUrl) {
try { URL.revokeObjectURL(state._blobUrl); } catch (e) { /* ignore */ }
state._blobUrl = '';
}
}
function nameFromFileName(fileName) {
return String(fileName || '').replace(/\.soon$/i, '').replace(/[_-]+/g, ' ').trim();
}
function parseSoonMeta(text, fileName) {
var data;
try {
data = JSON.parse(text);
} catch (e) {
throw new Error('invalid_json');
}
if (!data || typeof data !== 'object') throw new Error('invalid_json');
var type = 1;
if (Number(data.soonType) === 2 || data.backBlackPic) type = 2;
var thumbRaw = '';
if (data.frontDisplayPic && typeof data.frontDisplayPic === 'string') {
var candidate = data.frontDisplayPic.trim();
if (candidate.indexOf('data:image/') === 0) thumbRaw = candidate;
}
var name = '';
if (typeof data.name === 'string' && data.name.trim()) name = data.name.trim();
else if (typeof data.title === 'string' && data.title.trim()) name = data.title.trim();
else name = nameFromFileName(fileName);
if (!name) name = '未命名模板';
return { name: name, type: type, thumbRaw: thumbRaw, content: text };
}
function shrinkDataUrl(dataUrl, maxW, quality, done) {
if (!dataUrl) {
done('');
return;
}
var img = new Image();
img.onload = function () {
var w = img.naturalWidth || img.width;
var h = img.naturalHeight || img.height;
if (!w || !h) {
done(dataUrl);
return;
}
if (w <= maxW) {
done(dataUrl);
return;
}
var nh = Math.max(1, Math.round(h * (maxW / w)));
var canvas = document.createElement('canvas');
canvas.width = maxW;
canvas.height = nh;
canvas.getContext('2d').drawImage(img, 0, 0, maxW, nh);
try {
done(canvas.toDataURL('image/jpeg', quality));
} catch (e) {
done(dataUrl);
}
};
img.onerror = function () { done(''); };
img.src = dataUrl;
}
function setPreviewImage(modalState, src, renderPreview) {
modalState.thumbView = src || '';
renderPreview();
}
function applyThumbRaw(modalState, thumbRaw, renderPreview) {
if (!thumbRaw) {
setPreviewImage(modalState, '', renderPreview);
return;
}
if (thumbRaw.length < 700000) {
setPreviewImage(modalState, thumbRaw, renderPreview);
return;
}
shrinkDataUrl(thumbRaw, 360, 0.82, function (small) {
setPreviewImage(modalState, small || thumbRaw, renderPreview);
});
}
function readFileText(input) {
return new Promise(function (resolve, reject) {
var file = input && input.files && input.files[0];
if (!file) {
reject(new Error('no_file'));
return;
}
var reader = new FileReader();
reader.onload = function () { resolve({ text: String(reader.result || ''), fileName: file.name }); };
reader.onerror = function () { reject(new Error('read_failed')); };
reader.readAsText(file, 'UTF-8');
});
}
function fetchAdminThumb(plan, modalState, renderPreview) {
if (!plan || !plan.id || !Api().getToken()) {
renderPreview();
return;
}
revokeBlob(modalState);
window.fetch(getAdminBase() + '/templates/' + plan.id + '/thumb?_=' + Date.now(), {
headers: { Authorization: 'Bearer ' + Api().getToken() },
}).then(function (r) {
if (!r.ok) throw new Error('thumb');
return r.blob();
}).then(function (blob) {
modalState._blobUrl = URL.createObjectURL(blob);
setPreviewImage(modalState, modalState._blobUrl, renderPreview);
}).catch(function () {
renderPreview();
});
}
function openThumbPreview(src, title) {
if (!src || typeof layer === 'undefined') return;
layer.photos({
photos: {
title: title || '模板预览',
start: 0,
data: [{ alt: title || '模板预览', src: src }],
},
anim: 5,
shade: 0.88,
});
}
function modalHtml(opts) {
opts = opts || {};
var isEdit = opts.mode === 'edit';
var plan = opts.plan || {};
var pickLabel = isEdit ? '替换文件' : '选择文件';
return '' +
'
' +
'
' +
'
' +
'' +
'
' +
'
' +
'
' +
Ui().pageHeader('模板库', '上传 .soon 后自动识别名称、类型与缩略图',
'') +
Ui().skeletonTable() + '
';
Api().get('templates').then(function (j) {
if (!j) return;
var items = j.data.items || [];
var rows = items.map(function (p) {
return '| ' + p.id + ' | ' + I().esc(p.name) +
' | ' + typeLabel(p.type) + ' | ' + formatBytes(p.file_size) + ' | ' +
p.sort_order + ' | ' + (p.has_thumb ? '有' : '—') + ' | ' +
activeBadge(p.is_active) + ' | ' +
' ' +
' |
';
}).join('');
panel.innerHTML = '' +
Ui().pageHeader('模板库', '上传 .soon 后自动识别名称、类型与缩略图',
'') +
Ui().dataTable(
['ID', '名称', '类型', '大小', '排序', '缩略图', '状态', '操作'],
rows
) + '
';
var planMap = {};
items.forEach(function (p) { planMap[p.id] = p; });
panel.querySelector('#tplCreate').onclick = openCreateModal;
panel.querySelectorAll('.tpl-edit').forEach(function (btn) {
btn.onclick = function () {
var id = parseInt(btn.closest('tr').dataset.id, 10);
if (planMap[id]) openEditModal(planMap[id]);
};
});
panel.querySelectorAll('.tpl-del').forEach(function (btn) {
btn.onclick = function () {
var id = parseInt(btn.closest('tr').dataset.id, 10);
if (planMap[id]) deleteTemplate(planMap[id]);
};
});
});
}
window.AdminViews = window.AdminViews || {};
window.AdminViews.templates = { render: render };
})();