<div class="col-sm-10">
<div class="col-sm-12">
<div class="col-sm-4">
<div class="GaugeMeter" id="nice" data-percent="<?=$cpu["cpu0"]["nice"]?>" data-prepend="<font style='color:blue;font-size:35px;margin-left:-15px'>–</font>" data-size="200" data-theme="blue" data-back="RGBa(0,0,255,.1)" data-animate_gauge_colors="1" data-animate_text_colors="1" data-width="2" data-label="sys" data-label_color="#000"></div>
</div>
<div class="col-sm-4">
<div class="GaugeMeter" id="cpu" data-percent="<?=$cpu["cpu0"]["user"]?>" data-append="%" data-size="200" data-theme="red" data-back="RGBa(0,0,225,.1)" data-animate_gauge_colors="1" data-animate_text_colors="1" data-width="15" data-label="CPU Usage" data-style="Arch" data-label_color="#000"></div>
</div>
<div class="col-sm-4">
<div class="GaugeMeter" id="sys" data-percent=" <?=$cpu["cpu0"]["sys"]?>" data-append="%" data-size="200" data-theme="blue" data-back="RGBa(0,0,255,.1)" data-animate_gauge_colors="1" data-animate_text_colors="1" data-width="15" data-label="nice" data-label_color="#000" data-stripe="2"></div>
</div>
</div>
<div class="col-sm-12" align="center">
<div class="infobox infobox-green infobox-small infobox-dark">
<div class="infobox-progress">
<div class="easy-pie-chart percentage" data-percent="<?php echo $cpu["cpu0"]["idle"]?>" data-size="39">
<span class="percent"><?php echo $cpu["cpu0"]["idle"]?></span>%
</div>
</div>
<div class="infobox-data">
<div class="infobox-content">Idle</div>
<div class="infobox-content">CPU</div>
</div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="col-sm-12" align="center">
<?php
if ($cpu_avg[0] >= '0.7') {
$lbl_avg = 'danger blink_me';
}
else{
$lbl_avg = 'default';
}
?>
<h4>Load average:</h4> <br />
<span class="label label-<?=$lbl_avg?>">
1 minute (<?=$cpu_avg[0]?>)
</span>
<?php
if ($cpu_avg[1] >= '0.7') {
$lbl_avg5 = 'danger blink_me';
}
else{
$lbl_avg5 = 'primary';
}
?>
<span class="label label-<?=$lbl_avg5?>">5 minute (<?=$cpu_avg[1]?>)</span>
<?php
if ($cpu_avg[2] >= '0.7') {
$lbl_avg15 = 'danger blink_me';
}
else{
$lbl_avg15 = 'success';
}
?>
<span class="label label-<?=$lbl_avg15?>">15 minite (<?=$cpu_avg[2]?>)</span>
<?php
switch ($statusx) {
case 'cbb2ab9c3f39443865a5ccd063413ccd':
$papar = '<img src="/asset/image/onwaf.jpg" />';
break;
case '218ae5144a248d152ba5d64e9a80eb9e':
$papar = '<img src="/asset/image/logwaf.jpg" />';
break;
default:
$papar = '<img src="/asset/image/offwaf.jpg" />';
break;
}
?>
<h4>Mod Security Status:</h4> <br />
<?=$papar?>
</div><!-- /.col -->
</div>
<div class="col-sm-12">
<div class="col-sm-6">
<img src="/mrtg/localhost_ens18-day.png" />
</div>
<div class="col-sm-6">
<img src="/mrtg/localhost_ens18-week.png" />
</div>
</div>
<script src="/asset/assets/js/jquery.2.1.1.min.js"></script>
<script src="/asset/assets/js/jquery.AshAlom.gaugeMeter-2.0.0.min.js"></script>
<script>
$(".GaugeMeter").gaugeMeter();
</script>
|
Download
