Integrated responsive graph columns into official template

This commit is contained in:
Martin Fischer 2017-01-28 08:41:24 +01:00
parent 73d49d8373
commit 8b27b99d0e
2 changed files with 35 additions and 2 deletions

View File

@ -17,14 +17,28 @@
<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="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>
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>
</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>
</table>
</TMPL_LOOP>

View File

@ -18,4 +18,23 @@
<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>