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:
parent
39976312f7
commit
22d907b92e
21 changed files with 950 additions and 0 deletions
33
templates/responsive/partial/bottom_navigation.tmpl
Normal file
33
templates/responsive/partial/bottom_navigation.tmpl
Normal 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
7
templates/responsive/partial/footer.tmpl
Normal 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
5
templates/responsive/partial/generated_by.tmpl
Normal 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
40
templates/responsive/partial/head.tmpl
Normal 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
38
templates/responsive/partial/logo_navigation.tmpl
Normal 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
33
templates/responsive/partial/logo_navigation_comparison.tmpl
Normal 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
12
templates/responsive/partial/logo_navigation_problem.tmpl
Normal 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
7
templates/responsive/partial/logo_path.tmpl
Normal 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"> </div></td>
|
||||
<td valign="top">
|
||||
<h2><TMPL_INCLUDE NAME="path.tmpl"></h2>
|
||||
</td>
|
||||
</tr>
|
30
templates/responsive/partial/navigation.tmpl
Normal file
30
templates/responsive/partial/navigation.tmpl
Normal 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
1
templates/responsive/partial/path.tmpl
Normal 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>
|
Loading…
Add table
Add a link
Reference in a new issue