Menu
▾
▴
[Perfparse-cvs] _perfparse-phpgui/templates graph.tpl.html, 1.14, 1.15
|
From: Florian G. <re...@us...> - 2008-03-11 23:03:20
|
Update of /cvsroot/perfparse/_perfparse-phpgui/templates In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv28916 Modified Files: graph.tpl.html Log Message: design Index: graph.tpl.html =================================================================== RCS file: /cvsroot/perfparse/_perfparse-phpgui/templates/graph.tpl.html,v retrieving revision 1.14 retrieving revision 1.15 diff -C2 -d -r1.14 -r1.15 *** graph.tpl.html 23 Jan 2008 22:33:53 -0000 1.14 --- graph.tpl.html 11 Mar 2008 23:03:22 -0000 1.15 *************** *** 1,6 **** <HTML> <HEAD> ! <TITLE> ! PerfParse</TITLE> {literal} <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> --- 1,8 ---- <HTML> <HEAD> ! <TITLE>PerfParse</TITLE> ! <!-- $Id$--> ! {include file="tabber.tpl.html"} ! {literal} <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> *************** *** 10,14 **** } function showTimerange(ref,ttype) { ! els = document.getElementsByTagName("td"); for(i = 0; i < els.length; ++i) { if(els[i].id=="Abs_"+ref) { --- 12,16 ---- } function showTimerange(ref,ttype) { ! els = document.getElementsByTagName("div"); for(i = 0; i < els.length; ++i) { if(els[i].id=="Abs_"+ref) { *************** *** 30,57 **** </SCRIPT> {/literal} ! <BODY BGcolor="#EEFFFF" TEXT="#000000" LINK="#000000" VLINK="#000000" ALINK="#000000" onload="isAbsRelVisible()"> ! <p align=center> ! <table width=600 border=1 cellpadding=5 cellspacing=0 bgcolor="#CCCCCC"><tr><td> <form method="POST" name="graph"> <input type=hidden name="page" value="graph"> ! <table width="100%" border=0 cellpadding=0 cellspacing=2> ! <tr> ! <td colspan=7><table width="100%" border=0 cellpadding=0 cellspacing=0><tr><td> ! <td width=60><img src="{$http_image_path}perfparse-logo-sm.png" border=0></td> ! <td align=center><font face="Arial, Helvetica" size=2><b>{tr}PerfParse Metric Analysis{/tr}</b><br><br> ! <a href="perfparse.php">{tr}Click to return to main menu{/tr}.</a><br> ! <a href="perfparse.php?page=all_bin">{tr}Click to select new service{/tr}.</a> ! </td> ! <td width=60 align=right><font face="Arial, Helvetica" size=1>{$version}</td> ! </td></tr></table></td> </tr> ! <tr><td align="center" colspan="7"><input type="submit" value="{tr}Draw graph{/tr}" /> <!-- save the graphs array --> {foreach from=$graphs key=mid item=bla} <input type="hidden" name="graphs[{$mid}]" value="{$bla}" /> {/foreach} ! </td></tr> <!-- loop through displaygraphs --> {foreach from=$displaygraphs key=host_name item=hostarray} --- 32,69 ---- </SCRIPT> {/literal} ! </HEAD> ! ! <BODY> ! <!-- <BODY onload="isAbsRelVisible()"> --> <form method="POST" name="graph"> <input type=hidden name="page" value="graph"> ! <p align=center> ! <span class="logo"> ! <table class="logotext"> ! <tr><td> ! <img src="{$http_image_path}perfparse-logo-sm.png" border=0> ! </td><td> ! <b>{tr}PerfParse Metric Analysis{/tr}:<br /> ! </b><br /> ! <a href="perfparse.php">{tr}Click to return to main menu{/tr}.</a><br /> ! <a href="perfparse.php?page=all_bin">{tr}Click to select a new service{/tr}.</a> ! </td><td class="normtext" width="20%"> ! {$version} ! </td> </tr> ! <tr><td align="center" colspan="3"><input type="submit" value="{tr}Draw graph{/tr}" /></td></tr> ! </table> ! </span> ! <br /> ! </p> ! <!-- save the graphs array --> {foreach from=$graphs key=mid item=bla} <input type="hidden" name="graphs[{$mid}]" value="{$bla}" /> {/foreach} ! ! <table> <!-- loop through displaygraphs --> {foreach from=$displaygraphs key=host_name item=hostarray} *************** *** 61,201 **** {foreach from=$servicearray key=metric item=metricarray} <!-- metric {$metric} --> ! <tr><td colspan=7><hr width="100%"></td></tr> ! <tr> ! <td align="center" rowspan="14"> <!-- The graph --> <img src="{$metricarray.url}" border=0> </td> ! <td align=right><font face="Arial, Helvetica" size=2><b>{tr}Host{/tr}:</td> ! <td><font face="Arial, Helvetica" size=2> {$host_name}</td> ! <td align=right><font face="Arial, Helvetica" size=2><b>{tr}Service{/tr}:</td> ! <td><font face="Arial, Helvetica" size=2> {$service}</td> ! <td align=right><font face="Arial, Helvetica" size=2><b>{tr}Metric{/tr}:</td> ! <td><font face="Arial, Helvetica" size=2> {$metric}</td> ! </tr> ! <tr><td colspan=6 height=4><hr></td></tr> ! <tr> ! <td align=right><font face="Arial, Helvetica" size=2>{tr}Scale{/tr}:</td> ! <td> ! <select name="displaygraphs[{$host_name}][{$service}][{$metric}][scale]"> ! <option value="1" {if $metricarray.scale == 1}selected="selected"{/if}>{tr}User{/tr}: ! <option value="0" {if $metricarray.scale == 0}selected="selected"{/if}>{tr}User, Rounded{/tr}: ! <option value="2" {if $metricarray.scale == 2}selected="selected"{/if}>{tr}User, as Percent{/tr}: ! {if $metricarray.value_max } ! <option value="3" {if $metricarray.scale == 3}selected="selected"{/if}>{tr}from Plugin{/tr}: ! <option value="4" {if $metricarray.scale == 4}selected="selected"{/if}>{tr}from Plugin, Rounded{/tr}: ! <option value="5" {if $metricarray.scale == 5}selected="selected"{/if}>{tr}from Plugin, as Percent{/tr}: ! {/if} ! <option value="6" {if $metricarray.scale == 6}selected="selected"{/if}>{tr}Automatic{/tr}. ! </select> ! </td> ! <td align=right><font face="Arial, Helvetica" size=2> {tr}User Min{/tr}: ! </td> ! <td> ! <input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][minin]" value="{$metricarray.minin}" size=12 maxlength=12> ! </td> ! <td align=right><font face="Arial, Helvetica" size=2> ! Max: ! </td> ! <td> ! <input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][maxin]" value="{$metricarray.maxin}" size=12 maxlength=12> ! </td> ! </tr> ! <tr><td colspan=6 height=4><hr></td></tr> ! <tr> ! <td align=right rowspan=2><font face="Arial, Helvetica" size=2>{tr}Period{/tr}:</td> ! <td valign=middle><font face="Arial, Helvetica" size=2> <input type=radio name="displaygraphs[{$host_name}][{$service}][{$metric}][timerange]" value="r" onclick="javascript:isAbsRelVisible(this,'{$host_name}_{$service}_{$metric}')" id="RelSwitch" {if $metricarray.timerange=="r"}checked="checked"{/if} >{tr}Relative{/tr}</td> ! <td align=right id="Rel_{$host_name}_{$service}_{$metric}"><font face="Arial, Helvetica" size=2>{tr}Rel Period{/tr}:</td> ! <td valign=middle id="Rel_{$host_name}_{$service}_{$metric}"><font face="Arial, Helvetica" size=2> <input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][relativedays]" value="{$metricarray.relativedays}" size=2 maxlength=4> {tr}Days{/tr} </td> ! <td align=right id="Rel_{$host_name}_{$service}_{$metric}"><font face="Arial, Helvetica" size=2> ! {tr}And Hours{/tr}: ! </td> ! <td id="Rel_{$host_name}_{$service}_{$metric}"><font face="Arial, Helvetica" size=2> ! <input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][relativetime]" value="{$metricarray.relativetime}" size=5 maxlength=5> {tr}HH:MM{/tr} </td> ! </tr> ! <tr> ! <td><font face="Arial, Helvetica" size=2> ! <input type=radio name="displaygraphs[{$host_name}][{$service}][{$metric}][timerange]" value="a" onclick="javascript:isAbsRelVisible(this,'{$host_name}_{$service}_{$metric}')" id="AbsSwitch" {if $metricarray.timerange=="a"}checked="checked"{/if}>{tr}Absolute{/tr} </td> ! <td align=right id="Abs_{$host_name}_{$service}_{$metric}"><font face="Arial, Helvetica" size=2>{tr}Abs From{/tr}:</td> ! <td id="Abs_{$host_name}_{$service}_{$metric}"><input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][from]" value="{$metricarray.from}" size=17 maxlength=20></td> ! <td align=right id="Abs_{$host_name}_{$service}_{$metric}"><font face="Arial, Helvetica" size=2>{tr}Abs To{/tr}:</td> ! <td id="Abs_{$host_name}_{$service}_{$metric}"><input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][to]" value="{$metricarray.to}" size=17 maxlength=20></td> ! </tr> ! <tr><td colspan=6 height=4><hr height=4></td></tr> ! <tr> ! <td align=right><font face="Arial, Helvetica" size=2>{tr}Output{/tr}:</td> ! <td><select name="displaygraphs[{$host_name}][{$service}][{$metric}][output]"> <option value="Histogram" {if $metricarray.output=="Histogram"}selected="selected"{/if}>{tr}Histogram{/tr} <option value="Average" {if $metricarray.output=="Average"}selected="selected"{/if}>{tr}Daily Average{/tr} <option value="Diff" {if $metricarray.output=="Diff"}selected="selected"{/if}>{tr}Differential Rate{/tr} <option value="Int" {if $metricarray.output=="Int"}selected="selected"{/if}>{tr}Integral Sum{/tr} ! </td> ! <td colspan=2> </td> ! <td align=right><font face="Arial, Helvetica" size=2>{tr}Size{/tr}:</td> ! <td><select name="displaygraphs[{$host_name}][{$service}][{$metric}][size]"> <option value="400x200" {if $metricarray.size=="400x200"}selected="selected"{/if}>{tr}Small{/tr} <option value="585x300" {if $metricarray.size=="585x300"}selected="selected"{/if}>{tr}Normal{/tr} <option value="1000x600" {if $metricarray.size=="1000x600"}selected="selected"{/if}>{tr}Large{/tr} ! </td> ! </tr> ! <tr> ! <td align=right><font face="Arial, Helvetica" size=2>{tr}Plot{/tr}:</td> ! <td colspan=5><font face="Arial, Helvetica" size="2"> ! <input type=checkbox name="displaygraphs[{$host_name}][{$service}][{$metric}][s_val]" value="1" {if $metricarray.s_val}checked="checked"{/if}> {tr}Value{/tr} ! <input type=checkbox name="displaygraphs[{$host_name}][{$service}][{$metric}][s_smo]" value="1" {if $metricarray.s_smo}checked="checked"{/if}> {tr}Smooth{/tr}* ! <input type=checkbox name="displaygraphs[{$host_name}][{$service}][{$metric}][s_war]" value="1" {if $metricarray.s_war}checked="checked"{/if}> {tr}Warning{/tr} ! <input type=checkbox name="displaygraphs[{$host_name}][{$service}][{$metric}][s_cri]" value="1" {if $metricarray.s_cri}checked="checked"{/if}> {tr}Critical{/tr} ! <input type=checkbox name="displaygraphs[{$host_name}][{$service}][{$metric}][s_sta]" value="1" {if $metricarray.s_sta}checked="checked"{/if}> {tr}Stan. Dev{/tr}* </font> ! <font face="Arial, Helvetica" size="1">(* {tr}Where Used{/tr})</font> ! </td> ! </tr> ! <tr> ! <td colspan=4 align=center><font face="Arial, Helvetica" size=2><b>{tr}Advanced Options{/tr}.</b></font></td> ! </tr> ! <tr> ! <td colspan=2 align=right><font face="Arial, Helvetica" size=2> ! {tr}Graph Legend{/tr}: ! </font></td> ! <td colspan=2> ! <input type="text" name="displaygraphs[{$host_name}][{$service}][{$metric}][title]" value="{$metricarray.title}" size=60 maxlength=80> ! </td> ! </tr> ! <tr> ! <td align=right colspan=2><font face="Arial, Helvetica" size=2> ! {tr}Smooth Plot: Gaussian Average: Width (pixels){/tr}: ! </td> ! <td colspan=2><nobr> ! <input type="text" name="displaygraphs[{$host_name}][{$service}][{$metric}][g_sigma]" value="{$metricarray.g_sigma}" size=5 maxlength=5> ! <font face="Arial, Helvetica" size=1>({tr}Large = Slow, see{/tr} <a href="http://perfparse.sourceforge.net/faq.php#gaussian">{tr}FAQ{/tr}</a>)</font> ! </td> ! </tr> ! <tr> ! <td align=right colspan=2><font face="Arial, Helvetica" size=2> ! {tr}Save graph for future reference{/tr} ! </font></td> ! <td align=right colspan=2><font face="Arial, Helvetica" size=2><nobr> ! <input type="submit" name="save_graph_metric_id[{$metricarray.metric_id}]" value="Save graph" /> ! <b>{$errorsave[$metricarray.metric_id]}</b> ! </font></td> ! <td align=right colspan=2><font face="Arial, Helvetica" size=2><nobr> ! {tr}Save with Title{/tr}: ! <input type="text" name="displaygraphs[{$host_name}][{$service}][{$metric}][graph_name]" value="{$metricarray.graph_name}" size=40 maxlength=80> ! </font></td> ! </tr> ! <tr> ! <td colspan="6" align=center><font face="Arial, Helvetica" size=2><b>{tr}URL to create this graph{/tr}:</b></td> ! </tr> ! <tr> ! <td colspan="7"><font face="Courier" size=-5> ! {$uristart}{$metricarray.url}</font> ! </td> ! </tr> {/foreach} {/foreach} {/foreach} - <tr><td align="center" colspan="7"><input type="submit" value="{tr}Draw graph{/tr}" /></td></tr> </table> ! </td></tr></table></p> </form> </body></html> --- 73,161 ---- {foreach from=$servicearray key=metric item=metricarray} <!-- metric {$metric} --> ! <tr><td> <!-- The graph --> <img src="{$metricarray.url}" border=0> </td> ! <td><b>{tr}Host{/tr}:</b> {$host_name} <br /> ! <b>{tr}Service{/tr}:</b> {$service} <br /> ! <b>{tr}Metric{/tr}:</b> {$metric} <br /> ! <div class="tabber"> ! <div class="tabbertab"> ! <h2>{tr}Scale{/tr}:</h2> ! <select name="displaygraphs[{$host_name}][{$service}][{$metric}][scale]"> ! <option value="1" {if $metricarray.scale == 1}selected="selected"{/if}>{tr}User{/tr}: ! <option value="0" {if $metricarray.scale == 0}selected="selected"{/if}>{tr}User, Rounded{/tr}: ! <option value="2" {if $metricarray.scale == 2}selected="selected"{/if}>{tr}User, as Percent{/tr}: ! {if $metricarray.value_max } ! <option value="3" {if $metricarray.scale == 3}selected="selected"{/if}>{tr}from Plugin{/tr}: ! <option value="4" {if $metricarray.scale == 4}selected="selected"{/if}>{tr}from Plugin, Rounded{/tr}: ! <option value="5" {if $metricarray.scale == 5}selected="selected"{/if}>{tr}from Plugin, as Percent{/tr}: ! {/if} ! <option value="6" {if $metricarray.scale == 6}selected="selected"{/if}>{tr}Automatic{/tr}. ! </select> {tr}User Min{/tr}: ! <input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][minin]" value="{$metricarray.minin}" size=12 maxlength=12> ! {tr}Max{/tr}: ! <input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][maxin]" value="{$metricarray.maxin}" size=12 maxlength=12> ! </div> ! <div class="tabbertab"> ! <h2>{tr}Period{/tr}:</h2> ! <input type=radio name="displaygraphs[{$host_name}][{$service}][{$metric}][timerange]" value="r" onclick="javascript:isAbsRelVisible(this,'{$host_name}_{$service}_{$metric}')" id="RelSwitch" {if $metricarray.timerange=="r"}checked="checked"{/if} >{tr}Relative{/tr} ! <input type=radio name="displaygraphs[{$host_name}][{$service}][{$metric}][timerange]" value="a" onclick="javascript:isAbsRelVisible(this,'{$host_name}_{$service}_{$metric}')" id="AbsSwitch" {if $metricarray.timerange=="a"}checked="checked"{/if}>{tr}Absolute{/tr} ! <div id="Rel_{$host_name}_{$service}_{$metric}">{tr}Rel Period{/tr}:</div> ! <div id="Rel_{$host_name}_{$service}_{$metric}"><input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][relativedays]" value="{$metricarray.relativedays}" size=2 maxlength=4> {tr}Days{/tr} </div> ! <div id="Rel_{$host_name}_{$service}_{$metric}">{tr}And Hours{/tr}:</div> ! <div id="Rel_{$host_name}_{$service}_{$metric}"><input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][relativetime]" value="{$metricarray.relativetime}" size=5 maxlength=5> {tr}HH:MM{/tr} </div> ! <div style="visibility:hidden;" id="Abs_{$host_name}_{$service}_{$metric}">{tr}Abs From{/tr}:</div> ! <div style="visibility:hidden" id="Abs_{$host_name}_{$service}_{$metric}"><input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][from]" value="{$metricarray.from}" size=17 maxlength=20></div> ! <div style="visibility:hidden" id="Abs_{$host_name}_{$service}_{$metric}">{tr}Abs To{/tr}:</div> ! <div style="visibility:hidden" id="Abs_{$host_name}_{$service}_{$metric}"><input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][to]" value="{$metricarray.to}" size=17 maxlength=20></div> ! </div> ! <div class="tabbertab"> ! <h2>{tr}Output{/tr}:</h2> ! <b>{tr}Output{/tr}:</b> ! <select name="displaygraphs[{$host_name}][{$service}][{$metric}][output]"> <option value="Histogram" {if $metricarray.output=="Histogram"}selected="selected"{/if}>{tr}Histogram{/tr} <option value="Average" {if $metricarray.output=="Average"}selected="selected"{/if}>{tr}Daily Average{/tr} <option value="Diff" {if $metricarray.output=="Diff"}selected="selected"{/if}>{tr}Differential Rate{/tr} <option value="Int" {if $metricarray.output=="Int"}selected="selected"{/if}>{tr}Integral Sum{/tr} ! <b>{tr}Size{/tr}:</b> ! <select name="displaygraphs[{$host_name}][{$service}][{$metric}][size]"> <option value="400x200" {if $metricarray.size=="400x200"}selected="selected"{/if}>{tr}Small{/tr} <option value="585x300" {if $metricarray.size=="585x300"}selected="selected"{/if}>{tr}Normal{/tr} <option value="1000x600" {if $metricarray.size=="1000x600"}selected="selected"{/if}>{tr}Large{/tr} ! </div> ! <div class="tabbertab"> ! <h2>{tr}Plot{/tr}:</h2> ! <input type=checkbox name="displaygraphs[{$host_name}][{$service}][{$metric}][s_val]" value="1" {if $metricarray.s_val}checked="checked"{/if}> {tr}Value{/tr} ! <input type=checkbox name="displaygraphs[{$host_name}][{$service}][{$metric}][s_smo]" value="1" {if $metricarray.s_smo}checked="checked"{/if}> {tr}Smooth{/tr}* ! <input type=checkbox name="displaygraphs[{$host_name}][{$service}][{$metric}][s_war]" value="1" {if $metricarray.s_war}checked="checked"{/if}> {tr}Warning{/tr} ! <input type=checkbox name="displaygraphs[{$host_name}][{$service}][{$metric}][s_cri]" value="1" {if $metricarray.s_cri}checked="checked"{/if}> {tr}Critical{/tr} ! <input type=checkbox name="displaygraphs[{$host_name}][{$service}][{$metric}][s_sta]" value="1" {if $metricarray.s_sta}checked="checked"{/if}> {tr}Stan. Dev{/tr}* ! (* {tr}Where Used{/tr}) ! </div> ! <div class="tabbertab"> ! <h2><b>{tr}Advanced Options{/tr}.</b></h2> ! {tr}Graph Legend{/tr}: ! <input type="text" name="displaygraphs[{$host_name}][{$service}][{$metric}][title]" value="{$metricarray.title}" size=60 maxlength=80> ! {tr}Smooth Plot: Gaussian Average: Width (pixels){/tr}: ! <input type="text" name="displaygraphs[{$host_name}][{$service}][{$metric}][g_sigma]" value="{$metricarray.g_sigma}" size=5 maxlength=5> ! ({tr}Large = Slow, see{/tr} <a href="http://perfparse.sourceforge.net/faq.php#gaussian">{tr}FAQ{/tr}</a>) ! <div> ! <div class="tabbertab"> ! <h2><b>{tr}Save Graph{/tr}.</b></h2> ! {tr}Save graph for future reference{/tr} ! <input type="submit" name="save_graph_metric_id[{$metricarray.metric_id}]" value="Save graph" /> ! <b>{$errorsave[$metricarray.metric_id]}</b> ! {tr}Save with Title{/tr}: ! <input type="text" name="displaygraphs[{$host_name}][{$service}][{$metric}][graph_name]" value="{$metricarray.graph_name}" size=40 maxlength=80> ! </div> ! </div> ! </td></tr> {/foreach} {/foreach} {/foreach} </table> ! <input type="submit" value="{tr}Draw graph{/tr}" /> </form> </body></html> |
