Robot/contrib-munin
2
0
Fork 0
mirror of https://github.com/munin-monitoring/contrib.git synced 2018-11-08 00:59:34 +01:00
Code Issues Releases Wiki Activity

added repsonsive template, which shows month and year graphs on wide screens

Browse Source
This commit is contained in:
Martin Fischer 2016-11-07 11:19:48 +01:00
parent 39976312f7
commit 22d907b92e
21 changed files with 950 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
templates/responsive/munin-categoryview.tmpl Normal file
View File

@ -0,0 +1,55 @@
<TMPL_INCLUDE NAME="partial/head.tmpl">
<body>
<TMPL_INCLUDE NAME="partial/logo_navigation.tmpl">
<div id="main" class="categoryview">
<TMPL_INCLUDE NAME="partial/navigation.tmpl">
<div id="content">
<h2>Category: <TMPL_VAR ESCAPE="HTML" NAME="CATEGORY"></h2>
<TMPL_LOOP NAME="SERVICES">
<div class="service">
<h3><a name="<TMPL_VAR ESCAPE="HTML" NAME="name">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></h3>
<TMPL_LOOP NAME="GRAPHS">
<div class="node">
<span class="nodetitle"><a href="<TMPL_VAR NAME="HOST_URL">">
<TMPL_VAR ESCAPE="HTML" NAME="NODENAME"></a> :: <TMPL_IF NAME="URLX">
<a <TMPL_IF NAME="STATE_WARNING">class="warn"</TMPL_IF>
<TMPL_IF NAME="STATE_CRITICAL">class="crit"</TMPL_IF> href="<TMPL_VAR NAME="URLX">">
</TMPL_IF>
<TMPL_VAR ESCAPE="HTML" NAME="LABEL">
<TMPL_IF NAME="URLX"></a></TMPL_IF>
</span><br />
<a href="<TMPL_VAR NAME="URLX">">
<TMPL_IF NAME="TIMEDAY">
<img src="<TMPL_VAR NAME="CIMGDAY">" alt="<TMPL_VAR ESCAPE="HTML" NAME="LABEL">"
class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
<TMPL_IF NAME="IMGDAYWIDTH">width="<TMPL_VAR NAME="IMGDAYWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGDAYHEIGHT">height="<TMPL_VAR NAME="IMGDAYHEIGHT">"</TMPL_IF>/>
</TMPL_IF>
<TMPL_IF NAME="TIMEWEEK">
<img src="<TMPL_VAR NAME="CIMGWEEK">" alt="<TMPL_VAR ESCAPE="HTML" NAME="LABEL">"
class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
<TMPL_IF NAME="IMGWEEKWIDTH">width="<TMPL_VAR NAME="IMGWEEKWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGWEEKHEIGHT">height="<TMPL_VAR NAME="IMGWEEKHEIGHT">"</TMPL_IF>/>
</TMPL_IF>
<TMPL_IF NAME="TIMEMONTH">
<img src="<TMPL_VAR NAME="CIMGMONTH">" alt="<TMPL_VAR ESCAPE="HTML" NAME="LABEL">"
class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
<TMPL_IF NAME="IMGMONTHWIDTH">width="<TMPL_VAR NAME="IMGMONTHWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGMONTHHEIGHT">height="<TMPL_VAR NAME="IMGMONTHHEIGHT">"</TMPL_IF>/>
</TMPL_IF>
<TMPL_IF NAME="TIMEYEAR">
<img src="<TMPL_VAR NAME="CIMGYEAR">" alt="<TMPL_VAR ESCAPE="HTML" NAME="LABEL">"
class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF> <TMPL_IF NAME="IMGYEARWIDTH">width="<TMPL_VAR NAME="IMGYEARWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGYEARHEIGHT">height="<TMPL_VAR NAME="IMGYEARHEIGHT">"</TMPL_IF>/>
</TMPL_IF>
</a>
</div>
</TMPL_LOOP>
</div>
</TMPL_LOOP>
</div>
</div>
<TMPL_INCLUDE NAME="partial/footer.tmpl">
</body>
</html>

44
templates/responsive/munin-comparison-day.tmpl Normal file
View File

@ -0,0 +1,44 @@
<TMPL_INCLUDE NAME="partial/head.tmpl">
<body>
<TMPL_INCLUDE NAME="partial/logo_navigation_comparison.tmpl">
<div id="main" class="comparison">
<div id="content">
<h2>Comparison: day</h2>
<TMPL_LOOP NAME="CATEGORIES">
<h3><a name="<TMPL_VAR ESCAPE="HTML" NAME="GROUPNAME">"><TMPL_VAR ESCAPE="HTML" NAME="GROUPNAME"></a></h3>
<table>
<TMPL_LOOP NAME="SERVICES">
<tr>
<TMPL_LOOP NAME="NODES">
<td>
<div class="node">
<span class="nodetitle"><a href="<TMPL_VAR ESCAPE="URL" NAME="NODENAME">/index.html">
<TMPL_VAR ESCAPE="HTML" NAME="NODENAME"></a> :: <TMPL_IF NAME="URL1">
<a <TMPL_IF NAME="STATE_WARNING">class="warn"</TMPL_IF>
<TMPL_IF NAME="STATE_CRITICAL">class="crit"</TMPL_IF> href="<TMPL_VAR NAME="URL1">">
</TMPL_IF>
<TMPL_VAR ESCAPE="HTML" NAME="LABEL">
<TMPL_IF NAME="URL1"></a></TMPL_IF>
</span><br />
<TMPL_IF NAME="CIMGDAY">
<a href="<TMPL_VAR NAME="URL1">">
<img
src="<TMPL_VAR NAME="CIMGDAY">" alt="<TMPL_VAR ESCAPE="HTML" NAME="LABEL">"
class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
<TMPL_IF NAME="IMGDAYWIDTH">width="<TMPL_VAR NAME="IMGDAYWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGDAYHEIGHT">height="<TMPL_VAR NAME="IMGDAYHEIGHT">"</TMPL_IF>/>
</a>
</TMPL_IF>
</div>
</td>
</TMPL_LOOP>
</tr>
</TMPL_LOOP>
</table>
</TMPL_LOOP>
</div>
</div>
<TMPL_INCLUDE NAME="partial/footer.tmpl">
</body>
</html>

42
templates/responsive/munin-comparison-month.tmpl Normal file
View File

