From 942a6075c5099661987d8431e73557235a40ba0d Mon Sep 17 00:00:00 2001 From: Till Brehm <tbrehm@ispconfig.org> Date: Sun, 31 Jan 2016 11:46:15 -0500 Subject: [PATCH] Fixeed UI issues in Monitor module. --- interface/web/monitor/templates/show_log.htm | 3 - interface/web/monitor/templates/show_sys_state.htm | 3 - interface/web/monitor/show_sys_state.php | 51 ++++++++++++++++++++----- interface/web/monitor/show_data.php | 12 ++++++ 4 files changed, 55 insertions(+), 14 deletions(-) diff --git a/interface/web/monitor/show_data.php b/interface/web/monitor/show_data.php index c8f46bb..f6940cf 100644 --- a/interface/web/monitor/show_data.php +++ b/interface/web/monitor/show_data.php @@ -53,6 +53,7 @@ $time = $app->tools_monitor->getDataTime('server_load'); $title = $app->lng("Server Load").' ('. $monTransSrv .' : ' . $_SESSION['monitor']['server_name'] . ')'; $description = ''; + $add_padding = true; break; case 'disk_usage': $template = 'templates/show_data.htm'; @@ -95,6 +96,7 @@ $time = $app->tools_monitor->getDataTime('openvz_beancounter'); $title = $app->lng("monitor_title_beancounter_txt") . ' (' . $monTransSrv . ' : ' . $_SESSION['monitor']['server_name'] . ')'; $description = ''; + $add_padding = true; break; case 'system_update': $template = 'templates/show_data.htm'; @@ -102,6 +104,7 @@ $time = $app->tools_monitor->getDataTime('system_update'); $title = $app->lng("monitor_title_updatestate_txt"). ' ('. $monTransSrv .' : ' . $_SESSION['monitor']['server_name'] . ')'; $description = ''; + $add_padding = true; break; case 'mailq': $template = 'templates/show_data.htm'; @@ -109,6 +112,7 @@ $time = $app->tools_monitor->getDataTime('mailq'); $title = $app->lng("monitor_title_mailq_txt"). ' ('. $monTransSrv .' : ' . $_SESSION['monitor']['server_name'] . ')'; $description = ''; + $add_padding = true; break; case 'raid_state': $template = 'templates/show_data.htm'; @@ -116,6 +120,7 @@ $time = $app->tools_monitor->getDataTime('raid_state'); $title = $app->lng("monitor_title_raidstate_txt"). ' ('. $monTransSrv .' : ' . $_SESSION['monitor']['server_name'] . ')'; $description = ''; + $add_padding = true; break; case 'rkhunter': $template = 'templates/show_data.htm'; @@ -123,6 +128,7 @@ $time = $app->tools_monitor->getDataTime('rkhunter'); $title = $app->lng("monitor_title_rkhunterlog_txt"). ' ('. $monTransSrv .' : ' . $_SESSION['monitor']['server_name'] . ')'; $description = ''; + $add_padding = true; break; case 'fail2ban': $template = 'templates/show_data.htm'; @@ -130,6 +136,7 @@ $time = $app->tools_monitor->getDataTime('log_fail2ban'); $title = $app->lng("monitor_title_fail2ban_txt") . ' (' . $monTransSrv . ' : ' . $_SESSION['monitor']['server_name'] . ')'; $description = ''; + $add_padding = true; break; case 'mongodb': $template = 'templates/show_data.htm'; @@ -144,12 +151,17 @@ $time = $app->tools_monitor->getDataTime('iptables_rules'); $title = $app->lng("monitor_title_iptables_txt") . ' (' . $monTransSrv . ' : ' . $_SESSION['monitor']['server_name'] . ')'; $description = ''; + $add_padding = true; break; default: $template = ''; break; } +if($add_padding == true) { +$output = '<div style="padding:20px;">'.$output.'</div>'; +} + // Loading the template $app->uses('tpl'); diff --git a/interface/web/monitor/show_sys_state.php b/interface/web/monitor/show_sys_state.php index 53997bc..54d2de5 100644 --- a/interface/web/monitor/show_sys_state.php +++ b/interface/web/monitor/show_sys_state.php @@ -223,45 +223,76 @@ /* * Info of a VE inside a OpenVz-Host */ + + $alert_class = 'alert-info'; + if($serverState == 'ok') $alert_class = 'alert-success'; + if($serverState == 'warning') $alert_class = 'alert-warning'; + if($serverState == 'critical' || $serverState == 'error') $alert_class = 'alert-danger'; + //$html_ve = '<div class="systemmonitor-ve state-' . $serverState . '-ve os-' . $osData['name'] . '">'; - $html_ve = '<div class="systemmonitor state-' . $serverState . ' os-' . $osData['name'] . '">'; + //$html_ve = '<div class="systemmonitor state-' . $serverState . ' os-' . $osData['name'] . '">'; + $html_server = '<div class="alert '.$alert_class.'" role="alert">'; if ($osData != null) { $html_ve .= '<div class="icoDevice"><p class="status"></p></div>'; } else { $html_ve .= '<div class="icoDevice"><p class="status"></p></div>'; } - $html_ve .= '<div class="statusDevice"><p>' . $serverName; + $html_ve .= '<div class="statusDevice"><h3>' . $serverName; if ($osData != null) { $html_ve .= ' (' . $osData['name'] . ' ' . $osData['version'] . ') '; } if ($ispcData != null) { - $html_ve .= $ispcData['name'] . ' ' . $ispcData['version'] . '</p>'; + $html_ve .= $ispcData['name'] . ' ' . $ispcData['version'] . '</h3>'; } else { - $html_ve .= '</p>'; + $html_ve .= '</h3>'; } $html_ve .= '<p>' . $app->lng("monitor_serverstate_state_txt") . ': ' . $serverState . '</p>'; /* * Info of a "normal" Server or a OpenVz-Host */ - $html_server = '<div class="systemmonitor-server state-' . $serverState . ' os-' . $osData['name'] . '">'; + //$html_server = '<div class="systemmonitor-server state-' . $serverState . ' os-' . $osData['name'] . '">'; + + /* + switch ($oldState) { + case 'no_state': $oldInt = 0; + break; + case 'ok': $oldInt = 1; + break; + case 'unknown': $oldInt = 2; + break; + case 'info': $oldInt = 3; + break; + case 'warning': $oldInt = 4; + break; + case 'critical': $oldInt = 5; + break; + case 'error': $oldInt = 6; + break; + */ + $alert_class = 'alert-info'; + if($serverState == 'ok') $alert_class = 'alert-success'; + if($serverState == 'warning') $alert_class = 'alert-warning'; + if($serverState == 'critical' || $serverState == 'error') $alert_class = 'alert-danger'; + + $html_server = '<div class="alert '.$alert_class.'" role="alert">'; if ($osData != null) { - $html_server .= '<div class="icoDevice"><p class="status"></p></div>'; + //$html_server .= '<div class="icoDevice"><p class="status"></p></div>'; } else { $html_server .= '<div class="icoDevice"><p class="status"></p></div>'; } - $html_server .= '<div class="statusDevice"><p>' . $app->lng("monitor_serverstate_server_txt") . ': ' . $serverName; + $html_server .= '<div class="statusDevice"><h3>' . $app->lng("monitor_serverstate_server_txt") . ': ' . $serverName; if ($osData != null) { $html_server .= ' (' . $osData['name'] . ' ' . $osData['version'] . ') '; } if ($ispcData != null) { - $html_server .= $ispcData['name'] . ' ' . $ispcData['version'] . '</p>'; + $html_server .= $ispcData['name'] . ' ' . $ispcData['version'] . '</h3>'; } else { - $html_server .= '</p>'; + $html_server .= '</h3>'; } $html_server .= '<p>' . $app->lng("monitor_serverstate_state_txt") . ': ' . $serverState . ' ('; @@ -277,7 +308,7 @@ */ $html_verbose = $html_server; foreach($messages as $key => $state) { - $html_verbose .= $key . ':<br />'; + $html_verbose .= '<strong>'.ucfirst($key) . '</strong><br />'; foreach ($state as $msg) { $html_verbose .= $msg . '<br />'; } diff --git a/interface/web/monitor/templates/show_log.htm b/interface/web/monitor/templates/show_log.htm index dc5792d..800bfa3 100644 --- a/interface/web/monitor/templates/show_log.htm +++ b/interface/web/monitor/templates/show_log.htm @@ -7,8 +7,7 @@ <legend><tmpl_var name="monTransRefreshsq"></legend> <div class="form-group"> - <label for="refreshinterval" class="col-sm-3 control-label">{tmpl_var name='refreshinterval_txt'}</label> - <div class="col-sm-9"><select name="refreshinterval" id="refreshinterval" class="form-control" onChange="ISPConfig.loadContentRefresh('monitor/show_log.php?log={tmpl_var name="log_id"}')"> + <div class="col-sm-12"><select name="refreshinterval" id="refreshinterval" class="form-control" onChange="ISPConfig.loadContentRefresh('monitor/show_log.php?log={tmpl_var name="log_id"}')"> {tmpl_var name='refresh'} </select></div> diff --git a/interface/web/monitor/templates/show_sys_state.htm b/interface/web/monitor/templates/show_sys_state.htm index 4586fc3..9cd51ad 100644 --- a/interface/web/monitor/templates/show_sys_state.htm +++ b/interface/web/monitor/templates/show_sys_state.htm @@ -7,8 +7,7 @@ <legend><tmpl_var name="monTransRefreshsq"></legend> <div class="form-group"> - <label for="refreshinterval" class="col-sm-3 control-label"> </label> - <div class="col-sm-9"><select name="refreshinterval" id="refreshinterval" class="form-control" onChange="ISPConfig.loadContentRefresh('monitor/show_sys_state.php?state={tmpl_var name="state_type"}')"> + <div class="col-sm-12"><select name="refreshinterval" id="refreshinterval" class="form-control" onChange="ISPConfig.loadContentRefresh('monitor/show_sys_state.php?state={tmpl_var name="state_type"}')"> {tmpl_var name='refresh'} </select></div> -- Gitblit v1.9.1