work : v1.2.0 добавил web в отслеживание
This commit is contained in:
Fedorov Dmitriy
+261
@@ -0,0 +1,261 @@
|
||||
const query = new URLSearchParams(window.location.search);
|
||||
export const isDemo = query.get("demo") === "1";
|
||||
|
||||
const demoState = {
|
||||
online: true,
|
||||
running: true,
|
||||
last_seen: new Date().toISOString(),
|
||||
last_error: null,
|
||||
tion: {
|
||||
power: true,
|
||||
heater: true,
|
||||
heating: false,
|
||||
sound: true,
|
||||
mode: "outside",
|
||||
out_temp: 21,
|
||||
in_temp: 20,
|
||||
target_temp: 21,
|
||||
fan_speed: 3,
|
||||
filter_remain: 136.7,
|
||||
device_time: "22:45",
|
||||
request_error_code: 0,
|
||||
model: "S4",
|
||||
light: true,
|
||||
},
|
||||
auto: {
|
||||
available: true,
|
||||
state: "inactive",
|
||||
reason: null,
|
||||
target_speed: null,
|
||||
auto_speed: null,
|
||||
target_heater: null,
|
||||
auto_heater: null,
|
||||
temperature: 25.9,
|
||||
temperature_source: "qingping",
|
||||
last_error: null,
|
||||
config_error: null,
|
||||
},
|
||||
qingping: {
|
||||
online: true,
|
||||
temperature: 25.9,
|
||||
humidity: 69.4,
|
||||
co2: 780,
|
||||
pm25: 0,
|
||||
pm10: 0,
|
||||
battery: 100,
|
||||
last_error: null,
|
||||
},
|
||||
schedule: {
|
||||
available: true,
|
||||
enabled: true,
|
||||
running: true,
|
||||
paused: false,
|
||||
current_action: "set",
|
||||
current_time: "22:45",
|
||||
next_time: "10:00",
|
||||
next_action: "set",
|
||||
override_until_time: "10:00",
|
||||
auto_active: false,
|
||||
auto_fallback_speed: 2,
|
||||
auto_target_temp: 21,
|
||||
scheduled_settings: { speed: 2, target_temp: 21, heater: true },
|
||||
override_active: true,
|
||||
override_until: new Date(Date.now() + 8 * 3600_000).toISOString(),
|
||||
override_settings: { speed: 3 },
|
||||
last_error: null,
|
||||
},
|
||||
};
|
||||
|
||||
const demoScheduleConfig = {
|
||||
version: 1,
|
||||
enabled: true,
|
||||
timezone: "local",
|
||||
templates: {
|
||||
workday: [
|
||||
{ time: "07:30", action: { type: "set", power: true, speed: 3, heater: true, target_temp: 21 } },
|
||||
{ time: "09:00", action: { type: "auto", speed: 2, target_temp: 21 } },
|
||||
{ time: "22:45", action: { type: "set", speed: 1 } },
|
||||
],
|
||||
weekend: [
|
||||
{ time: "09:30", action: { type: "set", power: true, speed: 3, heater: true, target_temp: 21 } },
|
||||
{ time: "11:00", action: { type: "auto", speed: 2, target_temp: 21 } },
|
||||
{ time: "23:00", action: { type: "set", speed: 1 } },
|
||||
],
|
||||
},
|
||||
days: { mon: "workday", tue: "workday", wed: "workday", thu: "workday", fri: "workday", sat: "weekend", sun: "weekend" },
|
||||
};
|
||||
|
||||
const copy = value => JSON.parse(JSON.stringify(value));
|
||||
const wait = ms => new Promise(resolve => setTimeout(resolve, ms));
|
||||
|
||||
function mutateDemo(path) {
|
||||
const tion = demoState.tion;
|
||||
const schedule = demoState.schedule;
|
||||
let match;
|
||||
|
||||
if ((match = path.match(/^\/api\/tion\/speed\/(\d)$/))) {
|
||||
tion.fan_speed = Number(match[1]);
|
||||
schedule.override_active = true;
|
||||
schedule.override_until_time ||= schedule.next_time;
|
||||
schedule.override_settings.speed = tion.fan_speed;
|
||||
} else if ((match = path.match(/^\/api\/tion\/temperature\/(\d+)$/))) {
|
||||
tion.target_temp = Number(match[1]);
|
||||
schedule.override_active = true;
|
||||
schedule.override_until_time ||= schedule.next_time;
|
||||
schedule.override_settings.target_temp = tion.target_temp;
|
||||
} else if ((match = path.match(/^\/api\/tion\/(power|heater|sound|light)\/(on|off)$/))) {
|
||||
tion[match[1]] = match[2] === "on";
|
||||
schedule.override_active = true;
|
||||
schedule.override_settings[match[1]] = tion[match[1]];
|
||||
} else if ((match = path.match(/^\/api\/tion\/mode\/(outside|recirculation)$/))) {
|
||||
tion.mode = match[1];
|
||||
schedule.override_active = true;
|
||||
schedule.override_settings.mode = match[1];
|
||||
} else if (path === "/api/schedule/override/clear") {
|
||||
schedule.override_active = false;
|
||||
schedule.override_until = null;
|
||||
schedule.override_until_time = null;
|
||||
schedule.override_settings = {};
|
||||
} else if (path === "/api/schedule/pause") {
|
||||
schedule.paused = true;
|
||||
schedule.override_active = false;
|
||||
schedule.override_until_time = null;
|
||||
} else if (path === "/api/schedule/resume") {
|
||||
schedule.paused = false;
|
||||
}
|
||||
|
||||
demoState.last_seen = new Date().toISOString();
|
||||
}
|
||||
|
||||
async function request(path, options = {}) {
|
||||
if (isDemo) {
|
||||
await wait(options.method === "POST" ? 220 : 80);
|
||||
if (path === "/api/schedule/config") {
|
||||
if (options.method === "PUT") {
|
||||
const replacement = JSON.parse(options.body);
|
||||
Object.keys(demoScheduleConfig).forEach(key => delete demoScheduleConfig[key]);
|
||||
Object.assign(demoScheduleConfig, replacement);
|
||||
return { ok: true, config: copy(demoScheduleConfig) };
|
||||
}
|
||||
return copy(demoScheduleConfig);
|
||||
}
|
||||
if (options.method === "POST") mutateDemo(path);
|
||||
return copy(demoState);
|
||||
}
|
||||
|
||||
const response = await fetch(path, {
|
||||
cache: "no-store",
|
||||
headers: { Accept: "application/json" },
|
||||
...options,
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
let message = `Ошибка ${response.status}`;
|
||||
try {
|
||||
const body = await response.json();
|
||||
if (body.detail && typeof body.detail === "object") {
|
||||
message = [body.detail.message, body.detail.error].filter(Boolean).join(": ") || message;
|
||||
} else {
|
||||
message = body.detail || body.message || message;
|
||||
}
|
||||
} catch (_) {}
|
||||
throw new Error(typeof message === "string" ? message : JSON.stringify(message));
|
||||
}
|
||||
|
||||
return response.json();
|
||||
}
|
||||
|
||||
export const api = {
|
||||
status: () => request("/api/status"),
|
||||
post: path => request(path, { method: "POST" }),
|
||||
scheduleConfig: () => request("/api/schedule/config"),
|
||||
saveScheduleConfig: config => request("/api/schedule/config", {
|
||||
method: "PUT",
|
||||
headers: { Accept: "application/json", "Content-Type": "application/json" },
|
||||
body: JSON.stringify(config),
|
||||
}),
|
||||
};
|
||||
|
||||
export function configureTheme(button) {
|
||||
const allowed = ["auto", "light", "dark"];
|
||||
const explicit = query.get("theme");
|
||||
let mode = allowed.includes(explicit) ? explicit : (localStorage.getItem("tion-theme") || "auto");
|
||||
|
||||
const apply = () => {
|
||||
const dark = mode === "dark" || (mode === "auto" && matchMedia("(prefers-color-scheme: dark)").matches);
|
||||
document.documentElement.dataset.theme = dark ? "dark" : "light";
|
||||
document.documentElement.dataset.themeMode = mode;
|
||||
if (button) {
|
||||
button.title = `Тема: ${mode === "auto" ? "системная" : mode === "dark" ? "тёмная" : "светлая"}`;
|
||||
button.setAttribute("aria-label", button.title);
|
||||
}
|
||||
};
|
||||
|
||||
apply();
|
||||
matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => mode === "auto" && apply());
|
||||
|
||||
if (button) button.addEventListener("click", () => {
|
||||
mode = allowed[(allowed.indexOf(mode) + 1) % allowed.length];
|
||||
localStorage.setItem("tion-theme", mode);
|
||||
apply();
|
||||
});
|
||||
|
||||
return () => mode;
|
||||
}
|
||||
|
||||
export function setRangeProgress(input) {
|
||||
const min = Number(input.min);
|
||||
const max = Number(input.max);
|
||||
const value = Number(input.value);
|
||||
input.style.setProperty("--progress", `${((value - min) / (max - min)) * 100}%`);
|
||||
}
|
||||
|
||||
export function airQuality(co2) {
|
||||
if (!Number.isFinite(Number(co2))) return { label: "Нет данных", tone: "muted", pct: 0 };
|
||||
const value = Number(co2);
|
||||
if (value < 700) return { label: "Отличный воздух", tone: "good", pct: value / 20 };
|
||||
if (value < 900) return { label: "Хороший воздух", tone: "good", pct: value / 20 };
|
||||
if (value < 1300) return { label: "Повышенный CO₂", tone: "warn", pct: value / 20 };
|
||||
if (value < 1600) return { label: "Душно", tone: "warn", pct: value / 20 };
|
||||
return { label: "Нужна вентиляция", tone: "bad", pct: Math.min(100, value / 20) };
|
||||
}
|
||||
|
||||
export function modeInfo(status) {
|
||||
const schedule = status?.schedule || {};
|
||||
if (!schedule.available) return { label: "Без расписания", detail: "Недоступно", tone: "muted" };
|
||||
if (schedule.paused) return { label: "Ручной режим", detail: "Расписание на паузе", tone: "warn" };
|
||||
if (schedule.override_active) return {
|
||||
label: "Ручное управление",
|
||||
detail: schedule.override_until_time ? `До ${schedule.override_until_time}` : "До следующей точки",
|
||||
tone: "warn",
|
||||
};
|
||||
if (schedule.auto_active) return { label: "AUTO", detail: "По качеству воздуха", tone: "info" };
|
||||
return { label: "Расписание", detail: "Активно", tone: "info" };
|
||||
}
|
||||
|
||||
export const numberOrDash = (value, digits = 0) => {
|
||||
const number = Number(value);
|
||||
return Number.isFinite(number) ? number.toFixed(digits) : "—";
|
||||
};
|
||||
|
||||
export function showToast(message, error = false) {
|
||||
let region = document.querySelector(".toast-region");
|
||||
if (!region) {
|
||||
region = document.createElement("div");
|
||||
region.className = "toast-region";
|
||||
document.body.append(region);
|
||||
}
|
||||
const toast = document.createElement("div");
|
||||
toast.className = `toast${error ? " error" : ""}`;
|
||||
toast.textContent = message;
|
||||
region.append(toast);
|
||||
setTimeout(() => toast.remove(), 3200);
|
||||
}
|
||||
|
||||
export function panelUrl(themeMode = "auto", hash = "") {
|
||||
const url = new URL("/ui/panel", window.location.origin);
|
||||
url.searchParams.set("theme", themeMode);
|
||||
if (isDemo) url.searchParams.set("demo", "1");
|
||||
url.hash = hash;
|
||||
return url.toString();
|
||||
}
|
||||
Reference in New Issue
Block a user