@ -0,0 +1,42 @@
<TMPL_INCLUDE NAME="partial/head.tmpl">
<body>
<TMPL_INCLUDE NAME="partial/logo_navigation_comparison.tmpl">
<div id="main" class="comparison">
<div id="content">
<h2>Comparison: month</h2>
<TMPL_LOOP NAME="CATEGORIES">
<h3><a name="<TMPL_VAR ESCAPE="HTML" NAME="GROUPNAME">"><TMPL_VAR ESCAPE="HTML" NAME="GROUPNAME"></a></h3>
<table>
<TMPL_LOOP NAME="SERVICES">
<tr>
<TMPL_LOOP NAME="NODES">
<td>
<div class="node">
<span class="nodetitle"><a href="<TMPL_VAR ESCAPE="URL" NAME="NODENAME">/index.html">
<TMPL_VAR ESCAPE="HTML" NAME="NODENAME"></a> :: <TMPL_IF NAME="URL1">
<a <TMPL_IF NAME="STATE_WARNING">class="warn"</TMPL_IF>
<TMPL_IF NAME="STATE_CRITICAL">class="crit"</TMPL_IF> href="<TMPL_VAR NAME="URL1">">
</TMPL_IF>
<TMPL_VAR ESCAPE="HTML" NAME="LABEL">
<TMPL_IF NAME="URL1"></a></TMPL_IF>
</span><br />
<TMPL_IF NAME="CIMGMONTH">
<a href="<TMPL_VAR NAME="URL1">">
<img src="<TMPL_VAR NAME="CIMGMONTH">" alt="<TMPL_VAR ESCAPE="HTML" NAME="LABEL">"
class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
<TMPL_IF NAME="IMGMONTHWIDTH">width="<TMPL_VAR NAME="IMGMONTHWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGMONTHHEIGHT">height="<TMPL_VAR NAME="IMGMONTHHEIGHT">"</TMPL_IF>/>
</a>
</TMPL_IF>
</div>
</td>
</TMPL_LOOP>
</tr>
</TMPL_LOOP>
</table>
</TMPL_LOOP>
</div>
</div>
<TMPL_INCLUDE NAME="partial/footer.tmpl">
</body>
</html>

44
templates/responsive/munin-comparison-week.tmpl Normal file
View File

@ -0,0 +1,44 @@
<TMPL_INCLUDE NAME="partial/head.tmpl">
<body>
<TMPL_INCLUDE NAME="partial/logo_navigation_comparison.tmpl">
<div id="main" class="comparison">
<div id="content">
<h2>Comparison: week</h2>
<TMPL_LOOP NAME="CATEGORIES">
<h3><a name="<TMPL_VAR ESCAPE="HTML" NAME="GROUPNAME">"><TMPL_VAR ESCAPE="HTML" NAME="GROUPNAME"></a></h3>
<table>
<TMPL_LOOP NAME="SERVICES">
<tr>
<TMPL_LOOP NAME="NODES">
<td>
<div class="node">
<span class="nodetitle"><a href="<TMPL_VAR ESCAPE="URL" NAME="NODENAME">/index.html">
<TMPL_VAR ESCAPE="HTML" NAME="NODENAME"></a> :: <TMPL_IF NAME="URL1">
<a <TMPL_IF NAME="STATE_WARNING">class="warn"</TMPL_IF>
<TMPL_IF NAME="STATE_CRITICAL">class="crit"</TMPL_IF> href="<TMPL_VAR NAME="URL1">">
</TMPL_IF>
<TMPL_VAR ESCAPE="HTML" NAME="LABEL">
<TMPL_IF NAME="URL1"></a></TMPL_IF>
</span><br />
<TMPL_IF NAME="CIMGWEEK">
<a href="<TMPL_VAR NAME="URL1">">
<img src="<TMPL_VAR NAME="CIMGWEEK">" alt="<TMPL_VAR ESCAPE="HTML" NAME="LABEL">"
class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
<TMPL_IF NAME="IMGDAYWIDTH">width="<TMPL_VAR NAME="IMGWEEKWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGDAYHEIGHT">height="<TMPL_VAR NAME="IMGWEEKHEIGHT">"</TMPL_IF>/>
</a>
</TMPL_IF>
</div>
</td>
</TMPL_LOOP>
</tr>
</TMPL_LOOP>
</table>
</TMPL_LOOP>
</div>
</div>
<TMPL_INCLUDE NAME="partial/footer.tmpl">
</body>
</html><TMPL_INCLUDE NAME="partial/head.tmpl">

42
templates/responsive/munin-comparison-year.tmpl Normal file
View File

@ -0,0 +1,42 @@
<TMPL_INCLUDE NAME="partial/head.tmpl">
<body>
<TMPL_INCLUDE NAME="partial/logo_navigation_comparison.tmpl">
<div id="main" class="comparison">
<div id="content">
<h2>Comparison: year</h2>
<TMPL_LOOP NAME="CATEGORIES">
<h3><a name="<TMPL_VAR ESCAPE="HTML" NAME="GROUPNAME">"><TMPL_VAR ESCAPE="HTML" NAME="GROUPNAME"></a></h3>
<table>
<TMPL_LOOP NAME="SERVICES">
<tr>
<TMPL_LOOP NAME="NODES">
<td>
<div class="node">
<span class="nodetitle"><a href="<TMPL_VAR ESCAPE="URL" NAME="NODENAME">/index.html">
<TMPL_VAR ESCAPE="HTML" NAME="NODENAME"></a> :: <TMPL_IF NAME="URL1">
<a <TMPL_IF NAME="STATE_WARNING">class="warn"</TMPL_IF>
<TMPL_IF NAME="STATE_CRITICAL">class="crit"</TMPL_IF> href="<TMPL_VAR NAME="URL1">">
</TMPL_IF>
<TMPL_VAR ESCAPE="HTML" NAME="LABEL">
<TMPL_IF NAME="URL1"></a></TMPL_IF>
</span><br />
<TMPL_IF NAME="CIMGDAY">
<a href="<TMPL_VAR NAME="URL1">">
<img src="<TMPL_VAR NAME="CIMGYEAR">" alt="<TMPL_VAR ESCAPE="HTML" NAME="LABEL">"
class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
<TMPL_IF NAME="IMGYEARWIDTH">width="<TMPL_VAR NAME="IMGYEARWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGYEARHEIGHT">height="<TMPL_VAR NAME="IMGYEARHEIGHT">"</TMPL_IF>/>
</a>
</TMPL_IF>
</div>
</td>
</TMPL_LOOP>
</tr>
</TMPL_LOOP>
</table>
</TMPL_LOOP>
</div>
</div>
<TMPL_INCLUDE NAME="partial/footer.tmpl">
</body>
</html>

72
templates/responsive/munin-domainview.tmpl Normal file
View File

