Mirrors/Munin-Contrib
1
0
Fork 0
mirror of https://github.com/munin-monitoring/contrib.git synced 2025-07-22 14:16:00 +00:00
Code Issues Releases Wiki Activity

Merge pull request #767 from hansmaulwurf23/master

Browse source 
added responsive template, which shows month and year graphs on wide screens
This commit is contained in:
sumpfralle 2017-01-29 14:45:51 +01:00 • committed by GitHub
commit 2e59eea92e
2 changed files with 38 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

18
templates/official/munin-nodeview.tmpl
View file

@ -17,14 +17,28 @@
<TMPL_IF NAME="IMGDAYWIDTH">width="<TMPL_VAR NAME="IMGDAYWIDTH">" </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 NAME="IMGDAYHEIGHT">height="<TMPL_VAR NAME="IMGDAYHEIGHT">"</TMPL_IF>/>
</a></td> </a></td>
<td><a href="<TMPL_VAR NAME="URLX">"> <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> <img class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
src="<TMPL_VAR NAME="IMGWEEK">" src="<TMPL_VAR NAME="IMGWEEK">"
alt="<TMPL_VAR ESCAPE="HTML" NAME="NAME">" alt="<TMPL_VAR ESCAPE="HTML" NAME="NAME">"
<TMPL_IF NAME="IMGWEEKWIDTH">width="<TMPL_VAR NAME="IMGWEEKWIDTH">" </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 NAME="IMGWEEKHEIGHT">height="<TMPL_VAR NAME="IMGWEEKHEIGHT">"</TMPL_IF>/>
</a></td> </a></td>
</tr> <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> </TMPL_LOOP>
</table> </table>
</TMPL_LOOP> </TMPL_LOOP>

22
templates/official/partial/head.tmpl
View file

@ -18,4 +18,26 @@
<link rel="icon" type="image/vnd.microsoft.icon" href="<TMPL_VAR NAME="R_PATH">/static/favicon.ico" /> <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"/> <link rel="SHORTCUT ICON" href="<TMPL_VAR NAME="R_PATH">/static/favicon.ico"/>
<style type="text/css">
/* don't display 3rd & 4th column per default */
td.third_plot_col, td.fourth_plot_col {
display: none;
}
/* show 3rd column when display area width is at least 1900 pixels wide */
@media (min-width: 1900px) {
td.third_plot_col {
display: inline;
}
}
/* show 3rd & 4th column when display area width is at least 2530 pixels wide */
@media (min-width: 2530px) {
td.third_plot_col, td.fourth_plot_col {
display: inline;
}
}
</style>
</head> </head>