-
-
+ (null);
+
+ const twoHoursAgo = new Date(Date.now() - 2 * 60 * 60 * 1000);
+
+ const updateMeasureData = async () => {
+ const response = await fetchGetMeasuresList({
+ where: {
+ sensor_uuid: {
+ not: {
+ in: [],
+ },
+ },
+ time: {
+ gte: twoHoursAgo.toISOString(),
+ },
+ },
+ });
+ if (response !== null) {
+ setMeasures(response);
+ }
+ };
+
+ const [measuresCount, setMeasuresCount] = useState(0);
+
+ const updateAllMeasureData = async () => {
+ const response = await fetchGetMeasuresList({
+ select: {
+ uuid: true,
+ }
+ });
+ if (response !== null) {
+ setMeasuresCount(response.length);
+ }
+ };
+
+ function upd() {
+ updateAllMeasureData();
+ updateMeasureData();
+ }
+
+ useEffect(() => {
+ upd();
+ const interval = setInterval(upd, 5000);
+ return () => clearInterval(interval);
+ }, []);
+
+ const data = {
+ labels: ['Fatal', 'Success'],
+ datasets: [
+ {
+ label: '# of Votes',
+ data: [measures?.length || 0, measuresCount],
+ backgroundColor: [
+ 'rgba(255, 99, 132, 0.2)',
+ 'rgba(54, 162, 235, 0.2)',
+ ],
+ borderColor: [
+ 'rgba(255, 99, 132, 1)',
+ 'rgba(54, 162, 235, 1)',
+ ],
+ borderWidth: 1,
+ },
+ ],
+ };
+
+ return (
+ (null);
+
+ const updateSensorsData = async () => {
+ const response = await fetchGetSensorsList({
+ select: {
+ lat: true,
+ lng: true,
+ }
+ });
+ if (response !== null) {
+ setSensors(response);
+ }
+ };
+
+ const fetchGetAgregatorsList = async (params: PrismaAgr.AgregatorFindManyArgs = {}) => {
+ try {
+ const response = await axios.post( AGW_URL + '/api/v1/agregator/get-with-params', params);
+ const data = response.data;
+ return data;
+ } catch (error) {
+ console.error('Error fetching data:', error);
+ return null;
+ }
+ };
+
+ const [agregators, setAgregators] = useState(null);
+
+ const updateAgregatorsData = async () => {
+ const response = await fetchGetAgregatorsList({
+ select: {
+ lat: true,
+ lng: true,
+ }
+ });
+ if (response !== null) {
+ setAgregators(response);
+ }
+ };
+
+ function upd() {
+ updateAgregatorsData();
+ updateSensorsData();
+ }
+
+ useEffect(() => {
+ upd();
+ const interval = setInterval(upd, 30000);
+ return () => clearInterval(interval);
+ }, []);
+
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+ // @ts-ignore
+ // const mergedArray = [...agregators, ...sensors];
+ // const temperatures = agregators.map(item => [item.lng, item.lat]);
+ // console.log(temperatures);
+ return (
+
+
);
diff --git a/weather_platform/ui-modules/src/index.ts b/weather_platform/ui-modules/src/index.ts
index d682ad2..e62b5b3 100644
--- a/weather_platform/ui-modules/src/index.ts
+++ b/weather_platform/ui-modules/src/index.ts
@@ -1,3 +1,6 @@
+export * from './lib/sensors-vebrations-graph/sensors-vebrations-graph';
+export * from './lib/potantial-probleme-sensors-table/potantial-probleme-sensors-table';
+export * from './lib/sensors-lumin-graph/sensors-lumin-graph';
export * from './lib/sensors-humidity-graph/sensors-humidity-graph';
export * from './lib/sensors-temperature-graph/sensors-temperature-graph';
export * from './lib/sensors-table-item/sensors-table-item';
diff --git a/weather_platform/ui-modules/src/lib/potantial-probleme-sensors-table/ok-status.gif b/weather_platform/ui-modules/src/lib/potantial-probleme-sensors-table/ok-status.gif
new file mode 100755
index 0000000..21908af
Binary files /dev/null and b/weather_platform/ui-modules/src/lib/potantial-probleme-sensors-table/ok-status.gif differ
diff --git a/weather_platform/ui-modules/src/lib/potantial-probleme-sensors-table/potantial-probleme-sensors-table.module.scss b/weather_platform/ui-modules/src/lib/potantial-probleme-sensors-table/potantial-probleme-sensors-table.module.scss
new file mode 100644
index 0000000..45c2aa4
--- /dev/null
+++ b/weather_platform/ui-modules/src/lib/potantial-probleme-sensors-table/potantial-probleme-sensors-table.module.scss
@@ -0,0 +1,7 @@
+/*
+ * Replace this with your own classes
+ *
+ * e.g.
+ * .container {
+ * }
+*/
diff --git a/weather_platform/ui-modules/src/lib/potantial-probleme-sensors-table/potantial-probleme-sensors-table.spec.tsx b/weather_platform/ui-modules/src/lib/potantial-probleme-sensors-table/potantial-probleme-sensors-table.spec.tsx
new file mode 100644
index 0000000..f816b83
--- /dev/null
+++ b/weather_platform/ui-modules/src/lib/potantial-probleme-sensors-table/potantial-probleme-sensors-table.spec.tsx
@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+
+import PotantialProblemeSensorsTable from './potantial-probleme-sensors-table';
+
+describe('PotantialProblemeSensorsTable', () => {
+ it('should render successfully', () => {
+ const { baseElement } = render(
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default PotantialProblemeSensorsTable;
diff --git a/weather_platform/ui-modules/src/lib/sensors-humidity-graph/sensors-humidity-graph.tsx b/weather_platform/ui-modules/src/lib/sensors-humidity-graph/sensors-humidity-graph.tsx
index 462ea05..e923c4d 100644
--- a/weather_platform/ui-modules/src/lib/sensors-humidity-graph/sensors-humidity-graph.tsx
+++ b/weather_platform/ui-modules/src/lib/sensors-humidity-graph/sensors-humidity-graph.tsx
@@ -29,7 +29,7 @@ const options = {
},
title: {
display: true,
- text: "Sensors Temperature Graph",
+ text: "Sensors Humidity Graph",
},
},
};
@@ -47,6 +47,7 @@ export interface SensorsHumidityGraphProps {
export function SensorsHumidityGraph(props: SensorsHumidityGraphProps) {
const labels = props.data.map(item => parseInt(item.time));
const Humidities = props.data.map(item => parseInt(item.value));
+ Humidities.reverse();
const data = {
labels,
diff --git a/weather_platform/ui-modules/src/lib/sensors-lumin-graph/sensors-lumin-graph.module.scss b/weather_platform/ui-modules/src/lib/sensors-lumin-graph/sensors-lumin-graph.module.scss
new file mode 100644
index 0000000..45c2aa4
--- /dev/null
+++ b/weather_platform/ui-modules/src/lib/sensors-lumin-graph/sensors-lumin-graph.module.scss
@@ -0,0 +1,7 @@
+/*
+ * Replace this with your own classes
+ *
+ * e.g.
+ * .container {
+ * }
+*/
diff --git a/weather_platform/ui-modules/src/lib/sensors-lumin-graph/sensors-lumin-graph.spec.tsx b/weather_platform/ui-modules/src/lib/sensors-lumin-graph/sensors-lumin-graph.spec.tsx
new file mode 100644
index 0000000..180106a
--- /dev/null
+++ b/weather_platform/ui-modules/src/lib/sensors-lumin-graph/sensors-lumin-graph.spec.tsx
@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+
+import SensorsLuminGraph from './sensors-lumin-graph';
+
+describe('SensorsLuminGraph', () => {
+ it('should render successfully', () => {
+ const { baseElement } = render(Incorect get data from Sensors
+
+
+
+
+
+
+ {
+ measures?.length === 0 &&
+
+ | + Type / Value + | ++ Last connection + | ++ Sensor + | ++ Created at + | ++ status + | +
|---|---|---|---|---|
|
+
+
+ + { measure.type } / { measure.value } + + |
+
+ + { measure.time.toString() } + + |
+
+ + + { measure.sensor_uuid } + + + |
+
+ + { measure.createdAt.toString() } + + |
+ + + + + deactive + + + | +
+ 
+
+ }
+ Notion not found. All sensors working correct!
+
+
+
+
+ );
+}
+
+export default SensorsLuminGraph;
diff --git a/weather_platform/ui-modules/src/lib/sensors-temperature-graph/sensors-temperature-graph.tsx b/weather_platform/ui-modules/src/lib/sensors-temperature-graph/sensors-temperature-graph.tsx
index afa5219..27a958a 100644
--- a/weather_platform/ui-modules/src/lib/sensors-temperature-graph/sensors-temperature-graph.tsx
+++ b/weather_platform/ui-modules/src/lib/sensors-temperature-graph/sensors-temperature-graph.tsx
@@ -48,6 +48,7 @@ export function SensorsTemperatureGraph(props: SensorsTemperatureGraphProps) {
const labels = props.data.map(item => parseInt(item.time));
const temperatures = props.data.map(item => parseInt(item.value));
+ temperatures.reverse();
const data = {
labels,
diff --git a/weather_platform/ui-modules/src/lib/sensors-vebrations-graph/sensors-vebrations-graph.module.scss b/weather_platform/ui-modules/src/lib/sensors-vebrations-graph/sensors-vebrations-graph.module.scss
new file mode 100644
index 0000000..45c2aa4
--- /dev/null
+++ b/weather_platform/ui-modules/src/lib/sensors-vebrations-graph/sensors-vebrations-graph.module.scss
@@ -0,0 +1,7 @@
+/*
+ * Replace this with your own classes
+ *
+ * e.g.
+ * .container {
+ * }
+*/
diff --git a/weather_platform/ui-modules/src/lib/sensors-vebrations-graph/sensors-vebrations-graph.spec.tsx b/weather_platform/ui-modules/src/lib/sensors-vebrations-graph/sensors-vebrations-graph.spec.tsx
new file mode 100644
index 0000000..0a21bcc
--- /dev/null
+++ b/weather_platform/ui-modules/src/lib/sensors-vebrations-graph/sensors-vebrations-graph.spec.tsx
@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+
+import SensorsVebrationsGraph from './sensors-vebrations-graph';
+
+describe('SensorsVebrationsGraph', () => {
+ it('should render successfully', () => {
+ const { baseElement } = render(
+
+
+
+ );
+}
+
+export default SensorsVebrationsGraph;
diff --git a/weather_platform/ui/src/index.ts b/weather_platform/ui/src/index.ts
index 2de2b63..62a4b46 100644
--- a/weather_platform/ui/src/index.ts
+++ b/weather_platform/ui/src/index.ts
@@ -1,2 +1,3 @@
+export * from './lib/sensors-on-map/sensors-on-map';
export * from './lib/nav-link/nav-link';
export * from './lib/ui';
diff --git a/weather_platform/ui/src/lib/sensors-on-map/sensors-on-map.module.scss b/weather_platform/ui/src/lib/sensors-on-map/sensors-on-map.module.scss
new file mode 100644
index 0000000..45c2aa4
--- /dev/null
+++ b/weather_platform/ui/src/lib/sensors-on-map/sensors-on-map.module.scss
@@ -0,0 +1,7 @@
+/*
+ * Replace this with your own classes
+ *
+ * e.g.
+ * .container {
+ * }
+*/
diff --git a/weather_platform/ui/src/lib/sensors-on-map/sensors-on-map.spec.tsx b/weather_platform/ui/src/lib/sensors-on-map/sensors-on-map.spec.tsx
new file mode 100644
index 0000000..b9b1b1c
--- /dev/null
+++ b/weather_platform/ui/src/lib/sensors-on-map/sensors-on-map.spec.tsx
@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+
+import SensorsOnMap from './sensors-on-map';
+
+describe('SensorsOnMap', () => {
+ it('should render successfully', () => {
+ const { baseElement } = render(
+
+
+
+
+
+
+ );
+}
+
+export default SensorsOnMap;