/* * config.h * * Configuration options for ESP-Weather. * * ---------------------------------------------------------------------------- * "THE BEER-WARE LICENSE" (Revision 42): * & wrote this file. As long as * you retain this notice you can do whatever you want with this stuff. If we * meet some day, and you think this stuff is worth it, you can buy us a beer * in return. Thomas Buck & Christian Högerle * ---------------------------------------------------------------------------- */ #ifndef __CONFIG_H__ #define __CONFIG_H__ #define WEB_PORT 80 #define BROADCAST_PORT 2390 #define WEBSOCKET_PORT 2391 #define NTP_PORT_FROM 2392 #define NTP_PORT_TO 123 // WiFi Credentials for the captive config portal AP #define DEFAULT_SSID "ESP-Weather" #define DEFAULT_PASS "testtest" #define MAX_BROADCAST_WAIT_TIME 550 #define NTP_RETRY_TIMEOUT 2500 #define NTP_SERVER_NAME "time.nist.gov" #define NTP_PACKET_SIZE 48 #define UDP_PACKET_BUFFER_SIZE 25 // Size of EEPROM for history storage. // 4096 should be ok, but too large values cause system crashes! #define EEPROM_SIZE 512 // Broadcast Identifier. Change this when the protocol changes! #define UDP_PING_CONTENTS "pingESP8266v0.1" #define UDP_ECHO_CONTENTS "echoESP8266v0.1" // These strings are auto-generated from the template.html file included in the repo. // Use the convert-static.py script to recreate them after changes to the template. #define HTML_BEGIN "ESP-Weather

ESP-Weather

© Copyright 2016 by Christian Högerle und Thomas Buck

