#!/bin/sh
#This script is created by ssparser automatically. The parser first created by MaoShouyan
printf "Content-type: text/html
Cache-Control: no-cache

"
echo -n ""; 
. ../common/common.sh 
[ "${CGI_refresh}" = "" ] && CGI_refresh=60
[ "${CGI_bridge}" = "" ] && CGI_bridge="0"
cgiurl="/cgi-bin/Monitor/`basename $0`?refresh=${CGI_refresh}&bridge=${CGI_bridge}"
afm_load_page  ${CGI_refresh} "${cgiurl}"

echo -n "
<script type=\"text/javascript\" src=\"/img/wz_jsgraphics.js\"></script>
<script type=\"text/javascript\" src=\"/img/pie.js\"></script>
<script type=\"text/javascript\" src=\"/img/common.js\"></script>
<script language=\"javascript\">
function popupurl(url, width, height)
{
 	ShowWindow(url, \"scrollbars=1,resizable=0\", width, height);
}
function opengrp(grpid, grpname)
{
	var url = \"/cgi-bin/Monitor/grpview?bridge=${CGI_bridge}&group=\" + grpid + \"&title=\" + grpname + \"\";
 	ShowWindow(url, \"scrollbars=1,resizable=0\", 840, 1000);
}
function initpie()
{
	var p1 = new pie();
	var p2 = new pie();
	var p3 = new pie();
";
${FLOWEYE} app stat app=group sort=last bridge=${CGI_bridge} pie | \
while read appid appname color flowcnt allbytes allper1 allper2 lastbytes lastper1 lastper2 theothers
do
	echo "p1.add(\"${appname}\", ${allper2}, \"${color}\", \"${allper1}%\")";
	echo "p2.add(\"${appname}\", ${lastper2}, \"${color}\", \"${lastper1}%\")";
	echo "p3.add(\"${appname}\", ${flowcnt}, \"${color}\", \"NULL\")";
done

echo -n "
	p1.draw(\"pieCanvas1\", 120, 130, 86);
	p2.draw(\"pieCanvas2\", 120, 130, 86);
	p3.draw(\"pieCanvas3\", 120, 130, 86);
}
</script>
<body onload=\"javascript:initpie()\">
<script type=\"text/javascript\" src=\"/img/wz_tooltip.js\"></script>
<span id=\"hlp3day\" style=\"display:none\">鿴ͼ</span>
<span id=\"hlpall\" style=\"display:none\">鿴һܡһµͼ</span>
"; 
if [ ${CGI_bridge} -eq 0 ]; then
	cgi_show_title "ſ->"
else
	brname=`${FLOWEYE} bridge list format=long | grep "^${CGI_bridge} " | cut -d' ' -f8`
	cgi_show_title "->${brname}"
fi

echo -n "
<br>
<table border=0 cellspacing=1 cellpadding=2>
<tr id=tblhdr>
<td align=center width=390>10ֲͼ</td>
<td align=center width=390>ۼֲͼ</td>
</tr>
</table>
<table border=0 cellspacing=1 cellpadding=1>
<tr id=row1>
<td><div id=\"pieCanvas2\" style=\"overflow: auto; position:relative;height:280px;width:399px;\"></div></td>
<td><div id=\"pieCanvas1\" style=\"overflow: auto; position:relative;height:280px;width:392px;\"></div></td>
</tr>
</table>
<table border=0 cellspacing=1 cellpadding=1>
<tr id=tblhdr>
<td align=center width=390>ǰֲͼ</td>
<td align=center width=390><table border=0 cellspacing=1 cellpadding=1>
	<tr id=tblhdr>
		<td width=60 align=center>Э</td>
		<td width=150 align=center>(10/ۼ)</td>
		<td width=50 align=center></td>
		<td width=112 align=center>ǰbps(up/down)</td>
	</tr> </table>
</td>
</tr>
</table>
<table border=0 cellspacing=1 cellpadding=1>
<tr id=row1>
<td><div id=\"pieCanvas3\" style=\"overflow: auto; position:relative;height:280px;width:395px;\"></div></td>
<td>
	<table border=0 cellspacing=1 cellpadding=1>
	";
	idname="row1"
	${FLOWEYE} app stat bridge=${CGI_bridge} app=group sort=last showsum | \
	while read appid appname flow node aup adown all per1 lup ldown lall per2 rup rdown rall theother
	do
		echo "<tr id=${idname}>"
		if [ "${appid}" != "total" ]; then
			echo "<td width=64 align=left>&nbsp;<a href=\"javascript:opengrp('${appid}', '${appname}')\">${appname}</a></td>"
		else
			echo "<td width=64 align=left>&nbsp;<b>${appname}</b></td>"
		fi
			
		echo "<td width=150 align=right>${lall}/${all}</td>"
		echo "<td width=50 align=right>${flow}</td>"
		echo "<td width=112 align=right>${rup}/${rdown}</td>"
		echo "</tr>"
		if [ "${idname}" = "row1" ]; then
			idname="row2"
		else
			idname="row1"
		fi
	done 
echo -n "
	</table>
</td>
</tr>
</table>
<br>
";
TMPPATH=${PGPATH}/admin/tmp
DSUP=""
DSDOWN=""
DSFLOW=""
for appgrp in `${FLOWEYE} app stat app=group | awk '{print $1}'`
do
	DSUP="${DSUP} tag=${appgrp}.bpsout"
	DSDOWN="${DSDOWN} tag=${appgrp}.bpsin"
	DSFLOW="${DSFLOW} tag=${appgrp}.flow"
done
comargs="bridge=${CGI_bridge} width=800 height=360" 
updaypng=day_group_upbw_stat_${CGI_bridge}.png
errmsg=`${FLOWEYE} chart show ${comargs} outimg=${TMPPATH}/${updaypng} hours=24 ${DSUP}`
downdaypng=day_group_downbw_stat_${CGI_bridge}.png
errmsg=`${FLOWEYE} chart show ${comargs} outimg=${TMPPATH}/${downdaypng} hours=24 ${DSDOWN}`

echo -n "
<table style=\"width:800; font:bold 14px; color:#CE6C04\">
<tr>
	<td align=left><b>24Сʱͼ</b></td>
	<td align=right>
		<a href=\"javascript:popupurl('/cgi-bin/Monitor/grpgraph?bridge=${CGI_bridge}&type=bpsout&time=3day', 700, 800)\" 
		   onmouseover=\"TagToTip('hlp3day')\" onmouseout=\"UnTip()\">նԱ</a>&nbsp;&nbsp;
		<a href=\"javascript:popupurl('/cgi-bin/Monitor/grpgraph?bridge=${CGI_bridge}&type=bpsout&time=mon', 700, 800)\" 
		   onmouseover=\"TagToTip('hlpall')\" onmouseout=\"UnTip()\">ʷͼ</a>
	</td>
</tr>
</table>
<table width=800 border=0 cellspacing=1 cellpadding=1 bgcolor=\"#ffffff\">
<tr><td><img src=\"/tmp/${updaypng}\"></img></td></tr>
</table>
<br>
<table style=\"width:800; font:bold 14px; color:#CE6C04\">
<tr>
	<td align=left><b>24Сʱͼ</b></td>
	<td align=right>
		<a href=\"javascript:popupurl('/cgi-bin/Monitor/grpgraph?bridge=${CGI_bridge}&type=bpsin&time=3day', 700, 800)\" 
		   onmouseover=\"TagToTip('hlp3day')\" onmouseout=\"UnTip()\">նԱ</a>&nbsp;&nbsp;
		<a href=\"javascript:popupurl('/cgi-bin/Monitor/grpgraph?bridge=${CGI_bridge}&type=bpsin&time=mon', 700, 800)\" 
		   onmouseover=\"TagToTip('hlpall')\" onmouseout=\"UnTip()\">ʷͼ</a>
	</td>
</tr>
</table>
<table width=800 border=0 cellspacing=1 cellpadding=1 bgcolor=\"#ffffff\">
<tr><td><img src=\"/tmp/${downdaypng}\"></img></td<</tr>
</table>
";
daypng=flow_stat_day_${CGI_bridge}.png
errmsg=`${FLOWEYE} chart show ${comargs} yname="#flow" outimg=${TMPPATH}/${daypng} hours=24 ${DSFLOW}`

echo -n "
<br>
<table style=\"width:800; font:bold 14px; color:#CE6C04\">
<tr>
	<td align=left><b>24Сʱͼ</b></td>
	<td align=right>
		<a href=\"javascript:popupurl('/cgi-bin/Monitor/grpgraph?bridge=${CGI_bridge}&type=flow&time=3day', 700, 800)\"
		   onmouseover=\"TagToTip('hlp3day')\" onmouseout=\"UnTip()\">նԱ</a>&nbsp;&nbsp;
		<a href=\"javascript:popupurl('/cgi-bin/Monitor/grpgraph?bridge=${CGI_bridge}&type=flow&time=mon', 700, 800)\" 
		   onmouseover=\"TagToTip('hlpall')\" onmouseout=\"UnTip()\">ʷͼ</a>
	</td>
</tr>
</table>
<table width=800 border=0 cellspacing=1 cellpadding=1 bgcolor=\"#ffffff\">
<tr> <td><img src=\"/tmp/${daypng}\"></img></td> </tr>
</table>
</body>
</html>
";