@ -0,0 +1,72 @@
<TMPL_INCLUDE NAME="partial/head.tmpl">
<body>
<TMPL_INCLUDE NAME="partial/logo_navigation.tmpl">
<div id="main">
<TMPL_INCLUDE NAME="partial/navigation.tmpl">
<div id="content">
<h2>Domain view</h2>
<ul>
<TMPL_LOOP NAME="GROUPS">
<li><span class="domain"><a href="<TMPL_VAR NAME="URLX">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></span>
<ul>
<!-- In each group there are N categories -->
<TMPL_IF NAME="NCATEGORIES"><TMPL_LOOP NAME="CATEGORIES">
<li><span class="host"><a href="<TMPL_VAR NAME="URLX">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></span>
<ul>
<!-- And in each categroy there are M services -->
<TMPL_LOOP NAME="SERVICES">
<li><span class="service"><a <TMPL_IF NAME="STATE_WARNING">class="warn"</TMPL_IF> <TMPL_IF NAME="STATE_CRITICAL">class="crit"</TMPL_IF> href="<TMPL_VAR NAME="URLX">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></span></li>
</TMPL_LOOP><!-- SERVICES -->
</ul>
</li>
</TMPL_LOOP><!--CATEGORIES --></TMPL_IF><!-- NCATEGORIES -->
<TMPL_IF NAME="NGROUPS">
<!-- GROUPS Listing level 2 -->
<TMPL_LOOP NAME="GROUPS">
<li><span class="domain"><a href="<TMPL_VAR NAME="URLX">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></span>
<ul>
<TMPL_IF NAME="NCATEGORIES"><TMPL_LOOP NAME="CATEGORIES">
<li><span class="host"><a href="<TMPL_VAR NAME="URLX">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></span>
<ul>
<TMPL_LOOP NAME="SERVICES">
<li><span class="service"><a <TMPL_IF NAME="STATE_WARNING">class="warn"</TMPL_IF> <TMPL_IF NAME="STATE_CRITICAL">class="crit"</TMPL_IF> href="<TMPL_VAR NAME="URLX">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></span></li>
</TMPL_LOOP>
</ul>
</li>
</TMPL_LOOP></TMPL_IF>
<TMPL_IF NAME="NGROUPS"><!-- NGROUPS level 3 -->
<TMPL_LOOP NAME="GROUPS"><!-- GROUPS Listing level 3 -->
<li><span class="domain"><a href="<TMPL_VAR NAME="URLX">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></span>
<ul>
<!-- In each group N categories and so on -->
<TMPL_IF NAME="NCATEGORIES"><TMPL_LOOP NAME="CATEGORIES">
<li><span class="host"><a href="<TMPL_VAR NAME="URLX">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></span>
<ul>
<!-- And in each catrgory there are services -->
<TMPL_LOOP NAME="SERVICES">
<li><span class="service"><a <TMPL_IF NAME="STATE_WARNING">class="warn"</TMPL_IF> <TMPL_IF NAME="STATE_CRITICAL">class="crit"</TMPL_IF> href="<TMPL_VAR NAME="URLX">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></span></li>
</TMPL_LOOP><!-- END SERVICES -->
</ul>
</li>
</TMPL_LOOP><!-- END CATEGORIES --></TMPL_IF>
<TMPL_IF NAME="NGROUPS">
</TMPL_IF>
</ul>
</li>
</TMPL_LOOP><!-- END GROUPS Listing level 3 -->
</TMPL_IF><!-- END NGROUPS level 3 -->
</ul>
</li>
</TMPL_LOOP><!-- END GROUPS Listing level 2 -->
</TMPL_IF><!-- END NGROUPS level 2 -->
</ul>
</li>
</TMPL_LOOP><!--END GROUPS Listing level 1 -->
</ul>
<div class="contentpusher"></div>
</div>
</div>
<TMPL_INCLUDE NAME="partial/footer.tmpl">
</body>
</html>

82
templates/responsive/munin-dynazoom.tmpl Normal file
View File

@ -0,0 +1,82 @@
<!-- -*- HTML -*- -->
<TMPL_INCLUDE NAME="partial/head.tmpl">
<body>
<TMPL_INCLUDE NAME="partial/logo_navigation.tmpl">
<div id="main">
<TMPL_INCLUDE NAME="partial/navigation.tmpl">
<div id="content">
<h2>Graph zoom</h2>
<div style="position:relative;">
<img id="image" />
<div id="overlayDiv" />
</div>
<table>
<tr>
<td>
</td>
<td>
Zooming is easy, it's done in 3 clicks (regular clicks, no drag&amp;drop):
<ol>
<li> First click to define the start of zoom.
<li> Second click to define the ending of zoom.
<li> Third click inside the defined zone to zoom, outside to cancel the zone.
</ol>
<td>
</tr>
</table>
<form name="myNewForm" id="myNewForm">
<table>
<!-- Plugin Name : "domain/hostname" -->
<tr>
<td>Plugin Name <em>(domain/hostname/plugin_name)</em> :</td>
<td><input type="text" name="plugin_name" size="64" ></td>
</tr>
<!-- Start and stop -->
<tr>
<td>Start/Stop of the graph <br/>(format:2005-08-15T15:52:01+0000) <br /><em>(epoch)</em> :</td>
<td>
<input type="text" name="start_iso8601" size='24'> / <input type="text" name="stop_iso8601" size="24"> <input name="btnMaj" type=button value="update" /> <br />
(<input type="text" name="start_epoch" size="10"> / <input type="text" name="stop_epoch" size="10">)
</td>
</tr>
<!-- Limit high & low -->
<tr>
<td>Limit low/high :</td>
<td>
<input type="text" name="lower_limit" size="10"> / <input type="text" name="upper_limit" size="10">
</td>
</tr>
<!-- Image size -->
<tr>
<td>Graph size (w/o legend) <em>(pixels)</em>:</td>
<td>
<input type="text" name="size_x" size="5"> / <input type="text" name="size_y" size="5" >
</td>
</tr>
</table>
<input type="submit" />
<input type="button" name="btnZoomOut" value="Zoom Out x2" />
</form>
</body>
<script>
</script>
</div>
<TMPL_INCLUDE NAME="partial/footer.tmpl">
</body>
</html>

49
templates/responsive/munin-nodeview.tmpl Normal file
View File

