iotmanager/IoTManagerWeb
1
0
Fork 0
mirror of https://github.com/IoTManagerProject/IoTManagerWeb.git synced 2026-03-30 20:09:24 +03:00
Code Issues Packages Projects Releases Wiki Activity

убрал баг двойного лога

Browse Source
This commit is contained in:
Dmitry Borisenko
2023-06-13 21:06:04 +02:00
parent f7a578141f
commit 64f1b5b88d
7 changed files with 174 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/index.html
View File

@@ -4,12 +4,12 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="viewport" content="width=device-width,initial-scale=1" />
<title>IoT Manager 4.4.5</title> <title>IoT Manager 4.5.0</title>
<link rel="icon" type="image/png" href="/favicon.ico" /> <link rel="icon" type="image/png" href="/favicon.ico" />
<link rel="stylesheet" href="/build/bundle.css?445" /> <link rel="stylesheet" href="/build/bundle.css?450" />
<script defer src="/build/bundle.js?445"></script> <script defer src="/build/bundle.js?450"></script>
</head> </head>
<body></body> <body></body>

169
src/App.svelte
View File

@@ -37,13 +37,15 @@
const debug = true; const debug = true;
const LOG_MAX_MESSAGES = 100; const LOG_MAX_MESSAGES = 100;
const reconnectTimeout = 60000; //период проверки соединения с устройством const reconnectTimeout = 60000; //период проверки соединения с устройством
let preventReconnect = false;
const waitingAckTimeout = 12000; //время ожидания ответа от устройства const waitingAckTimeout = 12000; //время ожидания ответа от устройства
const rebootingTimeout = 20000; const rebootingTimeout = 20000;
const updatingTimeout = 130000; const updatingTimeout = 130000;
let rebootTimer;
let opened = false; let opened = false;
let preventMove = false; let preventMove = false;
const blobDebug = false; const blobDebug = true;
const devMode = false; const devMode = true;
let timeout = reconnectTimeout / 1000; let timeout = reconnectTimeout / 1000;
let percent; let percent;
@@ -59,7 +61,7 @@
let showModalFlag = false; let showModalFlag = false;
let showDropdown = true; let showDropdown = true;
let rebootingUpdatingInProgress = false; let showAwaitingCircle = false;
//dashboard //dashboard
let pages = []; let pages = [];
@@ -149,19 +151,18 @@
showDropdown = false; showDropdown = false;
//в остальных случаях шлем только выбранному устройству запрос данных //в остальных случаях шлем только выбранному устройству запрос данных
} else { } else {
//если мы перешли на страницу списка устройств то всегда запрашиваем список только этого устройства
if (currentPageName === "/list|") { if (currentPageName === "/list|") {
//если мы перешли на страницу списка устройств отключаем выпадающий список
showDropdown = false; showDropdown = false;
selectedWs = 0;
wsSendMsg(selectedWs, currentPageName);
} else { } else {
sendCurrentPageName();
showDropdown = true; showDropdown = true;
} }
//если мы на любой другой странице то запрашиваем данные
sendCurrentPageNameToSelectedWs();
} }
} }
function sendCurrentPageName() { function sendCurrentPageNameToSelectedWs() {
if (selectedWs !== undefined) { if (selectedWs !== undefined) {
wsSendMsg(selectedWs, currentPageName); wsSendMsg(selectedWs, currentPageName);
} }
@@ -181,20 +182,15 @@
//****************************************************web sockets section******************************************************/ //****************************************************web sockets section******************************************************/
function connectToAllDevices() { function connectToAllDevices() {
//closeAllConnection(); console.log("[i]", "[ws]", "connectToAllDevices", deviceList);
//socket = [];
getSelectedDeviceData(selectedWs); getSelectedDeviceData(selectedWs);
let ws = 0; for (let i = 0; i < deviceList.length; i++) {
deviceList.forEach((device) => { deviceList[i].ws = i;
device.ws = ws; if (deviceList[i].status === false || deviceList[i].status === undefined) {
if (!device.status) { wsConnect(i);
wsConnect(ws); wsEventAdd(i);
wsEventAdd(ws); }
} else {
} }
ws++;
});
deviceList = deviceList;
} }
function closeAllConnection() { function closeAllConnection() {
@@ -204,6 +200,14 @@
} }
} }
function printAllCreatedWs() {
if (socket) {
for (let i = 0; i < socket.length; i++) {
if (debug) console.log("[i]", "[ws]", "WebSocket client No: ", i);
}
}
}
var ackTimeoutsArr = []; var ackTimeoutsArr = [];
var startMillis = []; var startMillis = [];
var ping = []; var ping = [];
@@ -235,7 +239,7 @@
if (device.ws === ws) { if (device.ws === ws) {
device.status = status; device.status = status;
device.ping = 0; device.ping = 0;
if (device.status) { if (device.status === true) {
console.log("[i]", device.ip, ws, "status online"); console.log("[i]", device.ip, ws, "status online");
} else { } else {
console.log("[i]", device.ip, ws, "status offline"); console.log("[i]", device.ip, ws, "status offline");
@@ -277,9 +281,10 @@
if (socket[ws]) { if (socket[ws]) {
let ip = getIP(ws); let ip = getIP(ws);
socket[ws].addEventListener("open", function (event) { socket[ws].addEventListener("open", function (event) {
if (debug) console.log("[i]", ip, ws, "completed connecting"); //if (debug) console.log("[i]", ip, ws, "completed connecting");
markDeviceStatus(ws, true); markDeviceStatus(ws, true);
if (firstDevListRequest) wsSendMsg(0, "/list|"); //при первом подключении запросим список устройств
if (firstDevListRequest && ws === 0) wsSendMsg(ws, "/devlist|");
//при подключении отправляем название страницы //при подключении отправляем название страницы
if (currentPageName === "/|") { if (currentPageName === "/|") {
//всем устройствам //всем устройствам
@@ -287,7 +292,7 @@
} else { } else {
//только выбранному //только выбранному
if (ws === selectedWs) { if (ws === selectedWs) {
sendCurrentPageName(); sendCurrentPageNameToSelectedWs();
} }
} }
}); });
@@ -304,7 +309,7 @@
if (event.data instanceof Blob) { if (event.data instanceof Blob) {
//принимаем данные только для выбранного устройства //принимаем данные только для выбранного устройства
if (ws === selectedWs) { if (ws === selectedWs) {
parseBlob(event.data); parseBlob(event.data, ws);
} }
//собираем данные со всех устройств только в случае если пользователь на dashboard //собираем данные со всех устройств только в случае если пользователь на dashboard
if (currentPageName === "/|") { if (currentPageName === "/|") {
@@ -327,7 +332,7 @@
} }
} }
async function parseBlob(blob) { async function parseBlob(blob, ws) {
//получаем заголовок //получаем заголовок
var blobHeader = blob.slice(0, 6); var blobHeader = blob.slice(0, 6);
let header = await blobHeader.text(); let header = await blobHeader.text();
@@ -372,8 +377,7 @@
} }
if (header === "scenar") { if (header === "scenar") {
scenarioTxt = await getPayloadAsTxt(blob, size); scenarioTxt = await getPayloadAsTxt(blob, size);
//if (blobDebug) if (blobDebug) console.log("[i]", "scenarioTxt: ", scenarioTxt);
console.log("[i]", "scenarioTxt: ", scenarioTxt);
} }
if (header === "settin") { if (header === "settin") {
let out = {}; let out = {};
@@ -397,24 +401,36 @@
if (blobDebug) console.log("[e]", "ssidJson parse error"); if (blobDebug) console.log("[e]", "ssidJson parse error");
} }
} }
//прием данных об ошибках
if (header === "errors") { if (header === "errors") {
let out = {}; let out = {};
if (await getPayloadAsJson(blob, size, out)) { if (await getPayloadAsJson(blob, size, out)) {
errorsJson = out.json; errorsJson = out.json;
parsed.errorsJson = true; parsed.errorsJson = true;
//когда запустили обновление предотвращаем попытки проверки связи
if (errorsJson.upd === 1) {
preventReconnect = true;
}
//когда устройство обновилось переподключимся через 5ть секунд
if (errorsJson.upd === 5) {
preventReconnect = false;
timeout = 20;
}
if (blobDebug) console.log("[✔]", "errorsJson: ", errorsJson); if (blobDebug) console.log("[✔]", "errorsJson: ", errorsJson);
} else { } else {
parsed.errorsJson = false; parsed.errorsJson = false;
if (blobDebug) console.log("[e]", "errorsJson parse error"); if (blobDebug) console.log("[e]", "errorsJson parse error");
} }
} }
//приход списка устройств
if (header === "devlis") { if (header === "devlis") {
let out = {}; let out = {};
if (await getPayloadAsJson(blob, size, out)) { if (await getPayloadAsJson(blob, size, out)) {
incDeviceList = [];
incDeviceList = out.json; incDeviceList = out.json;
parsed.incDeviceList = true; parsed.incDeviceList = true;
if (blobDebug) console.log("[✔]", "incDeviceList: ", incDeviceList); if (blobDebug) console.log("[✔]", "incDeviceList: ", incDeviceList);
initDevList(); await initDevList();
} else { } else {
parsed.incDeviceList = false; parsed.incDeviceList = false;
if (blobDebug) console.log("[e]", "incDeviceList parse error"); if (blobDebug) console.log("[e]", "incDeviceList parse error");
@@ -422,6 +438,7 @@
} }
if (header === "corelg") { if (header === "corelg") {
let txt = await getPayloadAsTxt(blob, size); let txt = await getPayloadAsTxt(blob, size);
//console.log("[--]", ws, txt);
addCoreMsg(txt); addCoreMsg(txt);
} }
@@ -565,7 +582,7 @@
pageReady.connection = true; pageReady.connection = true;
} }
if (currentPageName === "/list|" && parsed.deviceListJson && parsed.settingsJson) { if (currentPageName === "/list|" && parsed.settingsJson) {
clearParcedFlags(); clearParcedFlags();
if (debug) console.log("✔✔", "list page parced"); if (debug) console.log("✔✔", "list page parced");
pageReady.list = true; pageReady.list = true;
@@ -585,9 +602,9 @@
} }
} }
function initDevList() { async function initDevList() {
//при первом запросе листа устройств запишем его целеком
if (firstDevListRequest) { if (firstDevListRequest) {
//при первом запросе листа устройств запишем его целеком
devListOverride(); devListOverride();
} else { } else {
//при последующих прилетах списка устройств мы переписываем в массиве только то что изменилось //при последующих прилетах списка устройств мы переписываем в массиве только то что изменилось
@@ -602,15 +619,18 @@
//затем подключимся к всему полученному списку устройств //затем подключимся к всему полученному списку устройств
connectToAllDevices(); connectToAllDevices();
} }
//перезапись листа устройств //перезапись листа устройств
function devListOverride() { async function devListOverride() {
deviceList = incDeviceList; deviceList = incDeviceList;
sortList(deviceList); sortList(deviceList);
//if (deviceList.length >= 1) deviceList[0].status = true; //установим заведомо статус уже присутствующего устроства в true для того что бы предотвратить повторное подключение!!!
deviceList[0].status = true;
console.log("[i]", "[devlist]", "devlist overrided"); console.log("[i]", "[devlist]", "devlist overrided");
} }
//добавление только новых элементов в лист устройств (если такого ip не было) //добавление только новых элементов в лист устройств (если такого ip не было)
function devListCombine() { async function devListCombine() {
deviceList = combineArrays(deviceList, incDeviceList); deviceList = combineArrays(deviceList, incDeviceList);
sortList(deviceList); sortList(deviceList);
console.log("[i]", "[devlist]", "devlist combined"); console.log("[i]", "[devlist]", "devlist combined");
@@ -768,7 +788,7 @@
wsSendMsg(selectedWs, "/oiranecs|" + scenarioTxt); wsSendMsg(selectedWs, "/oiranecs|" + scenarioTxt);
clearData(); clearData();
sendCurrentPageName(); sendCurrentPageNameToSelectedWs();
} }
function saveSett() { function saveSett() {
@@ -782,14 +802,15 @@
window.alert("Ошибка размера settingsJson (возможно не был передан странице)"); window.alert("Ошибка размера settingsJson (возможно не был передан странице)");
} }
clearData(); clearData();
sendCurrentPageName(); sendCurrentPageNameToSelectedWs();
} }
function saveList() { function saveList() {
//при сохранении списка в память необходимо удалить все статусы //при сохранении списка в память необходимо удалить все статусы
let devListForSave = Object.assign([], deviceList); let devListForSave = Object.assign([], deviceList);
for (let i = 0; i < devListForSave.length; i++) { for (let i = 0; i < devListForSave.length; i++) {
delete devListForSave[i].status; //delete devListForSave[i].status;
devListForSave[i].status = false;
} }
wsSendMsg(selectedWs, "/tsil|" + JSON.stringify(devListForSave)); wsSendMsg(selectedWs, "/tsil|" + JSON.stringify(devListForSave));
} }
@@ -931,17 +952,15 @@
function wsTestMsgTask() { function wsTestMsgTask() {
setTimeout(wsTestMsgTask, 1000); setTimeout(wsTestMsgTask, 1000);
if (!preventReconnect) {
timeout--; timeout--;
percent = scale(timeout, reconnectTimeout / 1000, 0, 0, 100); percent = scale(timeout, reconnectTimeout / 1000, 0, 0, 100);
if (timeout <= 0) { if (timeout <= 0) {
timeout = reconnectTimeout / 1000;
//if (!rebootingUpdatingInProgress) {
if (debug) console.log("[i]", "----timer tick----"); if (debug) console.log("[i]", "----timer tick----");
//if (!firstTime) { printAllCreatedWs();
timeout = reconnectTimeout / 1000;
deviceList.forEach((device) => { deviceList.forEach((device) => {
if (!device.status) { if (device.status === false || device.status === undefined) {
wsConnect(device.ws); wsConnect(device.ws);
wsEventAdd(device.ws); wsEventAdd(device.ws);
} else { } else {
@@ -949,20 +968,14 @@
ack(device.ws, false); ack(device.ws, false);
} }
}); });
//} }
//firstTime = false;
//} else {
// if (debug) console.log("[i]", "----timer skipped----");
//}
} else {
//console.log("[i]", timeout);
} }
} }
function wsSendMsg(ws, msg) { function wsSendMsg(ws, msg) {
if (socket[ws] && socket[ws].readyState === 1) { if (socket[ws] && socket[ws].readyState === 1) {
socket[ws].send(msg); socket[ws].send(msg);
if (debug) console.log("[i]", getIP(ws), ws, "msg send success"); if (debug) console.log("[i]", getIP(ws), ws, "msg send success", msg);
} else { } else {
if (debug) console.log("[e]", getIP(ws), ws, "msg not send"); if (debug) console.log("[e]", getIP(ws), ws, "msg not send");
} }
@@ -970,7 +983,7 @@
function sendToAllDevices(msg) { function sendToAllDevices(msg) {
deviceList.forEach((device) => { deviceList.forEach((device) => {
if (device.status) { if (device.status === true) {
wsSendMsg(device.ws, msg); wsSendMsg(device.ws, msg);
} }
}); });
@@ -1214,17 +1227,28 @@
if (debug) console.log("[i]", "reboot..."); if (debug) console.log("[i]", "reboot...");
wsSendMsg(selectedWs, "/reboot|"); wsSendMsg(selectedWs, "/reboot|");
markDeviceStatus(selectedWs, false); markDeviceStatus(selectedWs, false);
rebootingUpdatingInProgress = true; showAwaitingCircle = true;
myTimeout = setTimeout(rebootingTask, rebootingTimeout); rebootTimer = setTimeout(rebootingTask, rebootingTimeout);
}
function applicationReboot() {
console.log("[i]", "reboot svelte...");
for (const [key, value] of Object.entries(pageReady)) {
pageReady[key] = false;
}
showAwaitingCircle = true;
setTimeout(() => {
location.reload();
}, 1000);
} }
function rebootingTask() { function rebootingTask() {
//перезапуск приложения //перезапуск приложения
//location.reload(); //location.reload();
clearTimeout(myTimeout); clearTimeout(rebootTimer);
clearData(); clearData();
connectToAllDevices(); connectToAllDevices();
rebootingUpdatingInProgress = false; showAwaitingCircle = false;
} }
function cancelAlarm(alarmKey) { function cancelAlarm(alarmKey) {
@@ -1264,19 +1288,22 @@
} }
} }
function startUpdate() { function startUpdate(all) {
if (choosingVersion !== undefined) { if (choosingVersion !== undefined) {
//if (choosingVersion === errorsJson.bver) { //if (choosingVersion === errorsJson.bver) {
// window.alert("Эта версия уже установленна"); // window.alert("Эта версия уже установленна");
//} else { //} else {
if (confirm("Запустить обновление?")) { if (confirm("После обновления устройство перезагрузится. Запустить обновление?")) {
console.log("start update..."); console.log("start update...");
//запишем выбранную версию в файл на esp if (all) {
sendToAllDevices('/rorre|{"chver":' + choosingVersion + "}");
sendToAllDevices("/update|");
} else {
wsSendMsg(selectedWs, '/rorre|{"chver":' + choosingVersion + "}"); wsSendMsg(selectedWs, '/rorre|{"chver":' + choosingVersion + "}");
//начнем обновление
wsSendMsg(selectedWs, "/update|"); wsSendMsg(selectedWs, "/update|");
rebootingUpdatingInProgress = true; }
myTimeout = setTimeout(rebootingTask, updatingTimeout); //showAwaitingCircle = true;
//rebootTimer = setTimeout(rebootingTask, updatingTimeout);
} else { } else {
console.log("update canceled"); console.log("update canceled");
} }
@@ -1314,7 +1341,7 @@
</script> </script>
<div class="flex flex-col h-screen bg-gray-50"> <div class="flex flex-col h-screen bg-gray-50">
{#if rebootingUpdatingInProgress} {#if showAwaitingCircle}
<Progress /> <Progress />
{/if} {/if}
<header class="h-10 w-full bg-gray-100 overflow-auto shadow-md"> <header class="h-10 w-full bg-gray-100 overflow-auto shadow-md">
@@ -1357,16 +1384,16 @@
<li> <li>
<a class="menu__item" href="/connection">{"Подключение"}</a> <a class="menu__item" href="/connection">{"Подключение"}</a>
</li> </li>
<li>
<a class="menu__item" href="/list">{"Устройства"}</a>
</li>
<li> <li>
<a class="menu__item" href="/system">{"Системные"}</a> <a class="menu__item" href="/system">{"Системные"}</a>
</li> </li>
{#if devMode}
<li> <li>
<a class="menu__item" href="/dev">{"Разработчик"}</a> <a class="menu__item" href="/list">{"Устройства"}</a>
</li> </li>
{#if devMode}
<!--<li>
<a class="menu__item" href="/dev">{"Разработчик"}</a>
</li>-->
{/if} {/if}
</ul> </ul>
</nav> </nav>
@@ -1387,10 +1414,10 @@
<ConnectionPage show={pageReady.connection} rebootEsp={() => rebootEsp()} ssidClick={() => ssidClick()} saveSett={() => saveSett()} saveMqtt={() => saveMqtt()} settingsJson={settingsJson} errorsJson={errorsJson} ssidJson={ssidJson} /> <ConnectionPage show={pageReady.connection} rebootEsp={() => rebootEsp()} ssidClick={() => ssidClick()} saveSett={() => saveSett()} saveMqtt={() => saveMqtt()} settingsJson={settingsJson} errorsJson={errorsJson} ssidJson={ssidJson} />
</Route> </Route>
<Route path="/list"> <Route path="/list">
<ListPage show={pageReady.list} deviceList={deviceList} settingsJson={settingsJson} saveSett={() => saveSett()} rebootEsp={() => rebootEsp()} showInput={showInput} addDevInList={() => addDevInList()} newDevice={newDevice} sendToAllDevices={(msg) => sendToAllDevices(msg)} saveList={() => saveList()} percent={percent} devListOverride={() => devListOverride()} /> <ListPage show={pageReady.list} deviceList={deviceList} settingsJson={settingsJson} saveSett={() => saveSett()} rebootEsp={() => rebootEsp()} showInput={showInput} addDevInList={() => addDevInList()} newDevice={newDevice} sendToAllDevices={(msg) => sendToAllDevices(msg)} saveList={() => saveList()} percent={percent} devListOverride={() => devListOverride()} applicationReboot={() => applicationReboot()} />
</Route> </Route>
<Route path="/system"> <Route path="/system">
<SystemPage show={pageReady.system} errorsJson={errorsJson} settingsJson={settingsJson} saveSett={() => saveSett()} rebootEsp={() => rebootEsp()} cleanLogs={() => cleanLogs()} cancelAlarm={(alarmKey) => cancelAlarm(alarmKey)} versionsList={versionsList} bind:choosingVersion={choosingVersion} startUpdate={() => startUpdate()} coreMessages={coreMessages} /> <SystemPage show={pageReady.system} errorsJson={errorsJson} settingsJson={settingsJson} saveSett={() => saveSett()} rebootEsp={() => rebootEsp()} cleanLogs={() => cleanLogs()} cancelAlarm={(alarmKey) => cancelAlarm(alarmKey)} versionsList={versionsList} bind:choosingVersion={choosingVersion} startUpdate={(all) => startUpdate(all)} coreMessages={coreMessages} />
</Route> </Route>
{#if devMode} {#if devMode}
<Route path="/dev"> <Route path="/dev">

4
src/components/Progress.svelte
View File

@@ -3,10 +3,10 @@
<div class="fixed z-10 inset-0 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="fixed z-10 inset-0 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true">
<div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"> <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
<div class="fixed inset-0 bg-gray-50 bg-opacity-75 transition-opacity" aria-hidden="true" /> <div class="fixed inset-0 bg-gray-100 bg-opacity-75 transition-opacity" aria-hidden="true" />
<div class="flex h-screen justify-center items-center"> <div class="flex h-screen justify-center items-center">
<div class="m-auto"> <div class="m-auto">
<div style="border-top-color:transparent" class="w-20 h-20 border-4 border-blue-400 border-solid rounded-full animate-spin" /> <div style="border-top-color:transparent" class="w-10 h-10 border-4 border-blue-400 border-solid rounded-full animate-spin" />
</div> </div>
</div> </div>
</div> </div>

1
src/pages/Config.svelte
View File

@@ -289,6 +289,7 @@
<button class="btn-lg" on:click={() => saveConfig()}>{"Сохранить на устройстве"}</button> <button class="btn-lg" on:click={() => saveConfig()}>{"Сохранить на устройстве"}</button>
<button class="btn-lg" on:click={() => rebootEsp()}>{"Перезагрузить устройство"}</button> <button class="btn-lg" on:click={() => rebootEsp()}>{"Перезагрузить устройство"}</button>
<button class="btn-lg" on:click={() => createExportFile()}>{"Экспорт конфигурации"}</button> <button class="btn-lg" on:click={() => createExportFile()}>{"Экспорт конфигурации"}</button>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<label on:click={() => reset()} class="btn-lg cursor-pointer select-none"> <label on:click={() => reset()} class="btn-lg cursor-pointer select-none">
<input bind:files={files} accept="application/JSON" type="file" id="formFile" /> <input bind:files={files} accept="application/JSON" type="file" id="formFile" />
{"Импорт конфигурации"} {"Импорт конфигурации"}

23
src/pages/List.svelte
View File

@@ -17,6 +17,7 @@
export let saveList = () => {}; export let saveList = () => {};
export let saveSett = () => {}; export let saveSett = () => {};
export let sendToAllDevices = (msg) => {}; export let sendToAllDevices = (msg) => {};
export let applicationReboot = () => {};
let debug = true; let debug = true;
@@ -34,7 +35,8 @@
function onModeChange() { function onModeChange() {
show = false; show = false;
saveSett(); saveSett();
location.reload(); applicationReboot();
//location.reload();
} }
function onSaveList() { function onSaveList() {
@@ -44,33 +46,22 @@
if (showInput) { if (showInput) {
//если поля были заполнены //если поля были заполнены
if (addDevInList()) { if (addDevInList()) {
show = false;
saveList(); saveList();
showInput = false; showInput = false;
//window.alert("Устройство было добавленно"); applicationReboot();
setTimeout(() => {
location.reload();
}, 1000);
} else { } else {
showInput = false; showInput = false;
} }
//если не открыли поля для заполнения //если не открыли поля для заполнения
} else { } else {
show = false;
saveList(); saveList();
//window.alert("Список устройств сохранен на ESP"); applicationReboot();
setTimeout(() => {
location.reload();
}, 1000);
} }
//если авторежим //если авторежим
} else { } else {
saveList(); saveList();
window.alert("Список устройств сохранен в память ESP. Перейдите в ручной режим для использования сохраненного списка"); window.alert("Список устройств сохранен в память ESP. Перейдите в ручной режим для использования сохраненного списка");
show = false; applicationReboot();
setTimeout(() => {
location.reload();
}, 1000);
} }
} }
</script> </script>
@@ -86,6 +77,7 @@
<th class="tbl-hd">Название устройства</th> <th class="tbl-hd">Название устройства</th>
<th class="tbl-hd">IP адрес</th> <th class="tbl-hd">IP адрес</th>
<th class="tbl-hd">Идентификатор</th> <th class="tbl-hd">Идентификатор</th>
<th class="tbl-hd">Версия</th>
<th class="tbl-hd">Состояние</th> <th class="tbl-hd">Состояние</th>
<th class="tbl-hd">Пинг</th> <th class="tbl-hd">Пинг</th>
<th class="tbl-hd w-7" /> <th class="tbl-hd w-7" />
@@ -98,6 +90,7 @@
<td class="tbl-bdy-lg ipt-lg w-full">{device.name}</td> <td class="tbl-bdy-lg ipt-lg w-full">{device.name}</td>
<td class="tbl-bdy-lg ipt-lg w-full"><a href={"http://" + device.ip}>{device.ip}</a></td> <td class="tbl-bdy-lg ipt-lg w-full"><a href={"http://" + device.ip}>{device.ip}</a></td>
<td class="tbl-bdy-lg ipt-lg w-full">{device.id}</td> <td class="tbl-bdy-lg ipt-lg w-full">{device.id}</td>
<td class="tbl-bdy-lg ipt-lg w-full">{device.fv ? device.fv : "-"}</td>
<td class="tbl-bdy-lg ipt-lg w-full {device.status ? 'bg-green-50' : 'bg-red-50'}">{device.status ? "online" : "offline"}</td> <td class="tbl-bdy-lg ipt-lg w-full {device.status ? 'bg-green-50' : 'bg-red-50'}">{device.status ? "online" : "offline"}</td>
<td class="tbl-bdy-lg ipt-lg w-full">{device.ping ? device.ping : "-"}</td> <td class="tbl-bdy-lg ipt-lg w-full">{device.ping ? device.ping : "-"}</td>

49
src/pages/System.svelte
View File

@@ -136,7 +136,7 @@
export let coreMessages; export let coreMessages;
export let settingsJson; export let settingsJson;
export let startUpdate = () => {}; export let startUpdate = (all) => {};
export let saveSett = () => {}; export let saveSett = () => {};
export let cleanLogs = () => {}; export let cleanLogs = () => {};
export let rebootEsp = () => {}; export let rebootEsp = () => {};
@@ -163,6 +163,14 @@
<p class="text-gray-500 font-bold text-sm text-center truncate">{errorsJson.bn}</p> <p class="text-gray-500 font-bold text-sm text-center truncate">{errorsJson.bn}</p>
</div> </div>
</div> </div>
<div class="flex mb-2 h-6 items-center">
<div class="w-2/3">
<p class="pr-4 text-gray-500 font-bold text-sm truncate">Время компиляции</p>
</div>
<div class="flex justify-center w-1/3">
<p class="text-gray-500 font-bold text-sm text-center truncate">{errorsJson.bt ? errorsJson.bt : "-"}</p>
</div>
</div>
<div class="flex mb-2 h-6 items-center"> <div class="flex mb-2 h-6 items-center">
<div class="w-2/3"> <div class="w-2/3">
<p class="pr-4 text-gray-500 font-bold text-sm truncate">Доступные версии</p> <p class="pr-4 text-gray-500 font-bold text-sm truncate">Доступные версии</p>
@@ -291,7 +299,42 @@
<p class="{errorsJson.rst.toString().includes('Watchdog') || errorsJson.rst.toString().includes('Exception') ? 'text-red-500' : 'text-green-500'} font-bold text-center truncate">{errorsJson.rst}</p> <p class="{errorsJson.rst.toString().includes('Watchdog') || errorsJson.rst.toString().includes('Exception') ? 'text-red-500' : 'text-green-500'} font-bold text-center truncate">{errorsJson.rst}</p>
</div> </div>
</div> </div>
<button class="btn-lg" on:click={() => startUpdate()}>{"Обновить прошивку"}</button> <!--
NOT_STARTED
UPDATE_FS_IN_PROGRESS
UPDATE_FS_COMPLETED
UPDATE_FS_FAILED
UPDATE_BUILD_IN_PROGRESS
UPDATE_BUILD_COMPLETED
UPDATE_BUILD_FAILED
PATH_ERROR
-->
<div class="flex justify-center text-xs sm:text-sm md:text-base lg:text-base xl:text-base 2xl:text-base break-words">
{#if errorsJson.upd === 1}
<p class="text-green-500 mb-2 font-bold text-sm text-center truncate">Обновление FS в процессе...</p>
{/if}
{#if errorsJson.upd === 2}
<p class="text-green-500 mb-2 font-bold text-sm text-center truncate">FS обновлено!</p>
{/if}
{#if errorsJson.upd === 3}
<p class="text-red-500 mb-2 font-bold text-sm text-center truncate">Ошибка обновления FS</p>
{/if}
{#if errorsJson.upd === 4}
<p class="text-green-500 mb-2 font-bold text-sm text-center truncate">Обновление Build в процессе...</p>
{/if}
{#if errorsJson.upd === 5}
<p class="text-green-500 mb-2 font-bold text-sm text-center truncate">Build обновлено!</p>
{/if}
{#if errorsJson.upd === 6}
<p class="text-red-500 mb-2 font-bold text-sm text-center truncate">Ошибка обновления Build</p>
{/if}
{#if errorsJson.upd === 7}
<p class="text-red-500 mb-2 font-bold text-sm text-center truncate">Ошибка пути обновления</p>
{/if}
</div>
<button class="btn-lg mb-2" on:click={() => startUpdate(false)}>{"Обновить прошивку"}</button>
<button class="btn-lg mb-2" on:click={() => startUpdate(true)}>{"Обновить прошивку на всех устройствах"}</button>
<button class="btn-lg" on:click={() => rebootEsp()}>{"Перезагрузить устройство"}</button>
</Card> </Card>
<!--SETTINGS--> <!--SETTINGS-->
<Card title="Системные настройки"> <Card title="Системные настройки">
@@ -414,7 +457,7 @@
<!--LOG--> <!--LOG-->
<Card title="Лог" class="z-50"> <Card title="Лог" class="z-50">
<div class="h-80 overflow-y-auto"> <div class="h-96 overflow-y-auto">
{#each coreMessages as message, i} {#each coreMessages as message, i}
<div class={message.msg.toString().includes("[E]") || message.msg.toString().includes("[!]") ? "text-xs text-red-500" : "text-xs text-black"}>{message.msg}</div> <div class={message.msg.toString().includes("[E]") || message.msg.toString().includes("[!]") ? "text-xs text-red-500" : "text-xs text-black"}>{message.msg}</div>
{/each} {/each}

1
src/svg/Open.svelte
View File

@@ -2,4 +2,5 @@
export let click = () => {}; export let click = () => {};
</script> </script>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<svg on:click={click()} class="h-6 w-6 text-green-400 cursor-pointer" width="24" height="24" viewBox="0 -2 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" /> <circle cx="5" cy="12" r="1" /> <circle cx="12" cy="12" r="1" /> <circle cx="19" cy="12" r="1" /></svg> <svg on:click={click()} class="h-6 w-6 text-green-400 cursor-pointer" width="24" height="24" viewBox="0 -2 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" /> <circle cx="5" cy="12" r="1" /> <circle cx="12" cy="12" r="1" /> <circle cx="19" cy="12" r="1" /></svg>