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
2022-09-28 17:26:33 +02:00
parent 84dfcd10d3
commit b3b4cbeb10
5 changed files with 20 additions and 12 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.3.4</title>
<title>IoT Manager 4.3.5</title>
<link rel="icon" type="image/png" href="/favicon.ico" />
<link rel="stylesheet" href="/build/bundle.css?434" />
<link rel="stylesheet" href="/build/bundle.css?435" />
<script defer src="/build/bundle.js?434"></script>
<script defer src="/build/bundle.js?435"></script>
</head>
<body></body>

5
src/App.svelte
View File

@@ -42,7 +42,7 @@
//****************************************************variable section**********************************************************/
//******************************************************************************************************************************/
let myip = document.location.hostname;
if (devMode) myip = "192.168.88.248";
if (devMode) myip = "192.168.88.241";
//Flags
let firstDevListRequest = true;
@@ -769,7 +769,8 @@
widget.topic = settingsJson.root + "/" + config.id;
if (setWidget !== "nil") layout.push(widget);
if (widget.widget === "chart") {
//создаем графики с окнами ввода
if (widget.widget === "chart" && widget.type !== "bar") {
let input = getInput();
input.page = config.page;
input.topic = settingsJson.root + "/" + config.id + "-date";

4
src/pages/Config.svelte
View File

@@ -16,7 +16,7 @@
export let saveConfig = () => {};
export let rebootEsp = () => {};
export let cleanLogs = () => {};
//export let cleanLogs = () => {};
function elementsDropdownChange() {
for (let i = 0; i < itemsJson.length; i++) {
@@ -137,7 +137,7 @@
<div class="grd-1col1">
<Card>
<div class="grd-2col1">
<button class="btn-lg" on:click={() => (cleanLogs(), saveConfig())}>{"Сохранить"}</button>
<button class="btn-lg" on:click={() => saveConfig()}>{"Сохранить"}</button>
<button class="btn-lg" on:click={() => rebootEsp()}>{"Перезагрузить"}</button>
</div>
</Card>

6
src/widgets/Anydata.svelte
View File

@@ -12,7 +12,7 @@
function blink() {
if (widget.status) {
if (widget.status != prevStatus) {
setTimeout(stopBlink, 4000);
setTimeout(stopBlink, 500);
green = true;
}
prevStatus = widget.status;
@@ -31,8 +31,8 @@
</div>
<div class="flex justify-end w-1/3">
<!-- svelte-ignore a11y-label-has-associated-control -->
<label class="wgt-adt-stl {green ? 'text-green-500 animate-pulse' : ''}">{!widget.status ? "" : widget.status}</label>
<label class="wgt-adt-stl {green ? 'text-green-500' : ''}">{!widget.status ? "" : widget.status}</label>
<!-- svelte-ignore a11y-label-has-associated-control -->
<label class="wgt-adt-stl {green ? 'text-green-500 animate-pulse' : ''}">&nbsp;{!widget.after ? "" : widget.after}</label>
<label class="wgt-adt-stl {green ? 'text-green-500' : ''}">&nbsp;{!widget.after ? "" : widget.after}</label>
</div>
</div>

11
src/widgets/Chart.svelte
View File

@@ -33,6 +33,11 @@
lineOptions = { regionFill: 1, dotSize: 3, spline: 1 };
}
let type = "line";
if (widget.type == "bar") {
type = widget.type;
}
$: widget, collectDataToArr();
function collectDataToArr() {
@@ -49,7 +54,9 @@
}
for (let i = 0; i < widget.status.length; i++) {
if (i === 0) {
if (type === "bar") {
labels[i] = getDDMM(widget.status[i].x);
} else if (i === 0) {
labels[i] = getDDMM(widget.status[i].x);
} else {
labels[i] = getHHMM(widget.status[i].x);
@@ -107,4 +114,4 @@
<label class="inline-block italic align-top text-center text-gray-500 txt-sz">{!widget.descr ? "" : widget.descr}</label>
</div>
<Chart data={datachart} type="line" lineOptions={lineOptions} axisOptions={axisOptions} height="200" padding="0px" />
<Chart data={datachart} type={type} lineOptions={lineOptions} axisOptions={axisOptions} height="200" padding="0px" />