@ -0,0 +1,49 @@
<TMPL_INCLUDE NAME="partial/head.tmpl">
<body>
<TMPL_INCLUDE NAME="partial/logo_navigation.tmpl">
<div id="main">
<TMPL_INCLUDE NAME="partial/navigation.tmpl">
<div id="content">
<h2>Node view</h2>
<TMPL_LOOP NAME="CATEGORIES">
<h3><a name="<TMPL_VAR ESCAPE="HTML" NAME="NAME">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></h3>
<table>
<TMPL_LOOP NAME="SERVICES">
<tr><td>
<a href="<TMPL_VAR NAME="URLX">">
<img class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
src="<TMPL_VAR NAME="IMGDAY">"
alt="<TMPL_VAR ESCAPE="HTML" NAME="NAME">"
<TMPL_IF NAME="IMGDAYWIDTH">width="<TMPL_VAR NAME="IMGDAYWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGDAYHEIGHT">height="<TMPL_VAR NAME="IMGDAYHEIGHT">"</TMPL_IF>/>
</a></td>
<td clas="second_plot_col"><a href="<TMPL_VAR NAME="URLX">">
<img class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
src="<TMPL_VAR NAME="IMGWEEK">"
alt="<TMPL_VAR ESCAPE="HTML" NAME="NAME">"
<TMPL_IF NAME="IMGWEEKWIDTH">width="<TMPL_VAR NAME="IMGWEEKWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGWEEKHEIGHT">height="<TMPL_VAR NAME="IMGWEEKHEIGHT">"</TMPL_IF>/>
</a></td>
<td class="third_plot_col"><a href="<TMPL_VAR NAME="URLX">">
<img class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
src="<TMPL_VAR NAME="IMGMONTH">"
alt="<TMPL_VAR ESCAPE="HTML" NAME="NAME">"
<TMPL_IF NAME="IMGMONTHWIDTH">width="<TMPL_VAR NAME="IMGMONTHWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGMONTHHEIGHT">height="<TMPL_VAR NAME="IMGMONTHHEIGHT">"</TMPL_IF>/>
</a></td>
<td class="fourth_plot_col"><a href="<TMPL_VAR NAME="URLX">">
<img class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
src="<TMPL_VAR NAME="IMGYEAR">"
alt="<TMPL_VAR ESCAPE="HTML" NAME="NAME">"
<TMPL_IF NAME="IMGYEARWIDTH">width="<TMPL_VAR NAME="IMGYEARWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGYEARHEIGHT">height="<TMPL_VAR NAME="IMGYEARHEIGHT">"</TMPL_IF>/>
</a></td>
</tr>
</TMPL_LOOP>
</table>
</TMPL_LOOP>
</div>
</div>
<TMPL_INCLUDE NAME="partial/footer.tmpl">
</body>
</html>

68
templates/responsive/munin-overview.tmpl Normal file
View File

