+
+ ${escapeHtml(item.display_name || item.legal_name || `СТО #${item.id}`)}
+ ${badge(item.verification_status)} ${escapeHtml(item.city || "-")} ${formatDateTime(item.created_at)}
+
+
+
+
+
+
+
+ `,
+ )
+ .join("");
+ root.querySelectorAll("[data-application-action]").forEach((button) => {
+ button.addEventListener("click", async () => {
+ const action = button.dataset.applicationAction;
+ const reason = action === "approve" ? "Approved in admin panel" : window.prompt("Причина") || "";
+ if (action !== "approve" && !reason) return;
+ await api(`/admin/sto-applications/${button.dataset.applicationId}/${action}`, {
+ method: "POST",
+ body: JSON.stringify({ reason, comment: reason }),
+ });
+ toast("Статус заявки обновлен");
+ await loadApplications();
+ });
+ });
+ } catch (error) {
+ renderError(root, error);
+ }
+ }
+
+ async function loadSourceTable(source, rootSelector, columns) {
+ const root = qs(rootSelector);
+ try {
+ const data = await api("/admin/data/query", {
+ method: "POST",
+ body: JSON.stringify({ source, limit: 100 }),
+ });
+ renderTable(root, data.rows, columns, source);
+ } catch (error) {
+ renderError(root, error);
+ }
+ }
+
+ function cleanPayload(payload) {
+ const cleaned = {};
+ Object.entries(payload).forEach(([key, value]) => {
+ if (value === "" || value === null || value === undefined) return;
+ if (["user_id", "telegram_id", "vehicle_id", "sto_id", "limit"].includes(key)) {
+ cleaned[key] = Number(value);
+ } else if (key === "include_sensitive") {
+ cleaned[key] = value === "on";
+ } else {
+ cleaned[key] = value;
+ }
+ });
+ if (!("include_sensitive" in cleaned)) cleaned.include_sensitive = false;
+ return cleaned;
+ }
+
+ async function submitDataQuery(format = null) {
+ const payload = cleanPayload(formData(qs("#dataForm")));
+ state.lastDataPayload = payload;
+ renderSourceHint(payload.source);
+ if (format) {
+ const result = await api("/admin/data/export", {
+ method: "POST",
+ body: JSON.stringify({ ...payload, export_format: format }),
+ });
+ toast(`Export #${result.id} готов`);
+ await loadExports();
+ return;
+ }
+ const data = await api("/admin/data/query", {
+ method: "POST",
+ body: JSON.stringify(payload),
+ });
+ renderTable(qs("#dataResult"), data.rows, [], payload.source);
+ }
+
+ async function loadAudit(params = {}) {
+ const query = new URLSearchParams();
+ Object.entries(params).forEach(([key, value]) => {
+ if (value) query.set(key, value);
+ });
+ const rows = await api(`/admin/audit-log?${query.toString()}`);
+ renderTable(qs("#auditTable"), rows, ["id", "actor_user_id", "actor_role", "action", "target_type", "target_id", "created_at"], "audit_logs");
+ }
+
+ async function loadExports() {
+ const data = await api("/admin/exports");
+ renderTable(qs("#exportsTable"), data.rows, ["id", "source", "export_format", "status", "row_count", "reason", "expires_at", "created_at"], "imports_exports");
+ }
+
+ async function loadActiveSection() {
+ if (state.active === "dashboard") return loadDashboard();
+ if (state.active === "notifications") return loadNotifications();
+ if (state.active === "users") return loadUsers();
+ if (state.active === "sto") return loadSto();
+ if (state.active === "sto-applications") return loadApplications();
+ if (state.active === "vehicles") return loadSourceTable("vehicles", "#vehiclesTable", ["id", "owner_id", "name", "make", "model", "year", "vin", "plate_number", "current_odometer", "created_at"]);
+ if (state.active === "appointments") return loadSourceTable("appointments", "#appointmentsTable", ["id", "service_center_id", "vehicle_id", "owner_user_id", "service_type", "status", "requested_start_at", "created_at"]);
+ if (state.active === "work-orders") return loadSourceTable("work_orders", "#workOrdersTable", ["id", "service_center_id", "vehicle_id", "owner_user_id", "status", "final_total", "currency", "completed_at"]);
+ if (state.active === "audit") return loadAudit();
+ if (state.active === "exports") return loadExports();
+ return null;
+ }
+
+ function bindTabButtons() {
+ document.querySelectorAll("[data-admin-tab]").forEach((button) => {
+ button.addEventListener("click", async () => {
+ setActive(button.dataset.adminTab);
+ try {
+ await loadActiveSection();
+ } catch (error) {
+ toast(error.message || "Ошибка", "error");
+ }
+ });
+ });
+ }
+
+ function bindForms() {
+ qs("#refreshBtn")?.addEventListener("click", () => loadActiveSection().catch((error) => toast(error.message, "error")));
+ qs("#readAllBtn")?.addEventListener("click", async () => {
+ await api("/admin/notifications/read-all", { method: "POST" });
+ await loadNotifications();
+ });
+ qs("#retryNotificationsBtn")?.addEventListener("click", async () => {
+ const result = await api("/admin/notifications/retry", { method: "POST" });
+ toast(`Retry: service ${result.service_delivered}, admin ${result.admin_delivered}`);
+ await loadNotifications();
+ });
+ document.querySelector("[data-list-filter='users']")?.addEventListener("submit", async (event) => {
+ event.preventDefault();
+ await loadUsers(formData(event.currentTarget).search || "");
+ });
+ document.querySelector("[data-list-filter='sto']")?.addEventListener("submit", async (event) => {
+ event.preventDefault();
+ await loadSto(formData(event.currentTarget));
+ });
+ qs("#dataForm")?.addEventListener("submit", async (event) => {
+ event.preventDefault();
+ await submitDataQuery().catch((error) => toast(error.message, "error"));
+ });
+ qs("#exportJsonBtn")?.addEventListener("click", () => submitDataQuery("json").catch((error) => toast(error.message, "error")));
+ qs("#exportCsvBtn")?.addEventListener("click", () => submitDataQuery("csv").catch((error) => toast(error.message, "error")));
+ qs("#auditForm")?.addEventListener("submit", async (event) => {
+ event.preventDefault();
+ await loadAudit(cleanPayload(formData(event.currentTarget)));
+ });
+ }
+
+ async function initSources() {
+ const data = await api("/admin/data/sources");
+ state.sources = data.sources || [];
+ state.sourcesByName = Object.fromEntries(state.sources.map((source) => [source.name, source]));
+ state.sorts = data.sorts || [];
+ qs("#sourceSelect").innerHTML = state.sources
+ .filter((source) => source.available && source.allowed)
+ .map((source) => `