margin-top: 10px;
}
- .container {
- width: 90% !important;
- }
-
#masthead h1 {
/*font-size: 30px;*/
line-height: 1;
margin-top: 0;
}
+ .container {
+ width: calc(100% - 20px) !important;
+ }
+
+ .charts-body {
+ display: inline-block;
+ width: 100%;
+ }
+
+ .sidebar-body {
+ position: absolute;
+ display: none;
+ }
+
@media (min-width: 768px) {
+ .charts-body {
+ padding-left: 0%;
+ padding-right: 0%;
+ }
+
.back-to-top,
.dashboard-theme-toggle {
display: block;
}
+ }
- /* Widen the fixed sidebar */
- .dashboard-sidebar.affix,
- .dashboard-sidebar.affix-top,
- .dashboard-sidebar.affix-bottom {
- width: 200px !important;
- }
-
- .dashboard-sidebar.affix {
- position: fixed; /* Undo the static from mobile first approach */
- top: 20px;
+ /* Show and affix the side nav when space allows it */
+ @media (min-width: 992px) {
+ .container {
+ padding-left: 1% !important;
}
- .dashboard-sidebar.affix-bottom {
- position: absolute; /* Undo the static from mobile first approach */
+ .charts-body {
+ width: calc(100% - 213px) !important;
+ padding-right: 0% !important;
}
- .dashboard-sidebar.affix-bottom .dashboard-sidenav,
- .dashboard-sidebar.affix .dashboard-sidenav {
- margin-top: 0;
- margin-bottom: 0;
+ .sidebar-body {
+ display: inline-block !important;
+ width: 213px !important;
}
- }
- /* Show and affix the side nav when space allows it */
- @media (min-width: 992px) {
.dashboard-sidebar .nav > .active > ul {
display: block;
}
.dashboard-sidebar.affix,
.dashboard-sidebar.affix-top,
.dashboard-sidebar.affix-bottom {
- width: 200px !important;
+ width: 213px !important;
}
.dashboard-sidebar.affix {
position: fixed; /* Undo the static from mobile first approach */
}
@media (min-width: 1200px) {
+ .container {
+ padding-left: 3% !important;
+ }
+
+ .charts-body {
+ width: calc(100% - 233px) !important;
+ padding-right: 1% !important;
+ }
+
+ .sidebar-body {
+ display: inline-block !important;
+ width: 233px !important;
+ }
+
/* Widen the fixed sidebar again */
- .dashboard-sidebar.affix-bottom,
+ .dashboard-sidebar.affix,
.dashboard-sidebar.affix-top,
- .dashboard-sidebar.affix {
- width: 263px;
+ .dashboard-sidebar.affix-bottom {
+ width: 233px !important;
}
}
+
+ @media (min-width: 1360px) {
+ .container {
+ padding-left: 4% !important;
+ }
+
+ .charts-body {
+ width: calc(100% - 263px) !important;
+ padding-right: 2% !important;
+ }
+
+ .sidebar-body {
+ display: inline-block !important;
+ width: 263px !important;
+ }
+
+ /* Widen the fixed sidebar again */
+ .dashboard-sidebar.affix,
+ .dashboard-sidebar.affix-top,
+ .dashboard-sidebar.affix-bottom {
+ width: 263px !important;
+ }
+ }
+
</style>
<!-- check which theme to use -->
<script type="text/javascript">
+ // enable alarms checking and notifications
+ var netdataShowAlarms = true;
+
// --------------------------------------------------------------------
// urlOptions
</script>
<!-- load the dashboard manager - it will do the rest -->
- <script type="text/javascript" src="dashboard.js?v43"></script>
+ <script type="text/javascript" src="dashboard.js?v45"></script>
</head>
<body data-spy="scroll" data-target="#sidebar">
<div id="loadOverlay" class="loadOverlay" style="background-color: #888; color: #888;">
<div class="container">
<div class="row">
- <div class="col-md-10" role="main">
+ <div class="charts-body" role="main">
<div id="charts_div"></div>
</div>
- <div class="col-md-2" role="complementary">
+ <div class="sidebar-body hidden-xs hidden-sm" role="complementary">
<nav class="dashboard-sidebar hidden-print hidden-xs hidden-sm" id="sidebar" role="menu"></nav>
</div>
</div>
function menuTitle(chart) {
if(typeof chart.menu_pattern !== 'undefined') {
return (anyAttribute(menuData, 'title', chart.menu_pattern, chart.menu_pattern).toString()
- + ' ' + chart.type.slice(-(chart.type.length - chart.menu_pattern.length - 1)).toString()).replace(/_/g, ' ');
+ + ' ' + chart.type.slice(-(chart.type.length - chart.menu_pattern.length - 1)).toString()).replace(/_/g, ' ');
}
return (anyAttribute(menuData, 'title', chart.menu, chart.menu)).toString().replace(/_/g, ' ');
var key = menu + '.' + submenu;
var title = anyAttribute(submenuData, 'title', key, submenu).toString().replace(/_/g, ' ');;
if(title.length > 28) {
- var a = title.substring(0, 28);
- // var b = title.substring(title.length - 13, title.length);
- return a + '...'; // + b;
+ var a = title.substring(0, 13);
+ var b = title.substring(title.length - 12, title.length);
+ return a + '...' + b;
}
return title;
}
$('#alarm_all_' + id.toString()).html('');
});
- NETDATA.alarms.get_log(function(data) {
+ NETDATA.alarms.get_log(0, function(data) {
if(data === null) {
document.getElementById('alarms_log').innerHTML =
'failed to load alarm data!';