97 lines
3.7 KiB
JavaScript
97 lines
3.7 KiB
JavaScript
const page = CarPassPage;
|
||
|
||
let selectedPayload = null;
|
||
|
||
function summaryItems(counts = {}) {
|
||
const labels = {
|
||
vehicles: "Автомобили",
|
||
fuel_entries: "Заправки",
|
||
service_entries: "ТО и ремонт",
|
||
expense_entries: "Расходы",
|
||
appointments: "Записи в СТО",
|
||
service_visits: "Заказ-наряды",
|
||
};
|
||
return Object.entries(labels).map(([key, label]) => `
|
||
<div class="stack-item">
|
||
<strong>${label}</strong>
|
||
<small>${page.escapeHtml(counts[key] ?? 0)}</small>
|
||
</div>
|
||
`).join("");
|
||
}
|
||
|
||
function countExport(payload) {
|
||
const vehicles = payload.vehicles || [];
|
||
return {
|
||
vehicles: vehicles.length,
|
||
fuel_entries: vehicles.reduce((sum, item) => sum + (item.fuel_entries || []).length, 0),
|
||
service_entries: vehicles.reduce((sum, item) => sum + (item.service_entries || []).length, 0),
|
||
expense_entries: vehicles.reduce((sum, item) => sum + (item.expense_entries || []).length, 0),
|
||
appointments: vehicles.reduce((sum, item) => sum + (item.appointments || []).length, 0),
|
||
service_visits: vehicles.reduce((sum, item) => sum + (item.service_visits || []).length, 0),
|
||
};
|
||
}
|
||
|
||
function renderPreview(preview) {
|
||
document.querySelector("#importSummary").innerHTML = `
|
||
${summaryItems(preview.counts)}
|
||
${preview.warnings?.length ? `<div class="tip-card warning">${preview.warnings.map(page.escapeHtml).join("<br />")}</div>` : ""}
|
||
`;
|
||
}
|
||
|
||
async function readSelectedFile() {
|
||
const file = document.querySelector("#importFile").files[0];
|
||
if (!file) throw new Error("Выберите JSON-файл");
|
||
selectedPayload = JSON.parse(await file.text());
|
||
return selectedPayload;
|
||
}
|
||
|
||
document.querySelector("#exportBtn").addEventListener("click", async (event) => {
|
||
await page.runAction(event.currentTarget, "Готовлю файл...", async () => {
|
||
const payload = await page.api("/my/export");
|
||
const blob = new Blob([JSON.stringify(payload, null, 2)], { type: "application/json" });
|
||
const url = URL.createObjectURL(blob);
|
||
const link = document.createElement("a");
|
||
const stamp = new Date().toISOString().slice(0, 19).replace(/[:T]/g, "-");
|
||
link.href = url;
|
||
link.download = `carpass-export-${stamp}.json`;
|
||
document.body.appendChild(link);
|
||
link.click();
|
||
link.remove();
|
||
URL.revokeObjectURL(url);
|
||
document.querySelector("#exportSummary").innerHTML = summaryItems(countExport(payload));
|
||
page.toast("Экспорт подготовлен");
|
||
});
|
||
});
|
||
|
||
document.querySelector("#previewBtn").addEventListener("click", async (event) => {
|
||
await page.runAction(event.currentTarget, "Проверяю файл...", async () => {
|
||
const payload = await readSelectedFile();
|
||
const preview = await page.api("/my/import/preview", {
|
||
method: "POST",
|
||
body: JSON.stringify(payload),
|
||
});
|
||
renderPreview(preview);
|
||
page.toast("Файл проверен");
|
||
});
|
||
});
|
||
|
||
document.querySelector("#importForm").addEventListener("submit", async (event) => {
|
||
event.preventDefault();
|
||
await page.runAction(document.querySelector("#importBtn"), "Импортирую...", async () => {
|
||
const payload = selectedPayload || await readSelectedFile();
|
||
const result = await page.api("/my/import", {
|
||
method: "POST",
|
||
body: JSON.stringify(payload),
|
||
});
|
||
renderPreview(result.preview);
|
||
document.querySelector("#importSummary").insertAdjacentHTML("afterbegin", `
|
||
<div class="tip-card">
|
||
Импортировано: авто ${result.imported.vehicles_created}, заправок ${result.imported.fuel_entries}, сервисных записей ${result.imported.service_entries}, расходов ${result.imported.expense_entries}.
|
||
</div>
|
||
`);
|
||
page.toast("Импорт завершен");
|
||
});
|
||
});
|
||
|
||
page.boot(async () => {});
|