iotmanager/IoTManagerWeb
1
0
Fork 0
mirror of https://github.com/IoTManagerProject/IoTManagerWeb.git synced 2026-03-26 15:02:21 +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 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="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>
<body></body>

171
src/App.svelte
View File

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

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={() => rebootEsp()}>{"Перезагрузить устройство"}</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">
<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 saveSett = () => {};
export let sendToAllDevices = (msg) => {};
export let applicationReboot = () => {};
let debug = true;
@@ -34,7 +35,8 @@
function onModeChange() {
show = false;
saveSett();
location.reload();
applicationReboot();
//location.reload();
}
function onSaveList() {
@@ -44,33 +46,22 @@
if (showInput) {
//если поля были заполнены
if (addDevInList()) {
show = false;
saveList();
showInput = false;
//window.alert("Устройство было добавленно");
setTimeout(() => {
location.reload();
}, 1000);
applicationReboot();
} else {
showInput = false;
}
//если не открыли поля для заполнения
} else {
show = false;
saveList();
//window.alert("Список устройств сохранен на ESP");
setTimeout(() => {
location.reload();
}, 1000);
applicationReboot();
}
//если авторежим
} else {
saveList();
window.alert("Список устройств сохранен в память ESP. Перейдите в ручной режим для использования сохраненного списка");
show = false;
setTimeout(() => {
location.reload();
}, 1000);
applicationReboot();
}
}
</script>
@@ -86,6 +77,7 @@
<th class="tbl-hd">Название устройства</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 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"><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.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.ping ? device.ping : "-"}</td>

49
src/pages/System.svelte
View File

@@ -136,7 +136,7 @@
export let coreMessages;
export let settingsJson;
export let startUpdate = () => {};
export let startUpdate = (all) => {};
export let saveSett = () => {};
export let cleanLogs = () => {};
export let rebootEsp = () => {};
@@ -163,6 +163,14 @@
<p class="text-gray-500 font-bold text-sm text-center truncate">{errorsJson.bn}</p>
</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="w-2/3">
<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>
</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>
<!--SETTINGS-->
<Card title="Системные настройки">
@@ -414,7 +457,7 @@
<!--LOG-->
<Card title="Лог" class="z-50">
<div class="h-80 overflow-y-auto">
<div class="h-96 overflow-y-auto">
{#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>
{/each}

1
src/svg/Open.svelte
View File

@@ -2,4 +2,5 @@
export let click = () => {};
</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>