<!DOCTYPE html>
<html class="no-js css-menubar" lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="bootstrap admin template" />
    <meta name="author" content="" />
    <title><?php echo $_LANG['ipmi_admin_area_field_chart']; ?></title>
    <link rel="stylesheet" href="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/css/fixed.css?v=1.0.3" />
    <link rel="stylesheet" href="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/css/dataTables.bootstrap.css?v=1.0.2" />
    <link rel="stylesheet" href="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/css/bootstrap.min.css?v=1.0.3">
    <link rel="stylesheet" href="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/css/bootstrap-extend.min.css?v=1.0.2">
    <link rel="stylesheet" href="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/css/site.min.css?v=1.4.3">
    
    <link rel="stylesheet" href="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/css/bootstrap-select.css?v=1.0.2" />
    <link rel="stylesheet" href="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/css/fonts/web-icons/web-icons.min.css?v=1.0.2">
    <link rel="stylesheet" href="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/css/fonts/fontawesome/font-awesome.min.css?v=1.0.2">
    <link rel="stylesheet" href="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/css/jquery.datetimepicker.css?v=1.0.3" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/css/customSlider.css">
    <link rel="stylesheet" href="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/js/jeDate/test/jeDate-test.css">
    <link rel="stylesheet" href="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/js/jeDate/skin/jedate.css">
    <link rel="stylesheet" href="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/css/toastr.min.css?v=1.0.6">
    <script src="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/js/jquery.min.js"></script>
    <script src="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/js/jquery.datetimepicker.js?v=1.0.2"></script>
    <script src="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/js/toastr.min.js?v=1.0.3"></script>
    <script src="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/js/jquery.flot.js"></script>
    <script src="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/js/jquery.flot.crosshair.min.js"></script>
    <script src="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/js/jeDate/src/jedate.js"></script>
    <script src="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/js/traffic.js?v=3.5"></script>
	<style>
    .taskList{
        display: none;
        width: 180px;
        line-height: 10px;
        padding-top: 5px;
        padding-left: 5px;
        padding-bottom: 5px;
        border-radius: 5px;
        border: 0;
        background: #7cbdfa;
        margin-top: 13px;
        min-height:100px;
        max-height: 300px;
        overflow-y: auto;
        overflow-x : visible;
    }
    .noticeList{
        display: none;
        width: 180px;
        line-height: 10px;
        padding-top: 5px;
        padding-left: 5px;
        padding-bottom: 5px;
        border-radius: 5px;
        border: 0;
        background: #7cbdfa;
        margin-top: 13px;
        min-height:100px;
        max-height: 300px;
        overflow-y: auto;
        overflow-x : visible;
    }
    .xAxis >.tickLabel {
        font-size: 10px;
        text-align: right !important;
        width:70px !important;
        max-width:70px !important;
        -o-transform:rotate(-900deg);
        -moz-transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }.x1Axis{
        margin-top: 35px;
        top:15px;
     }
	.page,.page-content{min-width:auto;}
    .Traffic{
        font-size: 0.9rem !important;
    }
	</style>
    <script type="text/javascript">
        // $(window.parent.document).find("#flowchart_traffic_iframe").load(function(){
        //     var main = $(window.parent.document).find("#flowchart_traffic_iframe");
        //     var mainheight = $('body').height();
        //     main.height(mainheight);
        // });
         $(document).ready(function(){
            if(parent.document.getElementsByTagName("iframe")[0]) 
				parent.document.getElementsByTagName("iframe")[0].style.height=document.body.scrollHeight+80+'px';
            });
    </script>
