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

final

Browse Source
This commit is contained in:
Dmitry Borisenko
2023-06-09 01:00:14 +02:00
parent 10cb821fd6
commit 9fd686a9cf
3 changed files with 76 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/pages/List.svelte
View File

@@ -11,9 +11,12 @@
export let showInput;
export let newDevice = {};
export let settingsJson;
export let percent;
export let addDevInList = () => {};
export let saveList = () => {};
export let saveSett = () => {};
export let rebootEsp = () => {};
export let sendToAllDevices = (msg) => {};
@@ -35,7 +38,7 @@
<div class="my-4">
<div class="grd-1col1">
<Card title={settingsJson.udps ? "Список устройств (авто режим)" : "Список устройств (ручной режим)"}>
<table class="tbl">
<table class="tbl mb-0">
<thead class="bg-gray-100">
<tr class="txt-sz txt-pad">
<th class="tbl-hd">Название устройства</th>
@@ -69,17 +72,40 @@
{/if}
</tbody>
</table>
<div class="grd-3col1">
<div class="mb-4">
<div class="w-full bg-gray-200 rounded-full h-0.5 dark:bg-gray-700">
<div class="bg-green-200 h-0.5 rounded-full" style="width: {percent}%" />
</div>
</div>
<div class={settingsJson.udps ? "grd-2col1" : "grd-3col1"}>
{#if !settingsJson.udps}
<button class="btn-lg" on:click={() => ((showInput = !showInput), addDevInList())}>{showInput ? "Добавить" : "Добавить устройство"}</button>
{/if}
<button class="btn-lg" on:click={() => saveList()}>{"Сохранить список"}</button>
<button class="btn-lg" on:click={(msg) => sendToAllDevices("/reboot|")}>{"Перезагрузить все устройства"}</button>
</div>
<!--Dev list mode-->
<div class="mt-4">
<div class="flex mb-2 h-6 items-center">
<div class="w-3/4">
<p class="pr-4 text-gray-500 font-bold text-sm truncate">Автоматический поиск устройств по UDP</p>
</div>
<div class="flex justify-end w-1/4">
<label for="udps" class="items-center cursor-pointer">
<div class="relative">
<input bind:checked={settingsJson.udps} on:change={() => (window.alert("Для данного действия необходима перезагрузка"), saveSett(), rebootEsp())} id="udps" type="checkbox" class="sr-only" />
<div class="block {settingsJson.udps ? 'bg-blue-600' : 'bg-gray-600'} w-10 h-6 rounded-full shadow-lg" />
<div class="dot bg-gray-100 absolute left-1 top-1 w-4 h-4 rounded-full transition shadow-lg" />
</div>
</label>
</div>
</div>
</div>
</Card>
</div>
<Alarm>
<p>Авто режим - список создается автоматически, можно нажать кнопку "сохранить список" что бы использовать его потом в ручном режиме. Ручной режим - используется сохраненный список, возможно ручное добавление удаление устройств. Для переключения режима перейдите на страницу "системные"</p>
<p>Авто режим - список создается автоматически, можно нажать кнопку "сохранить список" что бы использовать его потом в ручном режиме. Ручной режим - используется сохраненный список, возможно ручное добавление удаление устройств.</p>
</Alarm>
</div>
{:else}

16
src/pages/System.svelte
View File

@@ -400,22 +400,6 @@
</div>
{/if}
<!--Dev list mode-->
<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">Автоматический поиск устройств по UDP</p>
</div>
<div class="flex justify-center w-1/3">
<label for="udps" class="items-center cursor-pointer">
<div class="relative">
<input bind:checked={settingsJson.udps} on:change={() => (reboot = true)} id="udps" type="checkbox" class="sr-only" />
<div class="block {settingsJson.udps ? 'bg-blue-600' : 'bg-gray-600'} w-10 h-6 rounded-full shadow-lg" />
<div class="dot bg-gray-100 absolute left-1 top-1 w-4 h-4 rounded-full transition shadow-lg" />
</div>
</label>
</div>
</div>
<!--control-->
<!--<div class="grd-2col1">-->
{#if paramsBeenChanged}