diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/javascripts/dash.js | 10 | ||||
| -rw-r--r-- | public/stylesheets/style.css | 57 |
2 files changed, 64 insertions, 3 deletions
diff --git a/public/javascripts/dash.js b/public/javascripts/dash.js index e3f39a9..821e9c1 100644 --- a/public/javascripts/dash.js +++ b/public/javascripts/dash.js @@ -11,7 +11,7 @@ var dash = { init: function(deviceId) { this.deviceId = deviceId; - $('#' + deviceId).addClass('active'); + $('.' + deviceId).addClass('active'); this.initRealtimeGauge(); this.initRealtimeTrendChart(); @@ -305,7 +305,13 @@ var dash = { $("#power-state").text("OFF").attr("class", "label label-danger"); } - $("#uptime").text(moment.duration(powerState.uptime, "seconds").format("d[d] h[h] m[m]")); + if(powerState.uptime === 0) { + $("#uptime").text("-"); + } + else { + $("#uptime").text(moment.duration(powerState.uptime, "seconds").format("d[d] h[h] m[m]", {largest: 2})); + } + }, }; diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index 6d37c8f..2057c4d 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -31,4 +31,59 @@ footer ul { color: #a94442; background-color: #f2dede; border-color: #ebccd1; -}
\ No newline at end of file +} + +.list-inline > .active { + font-weight: bold; +} + +.nav_title { + width: 170px; +} + +.nav-md .container.body .col-md-3.left_col { + width: 170px; +} + +.nav-md .container.body .right_col { + margin-left: 170px; +} + +@media (min-width: 992px) { + footer { + margin-left: 170px; + } +} + +@media (max-width: 991px) { + .nav-md .container.body .right_col { + padding-right: 0; + margin-left: 0; + } +} + +@media (max-width: 1100px) { + .col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-8, .col-md-9, .col-xs-12, .col-lg-2 { + padding-left: 5px; + padding-right: 5px; + } +} + +@media (min-width: 1635px) { + .col-xl-2,{ + float: left; + } + .col-xl-2 { + width: 16.66666667%; + } +} + +.device-list-small{ + display: none; +} + +@media (max-width: 991px) { + .device-list-small{ + display: inline; + } +} |