</head>
<!-- <body class="animsition site-navbar-small dashboard" style="padding-top: 0rem;"> -->
<body class="" style="padding-top: 0rem;">
    <div class="page">
        <!-- <div class="server-content page-content container-fluid p-l-30 p-r-30"> -->
        <div class="">
            <?php if($real_server_type != 6){ ?>
                <?php foreach($switch as $k=>$v){?>
                <div class="">
                    <?php $sum_port .= $v['sname'].'-'.$v['switch_num_name'].' '; ?>
                    <div class="panel">
                        <div class="panel-heading">
                            <h3 class="panel-title"><?php echo $_LANG['ipmi_admin_area_field_chart'],'-',$server['wltag'];?></h3>
                        </div>
                        <div class="panel-body">
                            <div class="rrd_traffic" data-id="rrd_flowchart_img_<?php echo $k ?>">
                                <style>
                                .zoom {font-size:14px;}
                                .zoom a {margin: 0 4px;}
                                .zoom .selected,zoom .selected:hover{font-weight: bold;}
                                .link-action { border-bottom: 1px dotted;cursor: pointer;}
                                .rrd_flowchart_img{width:100%; height:418px; line-height:400px; text-align:center; background:#f6f6f6; color:#777; font-size:14px;}
                                .rrd_flowchart_img img{width:100%; }
                                </style>
                                <div class="zoom">
                                    <span class="text"><?php echo $_LANG['ipmi_action_flow_datetime']; ?>：</span>
                                    <span class="links" data-type="switch_port" data-port="<?php echo $v['switch_num_name']; ?>" data-url="&switch_id=<?php echo $v['id']; ?>&type=switch_port&reverse=1">
                                        <a class="link-action" zoom="3600">1h</a>
                                        <a class="link-action" zoom="7200">2h</a>
                                        <a class="link-action" zoom="10800">3h</a>  
                                        <a class="link-action" zoom="21600">6h</a> 
                                        <a class="link-action selected" zoom="43200">12h</a>
                                        <a class="link-action" zoom="86400">1d</a>
                                        <a class="link-action" zoom="259200">3d</a>
                                        <a class="link-action" zoom="604800">7d</a>
                                        <a class="link-action" zoom="1209600">14d</a>
                                        <a class="link-action" zoom="2592000">1m</a>
                                        <a class="link-action" zoom="63072000"><?php echo $_LANG['ipmi_action_flow_datetime_all']; ?></a>
                                    </span>
                                    <div class="clearfix"></div>
                                </div>

                                <div style="margin-bottom: 10px;width: 100%;margin-top: -35px" class="clear">
                                    <div class="jewarp" style="float: right;">
                                        <div class="jeinpbox"><div class="jeindiv divmore jeindiv1" placeholder="YYYY年MM月DD日"></div></div>
                                        <div style="float: left"> - </div>
                                        <div class="jeinpbox"><div class="jeindiv divmore jeindiv2" placeholder="YYYY-MM-DD"></div></div>
                                    </div>
                                </div>

                                <div class="slider-outer">
                                    <div class="slider-bg"></div>
                                    <div class="prev" onclick="prev(this)"></div>
                                    <div class="next" onclick="next(this)"></div>

                                    <div class="slider-content-prev"></div>
                                    <div class="slider-content-center"></div>
                                    <div class="slider-content-next"></div>

                                    <div class="slider-content-bg"></div>
                                </div>
                                <div style="text-align: right"><?php echo $_LANG['ipmi_action_flow_datetime_selected']; ?>：<span class="selectTime"></span></div>
                                <input type="hidden" value="" class="totalTime">
                                <input type="hidden" class="flowchart" value="">
                                <input type="hidden" class="flowchartUrl" value="">
                                <input type="hidden" class="flowchartSwitch" value="">
                                <input type="hidden" class="flowchartStart" value="">
                                <input type="hidden" class="flowchartEnd" value="">
                                <input type="hidden" class="thisStart" value="">
                                <input type="hidden" class="thisEnd" value="">

                                <div id="rrd_flowchart_img_<?php echo $k; ?>" class="flowchart" style="width:100%;margin-bottom: 50px;">

                                </div>


                                <div class="rrd_flowchart_img_info" style="padding: 0 30px;">
                                    <table style="line-height: 18px;">
                                        <tr>
                                            <td></td><td style="width: 60px;" align="center"></td>
                                            <td style="width: 80px;" align="center"><?php echo $_LANG['ipmi_action_flow_datetime_news']; ?></td>
                                            <td style="width: 80px;" align="center"><?php echo $_LANG['ipmi_action_flow_datetime_average']; ?></td>
                                            <td style="width: 80px;" align="center"><?php echo $_LANG['ipmi_action_flow_datetime_max']; ?></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div><i style="display: inline-block;width: 12px;height: 12px;background:#01ab01;margin-right: 5px;"></i>Incoming traffic on interface <span class="_IncomingGigabitEthernet"></span></div>
                                            </td>
                                            <td align="center">
                                                [<?php echo $_LANG['ipmi_action_flow_datetime_average']; ?>]
                                            </td>
                                            <td align="center">
                                                <span class="rrd_flowchart_img_info_inCurrent"></span>
                                            </td>
                                            <td align="center">
                                                <span class="rrd_flowchart_img_info_inAVERAGE"></span>
                                            </td>
                                            <td align="center">
                                                <span class="rrd_flowchart_img_info_inMaximum"></span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div><i style="display: inline-block;width: 12px;height: 12px;background:#3437fb;margin-right: 5px;"></i><i></i>Outgoing traffic on interface <span class="_OutgoingGigabitEthernet"></span></div>
                                            </td>
                                            <td align="center">
                                                [<?php echo $_LANG['ipmi_action_flow_datetime_average']; ?>]
                                            </td>
                                            <td align="center">
                                                <span class="rrd_flowchart_img_info_outCurrent"></span>
                                            </td>
                                            <td align="center">
                                                <span class="rrd_flowchart_img_info_outAVERAGE"></span>
                                            </td>
                                            <td align="center">
                                                <span class="rrd_flowchart_img_info_outMaximum"></span>
                                            </td>
                                        </tr>
                                    </table>
                                    <div class="in_95_line" style="line-height: 18px;"><i style="display: inline-block;width: 12px;height: 12px;border:2px solid #01ab01;margin-right: 5px;"></i>Inbound 95th Percentile（<span></span>）</div>
                                    <div class="out_95_line" style="line-height: 18px;"><i style="display: inline-block;width: 12px;height: 12px;border:2px solid #3437fb;margin-right: 5px;"></i>Outbound 95th percentile（<span></span>）</div>
                                    <div class="all_line" style="line-height: 18px;"><i style="display: inline-block;width: 12px;height: 12px;border:2px solid #f64a91;margin-right: 5px;"></i>Inbound + Outbound 95th percentile（<span></span>）</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <?php } ?>
                <?php if(count($switch)>1){ ?>
                <div class="col-xxl-12 col-md-12 col-xs-12 ">
                    <div class="panel">
                        <div class="panel-heading">
                            <h3 class="panel-title"><?php echo $_LANG['ipmi_action_flow_group']; ?></h3>
                        </div>
                        <div class="panel-body">
                            <div class="rrd_traffic" data-id='rrd_flowchart_img'>
                                <style>
                                .zoom {font-size:14px;}
                                .zoom a {margin: 0 4px;}
                                .zoom .selected,zoom .selected:hover{font-weight: bold;}
                                .link-action { border-bottom: 1px dotted;cursor: pointer;}
                                .rrd_flowchart_img{width:100%; height:418px; line-height:400px; text-align:center; background:#f6f6f6; color:#777; font-size:14px;}
                                .rrd_flowchart_img img{width:100%; }
                                </style>
                                <div class="zoom">
                                    <span class="text"><?php echo $_LANG['ipmi_action_flow_datetime']; ?>：</span>
                                    <span class="links" data-type="server" data-url="&switch_id=<?php echo $server['id']; ?>&type=server&reverse=1">
                                        <a class="link-action" zoom="3600">1h</a>
                                        <a class="link-action" zoom="7200">2h</a>
                                        <a class="link-action" zoom="10800">3h</a>
                                        <a class="link-action" zoom="21600">6h</a>
                                        <a class="link-action selected" zoom="43200">12h</a>
                                        <a class="link-action" zoom="86400">1d</a>
                                        <a class="link-action" zoom="259200">3d</a>
                                        <a class="link-action" zoom="604800">7d</a>
                                        <a class="link-action" zoom="1209600">14d</a>
                                        <a class="link-action" zoom="2592000">1m</a>
                                        <a class="link-action" zoom="63072000"><?php echo $_LANG['ipmi_action_flow_datetime_all']; ?></a>
                                    </span>
                                    <span class="allswitchnum">
                                        
                                    </span>
                                    <div class="clearfix"></div>
                                </div>
                                <div style="margin-bottom: 10px;width: 100%;margin-top: -35px" class="clear">
                                    <div class="jewarp" style="float: right;">
                                        <div class="jeinpbox"><div class="jeindiv divmore jeindiv1" placeholder="YYYY年MM月DD日"></div></div>
                                        <div style="float: left"> - </div>
                                        <div class="jeinpbox"><div class="jeindiv divmore jeindiv2" placeholder="YYYY-MM-DD"></div></div>
                                    </div>
                                </div>

                                <div class="slider-outer">
                                    <div class="slider-bg"></div>
                                    <div class="prev" onclick="prev(this)"></div>
                                    <div class="next" onclick="next(this)"></div>

                                    <div class="slider-content-prev"></div>
                                    <div class="slider-content-center"></div>
                                    <div class="slider-content-next"></div>

                                    <div class="slider-content-bg"></div>
                                </div>
                                <div style="text-align: right"><?php echo $_LANG['ipmi_action_flow_datetime_selected']; ?>：<span class="selectTime"></span></div>
                                <input type="hidden" value="" class="totalTime">
                                <input type="hidden" class="flowchart" value="">
                                <input type="hidden" class="flowchartUrl" value="">
                                <input type="hidden" class="flowchartSwitch" value="">
                                <input type="hidden" class="flowchartStart" value="">
                                <input type="hidden" class="flowchartEnd" value="">
                                <input type="hidden" class="thisStart" value="">
                                <input type="hidden" class="thisEnd" value="">

                                <div id="rrd_flowchart_img" class="flowchart" style="width:100%;margin-bottom: 50px;">

                                </div>
                                <div class="rrd_flowchart_img_info" style="padding: 0 30px;">
                                    <table style="line-height: 18px;">
                                        <tr>
                                            <td></td><td style="width: 60px;" align="center"></td>
                                            <td style="width: 80px;" align="center"><?php echo $_LANG['ipmi_action_flow_datetime_news']; ?></td>
                                            <td style="width: 80px;" align="center"><?php echo $_LANG['ipmi_action_flow_datetime_average']; ?></td>
                                            <td style="width: 80px;" align="center"><?php echo $_LANG['ipmi_action_flow_datetime_max']; ?></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div><i style="display: inline-block;width: 12px;height: 12px;background:#01ab01;margin-right: 5px;"></i>Incoming traffic on interface <span class="_IncomingGigabitEthernet"></span></div>
                                            </td>
                                            <td align="center">
                                                [<?php echo $_LANG['ipmi_action_flow_datetime_average']; ?>]
                                            </td>
                                            <td align="center">
                                                <span class="rrd_flowchart_img_info_inCurrent"></span>
                                            </td>
                                            <td align="center">
                                                <span class="rrd_flowchart_img_info_inAVERAGE"></span>
                                            </td>
                                            <td align="center">
                                                <span class="rrd_flowchart_img_info_inMaximum"></span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div><i style="display: inline-block;width: 12px;height: 12px;background:#3437fb;margin-right: 5px;"></i><i></i>Outgoing traffic on interface <span class="_OutgoingGigabitEthernet"></span></div>
                                            </td>
                                            <td align="center">
                                                [<?php echo $_LANG['ipmi_action_flow_datetime_average']; ?>]
                                            </td>
                                            <td align="center">
                                                <span class="rrd_flowchart_img_info_outCurrent"></span>
                                            </td>
                                            <td align="center">
                                                <span class="rrd_flowchart_img_info_outAVERAGE"></span>
                                            </td>
                                            <td align="center">
                                                <span class="rrd_flowchart_img_info_outMaximum"></span>
                                            </td>
                                        </tr>
                                    </table>
                                    <div class="in_95_line" style="line-height: 18px;"><i style="display: inline-block;width: 12px;height: 12px;border:2px solid #01ab01;margin-right: 5px;"></i>Inbound 95th Percentile（<span></span>）</div>
                                    <div class="out_95_line" style="line-height: 18px;"><i style="display: inline-block;width: 12px;height: 12px;border:2px solid #3437fb;margin-right: 5px;"></i>Outbound 95th percentile（<span></span>）</div>
                                    <div class="all_line" style="line-height: 18px;"><i style="display: inline-block;width: 12px;height: 12px;border:2px solid #f64a91;margin-right: 5px;"></i>Inbound + Outbound 95th percentile（<span></span>）</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <?php } ?>
            <?php }else{ ?>
                <?php foreach($switch as $k=>$v){ ?>
                <div class="col-xxl-12 col-md-12 col-xs-12">
                    <div class="panel">
                        <div class="panel-heading">
                            <h3 class="panel-title"><?php echo $_LANG['ipmi_admin_area_field_chart']; ?></h3>
                        </div>
                            <div class="panel-body">
                                <div class="rrd_traffic" data-id='rrd_flowchart_img_<?php echo $k; ?>'>
                                    <style>
                                    .zoom {font-size:14px;}
                                    .zoom a {margin: 0 4px;}
                                    .zoom .selected,zoom .selected:hover{font-weight: bold;}
                                    .link-action { border-bottom: 1px dotted;cursor: pointer;}
                                    .rrd_flowchart_img{width:100%; height:418px; line-height:400px; text-align:center; background:#f6f6f6; color:#777; font-size:14px;}
                                    .rrd_flowchart_img img{width:100%; }
                                    </style>
                                    <div class="zoom">
                                        <span class="text"><?php echo $_LANG['ipmi_action_flow_datetime']; ?>：</span>
                                        <span class="links" data-type="switch_port" data-port="<?php echo $v['switch_num_name']; ?>" data-url="&switch_id=<?php echo $v['id']; ?>&type=switch_port">
                                            <a class="link-action" zoom="3600">1h</a>
                                            <a class="link-action" zoom="7200">2h</a>
                                            <a class="link-action" zoom="10800">3h</a>
                                            <a class="link-action" zoom="21600">6h</a>
                                            <a class="link-action selected" zoom="43200">12h</a>
                                            <a class="link-action" zoom="86400">1d</a>
                                            <a class="link-action" zoom="259200">3d</a>
                                            <a class="link-action" zoom="604800">7d</a>
                                            <a class="link-action" zoom="1209600">14d</a>
                                            <a class="link-action" zoom="2592000">1m</a>
                                            <a class="link-action" zoom="63072000"><?php echo $_LANG['ipmi_action_flow_datetime_all']; ?></a>
                                        </span>
                                        <div class="clearfix"></div>
                                    </div>
                                    <div style="margin-bottom: 10px;width: 100%;margin-top: -35px" class="clear">
                                        <div class="jewarp" style="float: right;">
                                            <div class="jeinpbox"><div class="jeindiv divmore jeindiv1" placeholder="YYYY年MM月DD日"></div></div>
                                            <div style="float: left"> - </div>
                                            <div class="jeinpbox"><div class="jeindiv divmore jeindiv2" placeholder="YYYY-MM-DD"></div></div>
                                        </div>
                                    </div>

                                    <div class="slider-outer">
                                        <div class="slider-bg"></div>
                                        <div class="prev" onclick="prev(this)"></div>
                                        <div class="next" onclick="next(this)"></div>

                                        <div class="slider-content-prev"></div>
                                        <div class="slider-content-center"></div>
                                        <div class="slider-content-next"></div>

                                        <div class="slider-content-bg"></div>
                                    </div>
                                    <div style="text-align: right"><?php echo $_LANG['ipmi_action_flow_datetime_selected']; ?>：<span class="selectTime"></span></div>
                                    <input type="hidden" value="" class="totalTime">
                                    <input type="hidden" class="flowchart" value="">
                                    <input type="hidden" class="flowchartUrl" value="">
                                    <input type="hidden" class="flowchartSwitch" value="">
                                    <input type="hidden" class="flowchartStart" value="">
                                    <input type="hidden" class="flowchartEnd" value="">
                                    <input type="hidden" class="thisStart" value="">
                                    <input type="hidden" class="thisEnd" value="">
                                    <div id="rrd_flowchart_img_<?php echo $k; ?>" class="flowchart" style="width:100%;margin-bottom: 50px;">

                                    </div>

                                    <div class="rrd_flowchart_img_info" style="padding: 0 30px;">
                                        <table style="line-height: 18px;">
                                            <tr>
                                                <td></td><td style="width: 60px;" align="center"></td>
                                                <td style="width: 80px;" align="center"><?php echo $_LANG['ipmi_action_flow_datetime_news']; ?></td>
                                                <td style="width: 80px;" align="center"><?php echo $_LANG['ipmi_action_flow_datetime_average']; ?></td>
                                                <td style="width: 80px;" align="center"><?php echo $_LANG['ipmi_action_flow_datetime_max']; ?></td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div><i style="display: inline-block;width: 12px;height: 12px;background:#3437fb;margin-right: 5px;"></i>Incoming traffic on interface <span class="_IncomingGigabitEthernet"></span></div>
                                                </td>
                                                <td align="center">
                                                    [<?php echo $_LANG['ipmi_action_flow_datetime_average']; ?>]
                                                </td>
                                                <td align="center">
                                                    <span class="rrd_flowchart_img_info_inCurrent"></span>
                                                </td>
                                                <td align="center">
                                                    <span class="rrd_flowchart_img_info_inAVERAGE"></span>
                                                </td>
                                                <td align="center">
                                                    <span class="rrd_flowchart_img_info_inMaximum"></span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div><i style="display: inline-block;width: 12px;height: 12px;background:#01ab01;margin-right: 5px;"></i><i></i>Outgoing traffic on interface <span class="_OutgoingGigabitEthernet"></span></div>
                                                </td>
                                                <td align="center">
                                                    [<?php echo $_LANG['ipmi_action_flow_datetime_average']; ?>]
                                                </td>
                                                <td align="center">
                                                    <span class="rrd_flowchart_img_info_outCurrent"></span>
                                                </td>
                                                <td align="center">
                                                    <span class="rrd_flowchart_img_info_outAVERAGE"></span>
                                                </td>
                                                <td align="center">
                                                    <span class="rrd_flowchart_img_info_outMaximum"></span>
                                                </td>
                                            </tr>
                                        </table>
                                        <div class="in_95_line" style="line-height: 18px;"><i style="display: inline-block;width: 12px;height: 12px;border:2px solid #3437fb;margin-right: 5px;"></i>Inbound 95th Percentile（<span></span>）</div>
                                        <div class="out_95_line" style="line-height: 18px;"><i style="display: inline-block;width: 12px;height: 12px;border:2px solid #01ab01;margin-right: 5px;"></i>Outbound 95th percentile（<span></span>）</div>
                                        <div class="all_line" style="line-height: 18px;"><i style="display: inline-block;width: 12px;height: 12px;border:2px solid #f86d48;margin-right: 5px;"></i>Inbound + Outbound 95th percentile（<span></span>）</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <?php } ?>
                </div>
            <?php } ?>
        </div>
    </div>
    <script src="<?php echo $web_root; ?>/modules/servers/ipmi/templates/assets/js/slider.js"></script>
</body>