dj7nt/mqtsream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bit more eyecandy

Browse Source
This commit is contained in:
Dorgeist
2025-04-02 13:17:10 +00:00
parent a596567204
commit e8106f64d3
3 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="/jquery/jquery.min.js"></script>
<script src="/socket.io/socket.io.js"></script> <script src="/socket.io/socket.io.js"></script>
<style type="text/css" rel="stylesheet"> <style type="text/css" rel="stylesheet">
#mqtt{ border: 1px solid #444; overflow-x:hidden; overflow-y:auto; background-color:#333; color: #EEE; text-shadow:#000 0 0 2px; height: 400px; padding: 10px; font-size:12px; line-height:20px;} #mqtt{ border: 1px solid #444; overflow-x:hidden; overflow-y:auto; background-color:#333; color: #EEE; text-shadow:#000 0 0 2px; height: 400px; padding: 10px; font-size:12px; line-height:20px;}
@@ -21,6 +21,7 @@
th { th {
background-color: #f4f4f4; background-color: #f4f4f4;
} }
.new-row { background-color: #ff0099; transition: background-color 1.5s; }
</style> </style>
</head> </head>
<body> <body>
@@ -86,7 +87,9 @@
row.appendChild(CellMode); row.appendChild(CellMode);
row.appendChild(CellRSTR); row.appendChild(CellRSTR);
row.appendChild(CellRSTS); row.appendChild(CellRSTS);
row.classList.add('new-row');
tableBody.insertBefore(row, tableBody.firstChild); tableBody.insertBefore(row, tableBody.firstChild);
$(row).removeClass('new-row', 1500);
}); });

6
mqtt.js
View File

@@ -4,11 +4,15 @@ var mqttserver=config.mqttserver.host; // mqtt-host aus json im configfile hole
var mqtt = require('mqtt'); // mqtt-module einbinden var mqtt = require('mqtt'); // mqtt-module einbinden
var dateFormat = require('dateformat'); // date-format-module einbinden var dateFormat = require('dateformat'); // date-format-module einbinden
var topica='#'; // variable in der das topic gehalten wird var topica='#'; // variable in der das topic gehalten wird
const app = require('express')(); // http-express framework laden (macht routing, etc.) const path = require('path');
const express = require('express');
const app = express(); // http-express framework laden (macht routing, etc.)
const http = require('http').Server(app); // http-server module laden const http = require('http').Server(app); // http-server module laden
const io = require('socket.io')(http); // socket.io einbinden const io = require('socket.io')(http); // socket.io einbinden
var client=new Array(); // Haelt die einzelnen mqtt-clients je (browser-)client var client=new Array(); // Haelt die einzelnen mqtt-clients je (browser-)client
app.use('/jquery', express.static(path.join(__dirname, 'node_modules', 'jquery', 'dist')));
app.get('/', (req, res) => { // Routing fuer index.html app.get('/', (req, res) => { // Routing fuer index.html
res.sendFile(__dirname + '/index.html'); // index.html rauspusten res.sendFile(__dirname + '/index.html'); // index.html rauspusten
}); });

1
package.json
View File

@@ -3,6 +3,7 @@
"dateformat": "", "dateformat": "",
"express": "", "express": "",
"http": "", "http": "",
"jquery": "^3.7.1",
"mqtt": "", "mqtt": "",
"socket.io": "" "socket.io": ""
}, },