diff options
author | Freeyorp <TheFreeYorp@NOSPAM.G.m.a.i.l.replace> | 2013-05-14 18:11:04 +1200 |
---|---|---|
committer | Freeyorp <TheFreeYorp@NOSPAM.G.m.a.i.l.replace> | 2013-05-14 18:11:04 +1200 |
commit | 7b23084e34632920a824a64a01e3fd8a4522ba19 (patch) | |
tree | d3f42a4676d809cd022b21b50edd2d6e0f73b025 | |
parent | 16c82074c11a7d00185b2cb33065b1394ee0ff66 (diff) | |
download | manavis-7b23084e34632920a824a64a01e3fd8a4522ba19.tar.gz manavis-7b23084e34632920a824a64a01e3fd8a4522ba19.tar.bz2 manavis-7b23084e34632920a824a64a01e3fd8a4522ba19.tar.xz manavis-7b23084e34632920a824a64a01e3fd8a4522ba19.zip |
Separate connection status, hide while offline
-rw-r--r-- | public/css/style.css | 9 | ||||
-rw-r--r-- | public/index.html | 2 | ||||
-rw-r--r-- | public/js/mv/connect.js | 1 |
3 files changed, 10 insertions, 2 deletions
diff --git a/public/css/style.css b/public/css/style.css index f23b541..d223226 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -72,7 +72,8 @@ svg { /* Titles */ h3 { - margin: 0.3em 0.8em; + margin: 0; + padding: 0.3em 0.8em; } /* Loadinfo panel */ @@ -146,6 +147,12 @@ h3 { /* User list */ +#connect-status { + border-left: 1px black solid; + border-bottom: 1px black solid; + display: none; +} + #users-status { padding-left: 20px; } diff --git a/public/index.html b/public/index.html index 856bbba..0ab91a1 100644 --- a/public/index.html +++ b/public/index.html @@ -8,7 +8,7 @@ <div id="vis" class="vis-hide"> <div class="side med col3"> <div id="connect-status"> - <h3>Users</h3> + <h3>Manavis users</h3> <ul id="users-status"></ul> </div> <div id="blvl-chart"> diff --git a/public/js/mv/connect.js b/public/js/mv/connect.js index 41e2f0b..0fee5e7 100644 --- a/public/js/mv/connect.js +++ b/public/js/mv/connect.js @@ -17,6 +17,7 @@ var mv = function(mv) { socket = io.connect('http://localhost:3000'); socket.on("connect", function() { console.log("CONNECT", arguments); }); socket.on("disconnect", function() { console.log("DISCONNECT", arguments); }); + d3.select("#connect-status").style("display", "block"); socket.emit('login'); /* * Protocol: |