tvolkmann/smart_garden_server
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add the connection to sensor data and display data in chart.

Browse Source
This commit is contained in:
Andrés Uribe Stengel 2020-07-13 19:33:27 +02:00
parent 77323642f9
commit 8f88ebe4a4
5 changed files with 33 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/main.jsx
View File

@ -5,18 +5,28 @@ import App from '../imports/ui/App';
import 'bootstrap/dist/css/bootstrap.min.css';
export const PlantTypesCollection = new Meteor.Collection('plantTypes');
export const SensorDataCollection = new Meteor.Collection('sensorData');
Meteor.startup(() => {
if(Meteor.isServer) {
Meteor.publish('plantTypesCollection', function() {
return PlantTypesCollection.find();
})
Meteor.publish('sensorDataCollection', function() {
return SensorDataCollection.find();
})
}
if (Meteor.isClient) {
Meteor.subscribe('plantTypesCollection');
Meteor.subscribe('sensorDataCollection');
}
Meteor.setTimeout(function() {
console.log(SensorDataCollection.find().fetch());
}, 500);
Meteor.setTimeout(function() {
ReactDOM.render(<App />, document.getElementById('root'));
}, 500);

14
imports/api/sensorData.js Normal file
View File

@ -0,0 +1,14 @@
import {SensorDataCollection} from '../../client/main'
export function getAllSensorData() {
const sensorDataDocuments = SensorDataCollection.find();
var sensorDatas = [];
sensorDataDocuments.forEach((sensorData) => {
var brightnessInPercent = (sensorData.brightness/54000*100).toFixed(0);
sensorDatas.push({ name: sensorData.timestamp, temperature: sensorData.temperature, humidity: sensorData.humidity, light: brightnessInPercent, moisture: sensorData.moisture });
});
return sensorDatas;
}

9
imports/ui/App.jsx
View File

@ -4,16 +4,11 @@ import Home from './Home'
import About from './About'
import Settings from './Settings'
import {BrowserRouter as Router, Switch, Route} from 'react-router-dom'
import {getAllSensorData} from "../api/sensorData";
function App() {
const exampleData = [
{ name: 'Timestamp A', temperature: 38, humidity: 66, light: 75, moisture: 21 },
{ name: 'Timestamp B', temperature: 37, humidity: 65, light: 65, moisture: 22 },
{ name: 'Timestamp C', temperature: 39, humidity: 62, light: 55, moisture: 22 },
{ name: 'Timestamp D', temperature: 40, humidity: 61, light: 85, moisture: 21 },
{ name: 'Timestamp E', temperature: 40, humidity: 60, light: 80, moisture: 21 }
];
const exampleData = getAllSensorData();
return (
<>

2
imports/ui/SensorCardDeck.jsx
View File

@ -19,7 +19,7 @@ export default function SensorCardDeck( {sensorCardValues} ) {
<Card>
<Card.Body>
<Card.Title>Light</Card.Title>
<Card.Text>{sensorCardValues[2]} H</Card.Text>
<Card.Text>{sensorCardValues[2]} %</Card.Text>
</Card.Body>
</Card>
<Card>

6
server/main.js
View File

@ -1,15 +1,21 @@
import { Meteor } from 'meteor/meteor';
var PlantTypesCollection = new Meteor.Collection('plantTypes');
var SensorDataCollection = new Meteor.Collection('sensorData');
Meteor.startup(() => {
if(Meteor.isServer) {
Meteor.publish('plantTypesCollection', function() {
return PlantTypesCollection.find();
})
Meteor.publish('sensorDataCollection', function() {
return SensorDataCollection.find();
})
}
if (Meteor.isClient) {
Meteor.subscribe('plantTypesCollection');
Meteor.subscribe('sensorDataCollection');
}
});