@ -0,0 +1,68 @@
<TMPL_INCLUDE NAME="partial/head.tmpl"><!-- -*- HTML -*- -->
<body>
<div id="header">
<h1><a href="<TMPL_VAR NAME="R_PATH">"><span class="logo"></span></a> <span class="currentpage">Overview</span></h1>
</div>
<div id="main">
<TMPL_INCLUDE NAME="partial/navigation.tmpl">
<div id="content">
<h2><a name="content">Overview</a></h2>
<ul class="groupview">
<TMPL_LOOP NAME="GROUPS"><TMPL_UNLESS NAME="MULTIGRAPH">
<li <TMPL_IF NAME="__LAST__">class="last"</TMPL_IF>>
<TMPL_IF NAME="NCATEGORIES"><span class="host"><TMPL_ELSE><span class="domain"></TMPL_IF><a href="<TMPL_VAR NAME="URL">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></span>
<TMPL_IF NAME="COMPARE"> :: [
<a href="<TMPL_VAR NAME="NAME">/comparison-day.html">day</a>
<a href="<TMPL_VAR NAME="NAME">/comparison-week.html">week</a>
<a href="<TMPL_VAR NAME="NAME">/comparison-month.html">month</a>
<a href="<TMPL_VAR NAME="NAME">/comparison-year.html">year</a>&nbsp;]</TMPL_IF>
<TMPL_IF NAME="NCATEGORIES">[ <TMPL_LOOP NAME="CATEGORIES">
<a <TMPL_IF NAME="STATE_WARNING">class="warn"</TMPL_IF> <TMPL_IF NAME="STATE_CRITICAL">class="crit"</TMPL_IF> href="<TMPL_VAR NAME="URL">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></TMPL_LOOP>&nbsp]</TMPL_IF>
<ul>
<TMPL_LOOP NAME="GROUPS"><TMPL_UNLESS NAME="MULTIGRAPH">
<li <TMPL_IF NAME="__LAST__">class="last"</TMPL_IF>>
<TMPL_IF NAME="NCATEGORIES"><span class="host"><TMPL_ELSE><span class="domain"></TMPL_IF><a href="<TMPL_VAR NAME="URL">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></span>
<TMPL_IF NAME="COMPARE"> :: [
<a href="<TMPL_VAR NAME="NAME">/comparison-day.html">day</a>
<a href="<TMPL_VAR NAME="NAME">/comparison-week.html">week</a>
<a href="<TMPL_VAR NAME="NAME">/comparison-month.html">month</a>
<a href="<TMPL_VAR NAME="NAME">/comparison-year.html">year</a>&nbsp;]</TMPL_IF>
<TMPL_IF NAME="NCATEGORIES">[ <TMPL_LOOP NAME="CATEGORIES">
<a <TMPL_IF NAME="STATE_WARNING">class="warn"</TMPL_IF> <TMPL_IF NAME="STATE_CRITICAL">class="crit"</TMPL_IF> href="<TMPL_VAR NAME="URL">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a>&nbsp;</TMPL_LOOP>]</TMPL_IF>
<ul>
<TMPL_LOOP NAME="GROUPS"><TMPL_UNLESS NAME="MULTIGRAPH">
<li <TMPL_IF NAME="__LAST__">class="last"</TMPL_IF>>
<TMPL_IF NAME="NCATEGORIES"><span class="host"><TMPL_ELSE><span class="domain"></TMPL_IF><a href="<TMPL_VAR NAME="URL">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></span>
<TMPL_IF NAME="COMPARE"> :: [
<a href="<TMPL_VAR NAME="NAME">/comparison-day.html">day</a>
<a href="<TMPL_VAR NAME="NAME">/comparison-week.html">week</a>
<a href="<TMPL_VAR NAME="NAME">/comparison-month.html">month</a>
<a href="<TMPL_VAR NAME="NAME">/comparison-year.html">year</a>&nbsp;]</TMPL_IF>
<TMPL_IF NAME="NCATEGORIES">[ <TMPL_LOOP NAME="CATEGORIES">
<a <TMPL_IF NAME="STATE_WARNING">class="warn"</TMPL_IF> <TMPL_IF NAME="STATE_CRITICAL">class="crit"</TMPL_IF> href="<TMPL_VAR NAME="URL">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a>&nbsp;</TMPL_LOOP>]</TMPL_IF>
<ul>
<TMPL_LOOP NAME="GROUPS"><TMPL_UNLESS NAME="MULTIGRAPH">
<li <TMPL_IF NAME="__LAST__">class="last"</TMPL_IF>>
<TMPL_IF NAME="NCATEGORIES"><span class="host"><TMPL_ELSE><span class="domain"></TMPL_IF><a href="<TMPL_VAR NAME="URL">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></span>
<TMPL_IF NAME="COMPARE"> :: [
<a href="<TMPL_VAR NAME="NAME">/comparison-day.html">day</a>
<a href="<TMPL_VAR NAME="NAME">/comparison-week.html">week</a>
<a href="<TMPL_VAR NAME="NAME">/comparison-month.html">month</a>
<a href="<TMPL_VAR NAME="NAME">/comparison-year.html">year</a>&nbsp;]</TMPL_IF>
<TMPL_IF NAME="NCATEGORIES">[ <TMPL_LOOP NAME="CATEGORIES">
<a <TMPL_IF NAME="STATE_WARNING">class="warn"</TMPL_IF> <TMPL_IF NAME="STATE_CRITICAL">class="crit"</TMPL_IF> href="<TMPL_VAR NAME="URL">"><TMPL_VAR ESCAPE="HTML" NAME="NAME"></a></TMPL_LOOP>&nbsp;]</TMPL_IF>
</li>
</TMPL_UNLESS></TMPL_LOOP>
</TMPL_UNLESS></TMPL_LOOP>
</ul>
</li>
</TMPL_UNLESS></TMPL_LOOP>
</ul>
</TMPL_UNLESS></TMPL_LOOP>
</ul>
<div class="contentpusher"></div>
</div>
</div>
<TMPL_INCLUDE NAME="partial/footer.tmpl">
</body>
</html>

141
templates/responsive/munin-problemview.tmpl Normal file
View File

@ -0,0 +1,141 @@
<TMPL_INCLUDE NAME="partial/head.tmpl">
<body>
<TMPL_INCLUDE NAME="partial/logo_navigation_problem.tmpl">
<div id="main" class="categoryview">
<TMPL_INCLUDE NAME="partial/navigation.tmpl">
<div id="content">
<h2>Problem Overview</h2>
<div class="problem" id="critical">
<h3><a name="critical">Critical</a></h3>
<table>
<TMPL_LOOP NAME="CRITICAL">
<tr>
<td>
<div class="node">
<span class="nodetitle">
<a href="<TMPL_VAR ESCAPE="URL" NAME="NODENAME">/index.html">
<TMPL_VAR ESCAPE="HTML" NAME="NODENAME"></a>
:: <TMPL_IF NAME="URL"><a href="<TMPL_VAR NAME="URL">"></TMPL_IF>
<TMPL_VAR ESCAPE="HTML" NAME="LABEL">
<TMPL_IF NAME="URL"></a></TMPL_IF>
</span><br />
</a>
<a href="<TMPL_VAR NAME="URL">">
<img src="<TMPL_VAR NAME="CIMGDAY">" alt="<TMPL_VAR ESCAPE="HTML" NAME="LABEL">" class=i
<TMPL_IF NAME="IMGDAYWIDTH">width="<TMPL_VAR NAME="IMGDAYWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGDAYHEIGHT">height="<TMPL_VAR NAME="IMGDAYHEIGHT">"</TMPL_IF>/>
</a>
</div>
</td>
<td>
<div class="node">
<span class="nodetitle">
<a href="<TMPL_VAR ESCAPE="URL" NAME="NODENAME">/index.html">
<TMPL_VAR ESCAPE="HTML" NAME="NODENAME"></a>
:: <TMPL_IF NAME="URL"><a href="<TMPL_VAR NAME="URLX">"></TMPL_IF>
<TMPL_VAR ESCAPE="HTML" NAME="LABEL">
<TMPL_IF NAME="URL"></a></TMPL_IF>
</span><br />
</a>
<a href="<TMPL_VAR NAME="URL">">
<img src="<TMPL_VAR NAME="CIMGWEEK">" alt="<TMPL_VAR ESCAPE="HTML" NAME="LABEL">" class=i
<TMPL_IF NAME="IMGWEEKWIDTH">width="<TMPL_VAR NAME="IMGWEEKWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGWEEKHEIGHT">height="<TMPL_VAR NAME="IMGWEEKHEIGHT">"</TMPL_IF>/>
</a>
</div>
</td>
</tr>
</TMPL_LOOP>
</table>
</div>
<div class="problem" id="warning">
<h3><a name="warning">Warning</a></h3>
<table>
<TMPL_LOOP NAME="WARNING">
<tr>
<td>
<div class="node">
<span class="nodetitle">
<a href="<TMPL_VAR ESCAPE="URL" NAME="NODENAME">/index.html">
<TMPL_VAR ESCAPE="HTML" NAME="NODENAME"></a>
:: <TMPL_IF NAME="URL"><a href="<TMPL_VAR NAME="URL">"></TMPL_IF>
<TMPL_VAR ESCAPE="HTML" NAME="LABEL">
<TMPL_IF NAME="URL"></a></TMPL_IF>
</span><br />
</a>
<a href="<TMPL_VAR NAME="URL">">
<img src="<TMPL_VAR NAME="CIMGDAY">" alt="<TMPL_VAR ESCAPE="HTML" NAME="LABEL">" class=i
<TMPL_IF NAME="IMGDAYWIDTH">width="<TMPL_VAR NAME="IMGDAYWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGDAYHEIGHT">height="<TMPL_VAR NAME="IMGDAYHEIGHT">"</TMPL_IF>/>
</a>
</div>
</td>
<td>
<div class="node">
<span class="nodetitle">
<a href="<TMPL_VAR ESCAPE="URL" NAME="NODENAME">/index.html">
<TMPL_VAR ESCAPE="HTML" NAME="NODENAME"></a>
:: <TMPL_IF NAME="URL"><a href="<TMPL_VAR NAME="URLX">"></TMPL_IF>
<TMPL_VAR ESCAPE="HTML" NAME="LABEL">
<TMPL_IF NAME="URL"></a></TMPL_IF>
</span><br />
</a>
<a href="<TMPL_VAR NAME="URL">">
<img src="<TMPL_VAR NAME="CIMGWEEK">" alt="<TMPL_VAR ESCAPE="HTML" NAME="LABEL">" class=i
<TMPL_IF NAME="IMGWEEKWIDTH">width="<TMPL_VAR NAME="IMGWEEKWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGWEEKHEIGHT">height="<TMPL_VAR NAME="IMGWEEKHEIGHT">"</TMPL_IF>/>
</a>
</div>
</td>
</tr>
</TMPL_LOOP>
</table>
</div>
<div class="problem" id="unknown">
<h3><a name="unknown">Unknown</a></h3>
<table>
<TMPL_LOOP NAME="UNKNOWN">
<tr>
<td>
<div class="node">
<span class="nodetitle">
<a href="<TMPL_VAR ESCAPE="URL" NAME="NODENAME">/index.html">
<TMPL_VAR ESCAPE="HTML" NAME="NODENAME"></a>
:: <TMPL_IF NAME="URL"><a href="<TMPL_VAR NAME="URL">"></TMPL_IF>
<TMPL_VAR ESCAPE="HTML" NAME="LABEL">
<TMPL_IF NAME="URL"></a></TMPL_IF>
</span><br />
</a>
<a href="<TMPL_VAR NAME="URL">">
<img src="<TMPL_VAR NAME="CIMGDAY">" alt="<TMPL_VAR ESCAPE="HTML" NAME="LABEL">" class=i
<TMPL_IF NAME="IMGDAYWIDTH">width="<TMPL_VAR NAME="IMGDAYWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGDAYHEIGHT">height="<TMPL_VAR NAME="IMGDAYHEIGHT">"</TMPL_IF>/>
</a>
</div>
</td>
<td>
<div class="node">
<span class="nodetitle">
<a href="<TMPL_VAR ESCAPE="URL" NAME="NODENAME">/index.html">
<TMPL_VAR ESCAPE="HTML" NAME="NODENAME"></a>
:: <TMPL_IF NAME="URL"><a href="<TMPL_VAR NAME="URLX">"></TMPL_IF>
<TMPL_VAR ESCAPE="HTML" NAME="LABEL">
<TMPL_IF NAME="URL"></a></TMPL_IF>
</span><br />
</a>
<a href="<TMPL_VAR NAME="URL">">
<img src="<TMPL_VAR NAME="CIMGWEEK">" alt="<TMPL_VAR ESCAPE="HTML" NAME="LABEL">" class=i
<TMPL_IF NAME="IMGWEEKWIDTH">width="<TMPL_VAR NAME="IMGWEEKWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGWEEKHEIGHT">height="<TMPL_VAR NAME="IMGWEEKHEIGHT">"</TMPL_IF>/>
</a>
</div>
</td>
</tr>
</TMPL_LOOP>
</table>
</div>
</div>
</div>
<TMPL_INCLUDE NAME="partial/footer.tmpl">
</body>
</html>

105
templates/responsive/munin-serviceview.tmpl Normal file
View File

@ -0,0 +1,105 @@
<TMPL_INCLUDE NAME="partial/head.tmpl">
<body>
<TMPL_INCLUDE NAME="partial/logo_navigation.tmpl">
<div id="main">
<TMPL_INCLUDE NAME="partial/navigation.tmpl">
<div id="content">
<h2>Service graphs</h2>
<TMPL_LOOP NAME="SERVICES">
<table>
<tr>
<td><a href="<TMPL_VAR NAME="ZOOMDAY">">
<img src="<TMPL_VAR NAME="IMGDAY">"
alt="daily graph"
class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
<TMPL_IF NAME="IMGDAYWIDTH">width="<TMPL_VAR NAME="IMGDAYWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGDAYHEIGHT">height="<TMPL_VAR NAME="IMGDAYHEIGHT">"</TMPL_IF>/>
</a></td>
<td><a href="<TMPL_VAR NAME="ZOOMWEEK">">
<img src="<TMPL_VAR NAME="IMGWEEK">"
alt="weekly graph"
class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
<TMPL_IF NAME="IMGWEEKWIDTH">width="<TMPL_VAR NAME="IMGWEEKWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGWEEKHEIGHT">height="<TMPL_VAR NAME="IMGWEEKHEIGHT">"</TMPL_IF>/>
</a></td>
</tr>
<tr>
<td><a href="<TMPL_VAR NAME="ZOOMMONTH">">
<img src="<TMPL_VAR NAME="IMGMONTH">"
alt="monthly graph"
class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
<TMPL_IF NAME="IMGMONTHWIDTH">width="<TMPL_VAR NAME="IMGMONTHWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGMONTHHEIGHT">height="<TMPL_VAR NAME="IMGMONTHHEIGHT">"</TMPL_IF>/>
</a></td>
<td><a href="<TMPL_VAR NAME="ZOOMYEAR">">
<img src="<TMPL_VAR NAME="IMGYEAR">"
alt="yearly graph"
class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
<TMPL_IF NAME="IMGYEARWIDTH">width="<TMPL_VAR NAME="IMGYEARWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGYEARHEIGHT">height="<TMPL_VAR NAME="IMGYEARHEIGHT">"</TMPL_IF>/>
</a></td>
</tr>
<!-- .sum graphs. One of the least used features of munin? -->
<TMPL_IF NAME="IMGWEEKSUM">
<tr>
<td><img src="<TMPL_VAR NAME="IMGWEEKSUM">"
alt="summed weekly graph"
<TMPL_IF NAME="IMGWEEKSUMWIDTH">width="<TMPL_VAR NAME="IMGWEEKSUMWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGWEEKSUMHEIGHT">height="<TMPL_VAR NAME="IMGWEEKSUMHEIGHT">"</TMPL_IF>/>
</td>
<td><img src="<TMPL_VAR NAME="IMGWEEKSUM">"
alt="summed weekly graph"
<TMPL_IF NAME="IMGWEEKSUMWIDTH">width="<TMPL_VAR NAME="IMGWEEKSUMWIDTH">" </TMPL_IF>
<TMPL_IF NAME="IMGWEEKSUMHEIGHT">height="<TMPL_VAR NAME="IMGWEEKSUMHEIGHT">"</TMPL_IF>/>
</td>
</tr>
</TMPL_IF>
</table>
<h2>Graph Information</h2>
<TMPL_LOOP NAME="GRAPHINFO">
<!-- Do we actually allow mutiple graph_info, or is this just to access the nested data? -->
<p class="graph_info"><TMPL_VAR NAME="info"></p>
</TMPL_LOOP>
<TMPL_IF NAME="STATE_WARNING"><p class="warning"><p><strong>Note:</strong>
This service is in WARNING state because one of the values reported is outside the allowed range. Please see further down for information about the ranges and the graph for the values.
</p></TMPL_IF>
<TMPL_IF NAME="STATE_CRITICAL"><p class="critical"><p><strong>Note:</strong>
This service is in CRITICAL state because one of the values reported is outside the allowed range. Please see further down for information about the ranges and the graph for the values.
<p></TMPL_IF>
<TMPL_IF NAME="STATE_UNKNOWN"><p class='unknown'><strong>Note:</strong> This service is in UNKNOWN state, because something bad happened. Please check your network, the munin-node, and the plugin.
</p></TMPL_IF>
<table id="legend">
<tr>
<th class="field">Field</th>
<th class="internal"><span title="For use in munin.conf">Internal name</span></th>
<th class="type"><a href="../../static/definitions.html#data_types">Type</a></th>
<th class="warn">Warn</th>
<th class="crit">Crit</th>
<th class="info">Info</th>
</tr>
<TMPL_LOOP NAME="FIELDINFO">
<tr class="<TMPL_IF NAME="__odd__">oddrow<TMPL_ELSE>evenrow</TMPL_IF><TMPL_IF NAME="__last__"> lastrow</TMPL_IF">">
<td class="field"><TMPL_VAR ESCAPE="HTML" NAME="LABEL"></td>
<td class="internal"><span title="For use in munin.conf"><TMPL_VAR ESCAPE="HTML" NAME="FIELD"></span></td>
<td class="type"><TMPL_VAR NAME="TYPE"></td>
<td class="warn"><TMPL_IF NAME="STATE_WARNING"><div class='warntext'></TMPL_IF><TMPL_VAR NAME="WARN"><TMPL_IF NAME="STATE_WARNING"></div><TMPL_ELSE>&nbsp;</TMPL_IF></td>
<td class="info"><TMPL_IF NAME="STATE_CRITICAL"><div class='crittext'></TMPL_IF><TMPL_VAR NAME="CRIT"><TMPL_IF NAME="STATE_CRITICAL"></div><TMPL_ELSE>&nbsp;</TMPL_IF></td>
<td><TMPL_IF NAME="INFO"><TMPL_VAR ESCAPE="HTML" NAME="INFO"><TMPL_ELSE>&nbsp;</TMPL_IF></td>
</tr>
<TMPL_IF NAME="EXTINFO">
<tr class="<TMPL_IF NAME="__odd__">oddrow<TMPL_ELSE>evenrow</TMPL_IF>">
<td class='wrap' colspan="6" align='left' valign='top'>
This field has the following extra information: <TMPL_VAR ESCAPE="HTML" NAME="EXTINFO">
</td></tr>
</TMPL_IF>
</TMPL_LOOP>
</table>
</TMPL_LOOP> <!-- services -->
</div>
</div>
<TMPL_INCLUDE NAME="partial/footer.tmpl">
</body>
</html>

33
templates/responsive/partial/bottom_navigation.tmpl Normal file
View File

@ -0,0 +1,33 @@
<TMPL_LOOP NAME="PATH">
<TMPL_UNLESS NAME="__last__">
<TMPL_IF NAME="pathname"> ::
<TMPL_IF NAME="path"><a href="<TMPL_VAR NAME="path">"></TMPL_IF>
<TMPL_VAR NAME="pathname">
<TMPL_IF NAME="path"></a></TMPL_IF>
<TMPL_ELSE>
<TMPL_IF NAME="path"><a href="<TMPL_VAR NAME="path">"></TMPL_IF>
Overview
<TMPL_IF NAME="path"></a></TMPL_IF>
</TMPL_IF>
</TMPL_UNLESS>
</TMPL_LOOP>
<TMPL_IF NAME="CATEGORY">
:: <TMPL_VAR NAME="CATEGORY">
</TMPL_IF>
<TMPL_IF NAME="LARGESET">:: <select class="peers" onchange="window.open(this.options[this.selectedIndex].value,'_top')">
<option value=""><TMPL_VAR NAME="INFO_OPTION"></option>
<TMPL_LOOP NAME="PEERS">
<option
<TMPL_IF NAME="LINK">
value="<TMPL_VAR NAME="LINK">">
<TMPL_ELSE>
value="">
</TMPL_IF>
<TMPL_VAR NAME="NAME"></option>
</TMPL_LOOP>
</select>
<TMPL_ELSE>
:<TMPL_LOOP NAME="PEERS">: <TMPL_IF NAME="LINK"><a href="<TMPL_VAR NAME="LINK">"></TMPL_IF><TMPL_VAR NAME="PATHNAME"><TMPL_IF NAME="LINK"></a></TMPL_IF> </TMPL_LOOP>
</TMPL_IF>

7
templates/responsive/partial/footer.tmpl Normal file
View File

@ -0,0 +1,7 @@
<div id="footer">
<TMPL_IF NAME="PEERS">
<p class="navigation"><TMPL_INCLUDE NAME="bottom_navigation.tmpl"></p>
</TMPL_IF>
<p class="tagline">This page was generated by <a href="http://www.munin-monitoring.org/">Munin</a> version <TMPL_VAR NAME="MUNIN_VERSION"> at <TMPL_VAR NAME="TIMESTAMP">.</p>
</div>

5
templates/responsive/partial/generated_by.tmpl Normal file
View File

@ -0,0 +1,5 @@
<table id="generated-table">
<tr>
<td><i class="small"><TMPL_VAR NAME="TAGLINE"></i></td>
</tr>
</table>

40
templates/responsive/partial/head.tmpl Normal file
View File

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<link rel="stylesheet" href="<TMPL_VAR NAME="R_PATH">/static/style-new.css" type="text/css" />
<TMPL_IF NAME="SHOW_ZOOM_JS">
<script src="<TMPL_VAR NAME="R_PATH">/static/formatdate.js" type="text/javascript" language="javascript"/>
<script src="<TMPL_VAR NAME="R_PATH">/static/querystring.js" type="text/javascript" language="javascript"/>
<script src="<TMPL_VAR NAME="R_PATH">/static/zoom.js" type="text/javascript" language="javascript"/>
</TMPL_IF>
<TMPL_UNLESS NAME="SHOW_ZOOM_JS">
<meta http-equiv="refresh" content="300" />
</TMPL_UNLESS>
<title><TMPL_LOOP NAME="PATH"><TMPL_IF NAME="pathname"> :: <TMPL_VAR ESCAPE="HTML" NAME="pathname"><TMPL_ELSE>Munin</TMPL_IF></TMPL_LOOP></title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
<meta name="author" content="Auto-generated by Munin" />
<link rel="icon" type="image/vnd.microsoft.icon" href="<TMPL_VAR NAME="R_PATH">/static/favicon.ico" />
<link rel="SHORTCUT ICON" href="<TMPL_VAR NAME="R_PATH">/static/favicon.ico"/>
<style type="text/css">
td.third_plot_col, td.fourth_plot_col {
display: none;
}
@media (min-width: 1900px) {
td.third_plot_col {
display: inline;
}
}
@media (min-width: 2530px) {
td.third_plot_col, td.fourth_plot_col {
display: inline;
}
}
</style>
</head>

38
templates/responsive/partial/logo_navigation.tmpl Normal file
View File

@ -0,0 +1,38 @@
<div id="header">
<h1><a href="<TMPL_VAR NAME="R_PATH">"><span class="logo"></span></a> <span class="currentpage">
<TMPL_LOOP NAME="PATH">
<TMPL_IF NAME="PATHNAME"> ::
<TMPL_IF NAME="PATH"><a href="<TMPL_VAR NAME="PATH">"></TMPL_IF>
<TMPL_VAR NAME="PATHNAME">
<TMPL_IF NAME="PATH"></a></TMPL_IF>
<TMPL_ELSE>
<TMPL_IF NAME="R_PATH"><a href="<TMPL_VAR NAME="R_PATH">"></TMPL_IF>
Overview
<TMPL_IF NAME="R_PATH"></a></TMPL_IF>
</TMPL_IF>
</TMPL_LOOP>
</span></h1>
<p>
<TMPL_IF NAME="NCATEGORIES">
<span class="categories"><TMPL_VAR NAME="NAME"> :: [
<TMPL_LOOP NAME="CATEGORIES">
<a <TMPL_IF NAME="STATE_WARNING">class="warn"</TMPL_IF>
<TMPL_IF NAME="STATE_CRITICAL">class="crit"</TMPL_IF>
href="#<TMPL_VAR ESCAPE="HTML" NAME="NAME">">
<TMPL_VAR ESCAPE="HTML" NAME="NAME">
</a>
</TMPL_LOOP>
]</span>
</TMPL_IF>
<TMPL_IF NAME="COMPARE">
<span class="comparison">
<TMPL_VAR ESCAPE="HTML" NAME="NAME"> :: [
<a href="comparison-day.html">day</a>
<a href="comparison-week.html">week</a>
<a href="comparison-month.html">month</a>
<a href="comparison-year.html">year</a>
]</span>
</TMPL_IF>
</p>
</div>

33
templates/responsive/partial/logo_navigation_comparison.tmpl Normal file
View File

@ -0,0 +1,33 @@
<div id="header">
<h1><a href="<TMPL_VAR NAME="R_PATH">"><span class="logo"></span></a><span class="currentpage">
<TMPL_LOOP NAME="PATH">
<TMPL_IF NAME="NAME"> ::
<TMPL_IF NAME="PATH"><a href="<TMPL_VAR NAME="PATH">"></TMPL_IF>
<TMPL_VAR NAME="NAME">
<TMPL_IF NAME="PATH"></a></TMPL_IF>
<TMPL_ELSE>
<TMPL_IF NAME="PATH"><a href="<TMPL_VAR NAME="PATH">"></TMPL_IF>
Overview
<TMPL_IF NAME="PATH"></a></TMPL_IF>
</TMPL_IF>
</TMPL_LOOP>
</span>
<span class="comparison">[
<a href="comparison-day.html">day</a>
<a href="comparison-week.html">week</a>
<a href="comparison-month.html">month</a>
<a href="comparison-year.html">year</a>
]</span>
</h1>
<p>
<span class="categories"><TMPL_VAR NAME="NAME"> :: [
<TMPL_LOOP NAME="CATEGORIES">
<a <TMPL_IF NAME="STATE_WARNING">class="warn"</TMPL_IF>
<TMPL_IF NAME="STATE_CRITICAL">class="crit"</TMPL_IF>
href="#<TMPL_VAR ESCAPE="HTML" NAME="GROUPNAME">">
<TMPL_VAR ESCAPE="HTML" NAME="GROUPNAME">
</a>
</TMPL_LOOP>]
</span>
</p>
</div>

12
templates/responsive/partial/logo_navigation_problem.tmpl Normal file
View File

@ -0,0 +1,12 @@
<div id="header">
<h1><a href="<TMPL_VAR NAME="R_PATH">"><span class="logo"></span></a> <span class="currentpage">
<a href="<TMPL_VAR NAME="R_PATH">">Overview</a>
:: Problem overview
:: <span class="problems">[
<a href="#critical">critical</a>
<a href="#warning">warning</a>
<a href="#unknown">unknown</a>
]</span>
</span></h1>
</div>

7
templates/responsive/partial/logo_path.tmpl Normal file
View File

@ -0,0 +1,7 @@
<h1><span class="logo"></span> <span class="currentpage">Overview</span></h1>
<tr>
<td class="logo" rowspan="2"><div class="logo">&nbsp;</div></td>
<td valign="top">
<h2><TMPL_INCLUDE NAME="path.tmpl"></h2>
</td>
</tr>

30
templates/responsive/partial/navigation.tmpl Normal file
View File

@ -0,0 +1,30 @@
<div id="nav">
<p class="navigationjump"><a href="#content">Skip navigation</a></p>
<h2>Problems</h2>
<ul>
<li><a href="<TMPL_VAR NAME="R_PATH">/problems.html#critical">Critical</a> (<TMPL_VAR NAME="NCRITICAL">)</li>
<li><a href="<TMPL_VAR NAME="R_PATH">/problems.html#warnings">Warning</a> (<TMPL_VAR NAME="NWARNING">)</li>
<li><a href="<TMPL_VAR NAME="R_PATH">/problems.html#unknowns">Unknown</a> (<TMPL_VAR NAME="NUNKNOWN">)</li>
</ul>
<h2>Groups</h2>
<ul>
<TMPL_LOOP NAME="ROOTGROUPS">
<li><a href="<TMPL_VAR NAME="R_PATH">/<TMPL_VAR NAME="URL">"><TMPL_VAR NAME="NAME"></a></li>
</TMPL_LOOP>
</ul>
<h2>Categories</h2>
<ul>
<TMPL_LOOP NAME="GLOBALCATS">
<li>
<a href="<TMPL_VAR NAME="R_PATH">/<TMPL_VAR NAME="URLDAY">"><TMPL_VAR NAME="NAME"></a>
[
<a href="<TMPL_VAR NAME="R_PATH">/<TMPL_VAR NAME="URLDAY">">d</a>
<a href="<TMPL_VAR NAME="R_PATH">/<TMPL_VAR NAME="URLWEEK">">w</a>
<a href="<TMPL_VAR NAME="R_PATH">/<TMPL_VAR NAME="URLMONTH">">m</a>
<a href="<TMPL_VAR NAME="R_PATH">/<TMPL_VAR NAME="URLYEAR">">y</a>
]
</li>
</TMPL_LOOP>
</ul>
</div>

1
templates/responsive/partial/path.tmpl Normal file
View File

@ -0,0 +1 @@
<TMPL_LOOP NAME="PATH"><TMPL_IF NAME="NAME"> :: <TMPL_IF NAME="PATH"><a href="<TMPL_VAR NAME="PATH">"></TMPL_IF><TMPL_VAR NAME="NAME"><TMPL_IF NAME="PATH"></a></TMPL_IF><TMPL_ELSE><TMPL_IF NAME="PATH"><a href="<TMPL_VAR NAME="PATH">"></TMPL_IF>Overview<TMPL_IF NAME="PATH"></a></TMPL_IF></TMPL_IF></TMPL_LOOP>