1
0
Fork 0
mirror of https://github.com/munin-monitoring/contrib.git synced 2025-07-31 13:23:42 +00:00

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

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

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>

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>

View file

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

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>

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>

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>

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>

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>

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>

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>