From: Florian G. <re...@us...> - 2008-12-11 09:37:12
|
Update of /cvsroot/perfparse/_perfparse-phpgui/templates In directory ddv4jf1.ch3.sourceforge.com:/tmp/cvs-serv10697/phpgui/templates Modified Files: default.css graph.tpl.html mainmenu.tpl.html select_host.tpl.html select_metric.tpl.html Added Files: avail.png availability.tpl.html graph.png open.png print.css select_service.tpl.html Log Message: start of mor intuitive menu Index: mainmenu.tpl.html =================================================================== RCS file: /cvsroot/perfparse/_perfparse-phpgui/templates/mainmenu.tpl.html,v retrieving revision 1.14 retrieving revision 1.15 diff -C2 -d -r1.14 -r1.15 *** mainmenu.tpl.html 23 Feb 2008 15:23:07 -0000 1.14 --- mainmenu.tpl.html 11 Dec 2008 09:37:01 -0000 1.15 *************** *** 12,16 **** <img src="{$http_image_path}perfparse-logo.png" border=0><br /><br /> <b><a href="http://perfparse.sourceforge.net">PerfParse</a></b><br /><br /> ! <b>{tr}Copyright{/tr} © 2004-2007. {$version}</b> </span> <br /> --- 12,16 ---- <img src="{$http_image_path}perfparse-logo.png" border=0><br /><br /> <b><a href="http://perfparse.sourceforge.net">PerfParse</a></b><br /><br /> ! <b>{tr}Copyright{/tr} © 2004-2008. {$version}</b> </span> <br /> *************** *** 21,28 **** <div class="tabbertab"> <h2>{tr}Data Analysis Options{/tr}</h2> ! <a href="perfparse.php?page=select_host">{tr}Graph Binary Data{/tr}.</a><br /> <a href="perfparse.php?page=all_bin">{tr}View and Graph Binary Data{/tr}.</a><br /> ! <a href="perfparse.php?page=all_raw&normal=1&warning=1&critical=1&unknown=1">{tr}View Raw Plugin Data{/tr}.</a><br /> ! <a href="perfparse.php?page=saved_graphs">{tr}View Stored Graphs{/tr}.</a><br /> </div> --- 21,30 ---- <div class="tabbertab"> <h2>{tr}Data Analysis Options{/tr}</h2> ! <a title="{tr}Let you create graphs that show performace data over time{/tr}" href="perfparse.php?page=select_host_for_graph"><img src="templates/graph.png" align="middle" vspace="10" hspace="10" />{tr}Create performance graphs{/tr}.</a><br /> ! <a title="{tr}Show graphs that were stored via the 'store graph' button in 'Create performance graphs'{/tr}" href="perfparse.php?page=saved_graphs"><img src="templates/open.png" align="middle" vspace="10" hspace="10" />{tr}View stored graphs{/tr}.</a><br /> ! <!-- Naechster Eintrag geloescht - einfacheres Menue <a href="perfparse.php?page=all_bin">{tr}View and Graph Binary Data{/tr}.</a><br /> ! --> ! <a title="{tr}Let you create charts that show availability over time{/tr}" href="perfparse.php?page=select_host_for_availability"><img src="templates/avail.png" align="middle" vspace="10" hspace="10" />{tr}Create availability report{/tr}.</a><br /> </div> *************** *** 41,45 **** <a href="perfparse.php?page=delete_policy_raw">{tr}View / Edit Raw Data Deletion Policies (Services){/tr}.</a><br /> <a href="perfparse.php?page=show_effective_del_policies">{tr}Display effective delete policies of objects{/tr}.</a><br /> ! </div> </div> --- 43,52 ---- <a href="perfparse.php?page=delete_policy_raw">{tr}View / Edit Raw Data Deletion Policies (Services){/tr}.</a><br /> <a href="perfparse.php?page=show_effective_del_policies">{tr}Display effective delete policies of objects{/tr}.</a><br /> ! </div> ! <div class="tabbertab"> ! <h2>{tr}Help{/tr}</h2> ! <a href="http://perfparse.de/tiki-index.php?page=About Perfparse">{tr}About Perfparse{/tr}</a><br /> ! <a href="http://perfparse.de/tiki-index.php?page_ref_id=1">{tr}Documentation{/tr}</a> ! </div> </div> --- NEW FILE: graph.png --- (This appears to be a binary file; contents omitted.) --- NEW FILE: avail.png --- (This appears to be a binary file; contents omitted.) Index: graph.tpl.html =================================================================== RCS file: /cvsroot/perfparse/_perfparse-phpgui/templates/graph.tpl.html,v retrieving revision 1.16 retrieving revision 1.17 diff -C2 -d -r1.16 -r1.17 *** graph.tpl.html 15 Mar 2008 00:01:24 -0000 1.16 --- graph.tpl.html 11 Dec 2008 09:37:01 -0000 1.17 *************** *** 49,53 **** </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} --- 49,53 ---- </b><br /> <a href="perfparse.php">{tr}Click to return to main menu{/tr}.</a><br /> ! <a href="perfparse.php?page=select_metric">{tr}Click to select a new metric{/tr}.</a> </td><td class="normtext" width="20%"> {$version} --- NEW FILE: availability.tpl.html --- <HTML> <HEAD> <TITLE>PerfParse</TITLE> <!-- $Id: availability.tpl.html,v 1.1 2008/12/11 09:37:01 redflo Exp $--> {include file="tabber.tpl.html"} {literal} <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> function isAbsRelVisible(sw,ref) { if (sw.id=="AbsSwitch") showTimerange(ref,'Abs'); else showTimerange(ref,'Rel'); } function showTimerange(ref,ttype) { els = document.getElementsByTagName("div"); for(i = 0; i < els.length; ++i) { if(els[i].id=="Abs_"+ref) { if(ttype=='Abs') { els[i].style.display="inline"; }else{ els[i].style.display="none"; } } else if (els[i].id=="Rel_"+ref) { if(ttype=='Abs') { els[i].style.display="none"; }else{ els[i].style.display="inline"; } } } } </SCRIPT> {/literal} </HEAD> <BODY> <!-- <BODY onload="isAbsRelVisible()"> --> <form action="perfparse.php" method="POST"> <input type=hidden name="page" value="availability"> <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 availability report{/tr}:<br /> </b><br /> <a href="perfparse.php">{tr}Click to return to main menu{/tr}.</a><br /> <a href="perfparse.php?page=select_service">{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} <!-- host {$host_name} --> {foreach from=$hostarray key=service item=servicearray} <!-- service {$service} --> {foreach from=$servicearray key=metric item=metricarray} <!-- metric {$metric} --> <tr><td> <!-- The graph --> <img src="{$metricarray.url}" border=0> </td> <td style="vertical-align:top;"><b>{tr}Host{/tr}:</b> {$host_name} <b>{tr}Service{/tr}:</b> {$service} <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} <br /> <div id="Rel_{$host_name}_{$service}_{$metric}">{tr}Rel Period{/tr}: <input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][relativedays]" value="{$metricarray.relativedays}" size=2 maxlength=4> {tr}Days{/tr} {tr}And Hours{/tr}: <input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][relativetime]" value="{$metricarray.relativetime}" size=5 maxlength=5> {tr}HH:MM{/tr}</div> <div style="display:none;" id="Abs_{$host_name}_{$service}_{$metric}">{tr}Abs From{/tr}: <input type=text name="displaygraphs[{$host_name}][{$service}][{$metric}][from]" value="{$metricarray.from}" size=17 maxlength=20> {tr}Abs To{/tr}: <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> {tr}Output{/tr}: <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} </select> {tr}Size{/tr}: <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} </select> </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><br /> {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>)<br /> </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> Index: select_metric.tpl.html =================================================================== RCS file: /cvsroot/perfparse/_perfparse-phpgui/templates/select_metric.tpl.html,v retrieving revision 1.12 retrieving revision 1.13 diff -C2 -d -r1.12 -r1.13 *** select_metric.tpl.html 26 Feb 2008 23:41:46 -0000 1.12 --- select_metric.tpl.html 11 Dec 2008 09:37:01 -0000 1.13 *************** *** 54,58 **** </b><br /> <a href="perfparse.php">{tr}Click to return to main menu{/tr}.</a><br /> ! <a href="perfparse.php?page=select_host">{tr}Click to select another host{/tr}.</a> </td><td class="normtext" width="20%"> {$version} --- 54,58 ---- </b><br /> <a href="perfparse.php">{tr}Click to return to main menu{/tr}.</a><br /> ! <a href="perfparse.php?page=select_host_for_graph">{tr}Click to select another host{/tr}.</a> </td><td class="normtext" width="20%"> {$version} --- NEW FILE: open.png --- (This appears to be a binary file; contents omitted.) Index: select_host.tpl.html =================================================================== RCS file: /cvsroot/perfparse/_perfparse-phpgui/templates/select_host.tpl.html,v retrieving revision 1.10 retrieving revision 1.11 diff -C2 -d -r1.10 -r1.11 *** select_host.tpl.html 23 Feb 2008 15:23:07 -0000 1.10 --- select_host.tpl.html 11 Dec 2008 09:37:01 -0000 1.11 *************** *** 15,19 **** <img src="{$http_image_path}perfparse-logo-sm.png" border=0> </td><td> ! <b>{tr}Select Host to Graph{/tr}</b><br /> <a href="perfparse.php">{tr}Click to return to main menu{/tr}.</a> </td><td class="normtext" width="20%"> --- 15,23 ---- <img src="{$http_image_path}perfparse-logo-sm.png" border=0> </td><td> ! {if $wizard_dest=='graph'} ! <b>{tr}Select host to graph{/tr}</b><br /> ! {else} ! <b>{tr}Select host for availability report{/tr}</b><br /> ! {/if} <a href="perfparse.php">{tr}Click to return to main menu{/tr}.</a> </td><td class="normtext" width="20%"> *************** *** 60,64 **** </script> ! <form action="perfparse.php?page=select_metric" method="POST"> <div class="tabber"> {foreach from=$hosts key=group item=hostarray} --- 64,68 ---- </script> ! <form action="perfparse.php?page={$wizard_next}" method="POST"> <div class="tabber"> {foreach from=$hosts key=group item=hostarray} --- NEW FILE: print.css --- /* $Id: print.css,v 1.1 2008/12/11 09:37:01 redflo Exp $ */ /* ------------------------------------------------ Global section --------------------------------------------------*/ body { background-color: #EEF; font-family: verdana,arial,serif; font-size: 8pt; font-weight: bold; text-decoration: none; margin: 3ex; } a:link,a:visited{ text-decoration: none; color: #448; } a:hover { color: #000; } table { padding: 1ex; margin: 1ex; background-color: #DDE; } .logotext { text-align: center; font-family: verdana,arial,serif; font-size: 12pt; font-weight: bold; text-decoration: none; } .normtext { font-size: 8pt; } .logo { text-align: center; font-size: 12pt; width: 600px; border: 0.1ex solid #778; padding: 2ex; margin: 2ex; background-color: #DDE; display: block; } /* ------------------------------------------------ Tabber Stylesheet section --------------------------------------------------*/ /*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber { } .tabberlive { margin-top:1em; } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #778; font-family: verdana,arial,serif; font-size: 10pt; font-weight: bold; text-decoration: none; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none; } ul.tabbernav li a:link { color: #448; } ul.tabbernav li a:visited { color: #667; } ul.tabbernav li a:hover { color: #000; background: #AAE; border-color: #227; } ul.tabbernav li.tabberactive a { background-color: #EEF; border-bottom: 1px solid #EEF; } ul.tabbernav li.tabberactive a:hover { } /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab { padding:2ex; border:1px solid #aaa; border-top:0; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:600px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto;*/ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; } --- NEW FILE: select_service.tpl.html --- <HTML> <HEAD> <TITLE>PerfParse</TITLE> <!-- $Id: select_service.tpl.html,v 1.1 2008/12/11 09:37:01 redflo Exp $ --> <!-- TODO: diffmetrics array - fuer services anpassen? und JS funktionen und services for all hosts anpassen --> {include file="tabber.tpl.html"} </HEAD> <BODY> <script type="text/javascript" language="javascript"> {literal} <!-- function CheckAllServices(csw,sid) { // csw: switch, sid: ServiceId els = document.getElementsByTagName("input"); for(i = 0; i < els.length; ++i) { if(els[i].type == "checkbox" && els[i].id == sid ) { if(csw.checked) { // els[i].disabled = true; els[i].checked= true; } else { // els[i].disabled = false; els[i].checked= false; } } } } function UncheckServiceSwitch(msw,sid) { // msw: ServiceSwitch, mid: Service Id els = document.getElementsByTagName("input"); if(!msw.checked) { for(i = 0; i < els.length; ++i) { if(els[i].type == "checkbox" && els[i].id == sid) { els[i].checked=false; } } } } //--> {/literal} </script> <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}Select service for availability report for host(s){/tr}:<br /> {foreach from=$hidnames key=n item=host} '{$host}' {/foreach} </b><br /> <a href="perfparse.php">{tr}Click to return to main menu{/tr}.</a><br /> <a href="perfparse.php?page=select_host_for_availability">{tr}Click to select another host{/tr}.</a> </td><td class="normtext" width="20%"> {$version} </td> </tr> </table> </span> <br /> </p> <form action="perfparse.php?page=availability" method="POST"> <input type="submit" value="{tr}submit{/tr}"> <div class="tabber"> {foreach from=$hidnames key=hostid item=host} <div class="tabbertab"> <h2><b>{tr}Host{/tr}:</b> {$host}</h2> {foreach from=$metrics[$hostid] key=serviceid item=metric} <input type="checkbox" name="availability[{$serviceid}][display]" value="true" id="{$metric.service_description}" onclick="javascript:UncheckServiceSwitch(this,'all_{$metric.service_description}')"/>{$metric.service_description} <br /> </fieldset><br /> {/foreach} </div> {/foreach} {if $numhosts > 1} <div class="tabbertab"> <h2><b>{tr}Select common services for all hosts{/tr}</b></h2> {foreach from=$diffservices key=service item=info} <input type="checkbox" name="all" id="all_{$service}" value="true" onclick="javascript:CheckAllServices(this,'{$service}')" />{$service} ({$info.count} {tr}Hosts{/tr})<br /> {/foreach} </div> <!--tabbertab--> {/if} </div> <!--tabber--> <input type="submit" value="{tr}submit{/tr}"> </form> </body></html> Index: default.css =================================================================== RCS file: /cvsroot/perfparse/_perfparse-phpgui/templates/default.css,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -d -r1.2 -r1.3 *** default.css 23 Feb 2008 15:23:07 -0000 1.2 --- default.css 11 Dec 2008 09:37:01 -0000 1.3 *************** *** 25,28 **** --- 25,32 ---- } + img { + border-style: none; + } + table { padding: 1ex; *************** *** 110,114 **** } ! ul.tabbernav li a:link { color: #448; } ul.tabbernav li a:visited { color: #667; } --- 114,118 ---- } ! ul.tabbernav li a:link { color: #448;} ul.tabbernav li a:visited { color: #667; } |