From 2d387673708690496bb4f0d40ed050ad0d62863d Mon Sep 17 00:00:00 2001 From: timoline Date: Sun, 17 May 2015 14:12:05 +0200 Subject: [PATCH 1/4] Move mqtt config to config.js --- config.js | 12 ++++++++++++ index.html | 7 ++++++- 2 files changed, 18 insertions(+), 1 deletion(-) create mode 100644 config.js diff --git a/config.js b/config.js new file mode 100644 index 0000000..5e0e8df --- /dev/null +++ b/config.js @@ -0,0 +1,12 @@ + +host = '192.168.1.22'; // hostname or IP address +//host = "broker.mqttdashboard.com"; +//port = 8000 +port = 9001; +topic = '$SYS/#'; // topic to subscribe to +useTLS = false; +username = null; +password = null; +// username = "jjolie"; +// password = "aa"; +cleansession = true; diff --git a/index.html b/index.html index e7f63e7..8ae3945 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@ +
diff --git a/style.css b/style.css index d026ee0..62900e7 100644 --- a/style.css +++ b/style.css @@ -1,5 +1,5 @@ body { - overflow: hidden; + overflow: auto; margin: 0; font-size: 14px; font-family: "Helvetica Neue", Helvetica; @@ -86,3 +86,32 @@ a:hover { font-size: 12px; color: #999; } +.node circle { + cursor: pointer; + fill: #fff; + stroke: steelblue; + stroke-width: 1.5px; +} + +.node text { + font-size: 11px; +} + +path.link { + fill: none; + stroke: #ccc; + stroke-width: 1.5px; +} + +.popup rect { + fill: blue; + stroke: black; + stroke-width: 1.5px; + opacity: 1; + fill-opacity: 1; +} + +.popup text { + fill: white; + font-weight: bold; +} From d55ea2a45b5a67e9b71a863fe1398493188eebbb Mon Sep 17 00:00:00 2001 From: timoline Date: Sun, 17 May 2015 16:23:27 +0200 Subject: [PATCH 4/4] changed popup style --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 62900e7..12b6d7d 100644 --- a/style.css +++ b/style.css @@ -104,7 +104,7 @@ path.link { } .popup rect { - fill: blue; + fill: lightgrey; stroke: black; stroke-width: 1.5px; opacity: 1; @@ -112,6 +112,6 @@ path.link { } .popup text { - fill: white; + fill: black; font-weight: bold; }