" #define JS_FILE "var arrSensor = Array();\n\ntextAvailableSensors = \"Available Sensors\";\ntextButtonNext = \"Continue\";\n\n$(document).ready(function() {\n$('#main-part').append(`\n
\n
\n
\n
\n` + textAvailableSensors + ` (0/0)\n
\n
\n
    \n
    \n\n
    \n
    \n
    \n
    `);\n\nvar actTime = new Date();\nactTime = actTime.getHours() + \":\" + (actTime.getMinutes() < 10 ? '0':'') + actTime.getMinutes();\n\n$('#listSensorsHeading').empty();\n$('#listSensorsHeading').html(textAvailableSensors + \" (0/\" + clients.length + \")\");\n\nvar count = [0];\njQuery.each(clients, function(index, client) {\nwebSocket(client, \"2391\", count, clients.length);\n});\n\n$(\"#btnSubmit\").click(function(event) {\n$('#contentDiv').empty();\ngenerateView(arrSensor, actTime);\n});\n});\n\nfunction webSocket(wsUri, wsPort, count, clientsCount) {\nwebsocket = new WebSocket(\"ws://\" + wsUri + \":\" + wsPort + \"/\");\nwebsocket.onopen = function(evt) {};\nwebsocket.onclose = function(evt) {};\nwebsocket.onmessage = function(evt) {\nvar jsonData = jQuery.parseJSON(evt.data);\ncount[0]++;\nvar sensor = {id: count[0], ip: wsUri, actualTemp: jsonData['T'], actualHum: jsonData['H']};\nvar arrEEPROM = Array();\njQuery.each(jsonData['EEPROM'], function(index, data) {\narrEEPROM.push(data);\n});\nsensor.arrEEPROM = arrEEPROM;\narrSensor.push(sensor);\n$('#listSensorsHeading').html(textAvailableSensors + \" (\" + sensor.id + \"/\" + clientsCount + \")\");\n$('#listSensors').append('
  • ' +\n' Sensor ' + sensor.id +\n' | IP: ' + sensor.ip +\n' | aktuelle Temperatur: ' + sensor.actualTemp +\n' | aktuelle Luftfeuchtigkeit: ' + sensor.actualHum +\n'
    • ');\n\nif(count[0] == clientsCount) {\n$('#btnSubmit').prop(\"disabled\", false);\n}\n};\nwebsocket.onerror = function(evt) {\nif($('#websocketError').length ) {\n$('.alert-danger').append('Sensor mit der IP:' + wsUri + ' konnte nicht abgefragt werden!
    ');\n} else {\n$('#alertDiv').append('
    ' +\n'Fehler:
    Sensor mit der IP:' + wsUri + ' konnte nicht abgefragt werden!
    ' +\n'
    ');\n}\nconsole.log(evt.data);\n};\n}\n\nfunction generateView(arrSensor, actTime) {\n$('#contentDiv').append(`
    \n
    \n\n
    \n
    \n
    \n
    \n
    \n
    `);\n\njQuery.each(arrSensor, function(index, sensor) {\n$('.nav-pills').append('
  • Sensor ' + sensor.id + '
    • ');\n});\n\ngenerateGraph(true, arrSensor, actTime);\n\n$(\".navtab\").click(function(event) {\n$('#contentPanel').empty();\nif(event.target.text == \"Home\") {\ngenerateGraph(true, arrSensor, actTime);\n} else {\ngenerateGraph(false, arrSensor[(event.target.text.split(\" \")[1] - 1)], actTime);\n}\n});\n}\n\nfunction generateGraph(flag, sensor, actTime) {\n$('#contentPanel').append(`
    \n
    \n\n
    \n
    \n\n
    \n
    `);\nif(flag) { var length = 0;\njQuery.each(sensor, function(index, tmp) {\nif(length < tmp.arrEEPROM.length) {\nlength = tmp.arrEEPROM.length;\n}\n});\n\nvar labels = Array();\nactHour = actTime.split(\":\")[0];\nfor(var i = length; i > 0; i--) {\nlabels.unshift(actHour + \":00\");\nactHour = (actHour - 1).mod(24);\n}\nlabels.push(actTime);\n\nvar dataTemperature = Array();\nvar dataHumidity = Array();\n\nvar tmpDataTemperature = Array();\nvar tmpDataHumidity = Array();\njQuery.each(sensor, function(index, tmp) {\nfor(var i = 0; i < (length - tmp.arrEEPROM.length); i++) {\ntmpDataTemperature.push([]);\ntmpDataHumidity.push([]);\n}\njQuery.each(tmp.arrEEPROM, function(index, value) {\ntmpDataTemperature.push(value['T']);\ntmpDataHumidity.push(value['H']);\n});\ntmpDataTemperature.push(tmp.actualTemp);\ntmpDataHumidity.push(tmp.actualHum);\n\nvar lineColor = getRandomColor();\ndataTemperature.push({label: \"Sensor \" + tmp.id, data: tmpDataTemperature, fill: false,\nborderWidth: 3, borderColor : lineColor,});\ndataHumidity.push({label: \"Sensor \" + tmp.id, data: tmpDataHumidity, fill: false,\nborderWidth: 3, borderColor : lineColor,});\n\ntmpDataTemperature = [];\ntmpDataHumidity = [];\n});\n} else { var labels = Array();\n\nvar tmpDataTemperature = Array();\nvar tmpDataHumidity = Array();\nactHour = actTime.split(\":\")[0];\nactHour = (actHour - sensor.arrEEPROM.length).mod(24);\njQuery.each(sensor.arrEEPROM, function(index, value) {\nactHour = (actHour + 1).mod(24);\nlabels.push(actHour + \":00\");\ntmpDataTemperature.push(value['T']);\ntmpDataHumidity.push(value['H']);\n});\n\nlabels.push(actTime);\ntmpDataTemperature.push(sensor.actualTemp);\ntmpDataHumidity.push(sensor.actualHum);\n\nvar dataTemperature = [{label: 'Temperatur [C]', data: tmpDataTemperature,\nfill: false, borderWidth: 3, borderColor: '#337ab7',}];\nvar dataHumidity = [{label: 'Luftfeuchtigkeit [%RH]', data: tmpDataHumidity,\nfill: false, borderWidth: 3, borderColor: '#337ab7',}];\n}\n\nvar tempCtx = $('#temperaturChart');\nvar humCtx = $('#humidityChart');\n\nvar tempChart = new Chart(tempCtx, {\ntype: 'line',\ndata: {\nlabels: labels,\ndatasets: dataTemperature,\n},\noptions: {\ntitle: {\ndisplay: true,\ntext: 'Temperaturverlauf'\n}\n}\n});\n\nvar humCharts = new Chart(humCtx, {\ntype: 'line',\ndata: {\nlabels: labels,\ndatasets: dataHumidity,\n},\noptions: {\ntitle: {\ndisplay: true,\ntext: 'Luftfeuchtigkeitverlauf'\n}\n}\n});\n}\n\nNumber.prototype.mod = function(n) {\nreturn ((this%n)+n)%n;\n}\n\nfunction getRandomColor() {\nvar letters = '0123456789ABCDEF'.split('');\nvar color = '#';\nfor (var i = 0; i < 6; i++ ) {\ncolor += letters[Math.floor(Math.random() * 16)];\n}\nreturn color;\n}\n" #endif // __CONFIG_H__