1
0
Fork 0
mirror of https://github.com/munin-monitoring/contrib.git synced 2025-08-19 17:55:57 +00:00

- Add "muncollapse" template (the template formerly known as munstrap4).

Lots of changes:

 * Fix the README
 * Add a makefile to fetch bootstrap, lazyload, jquery, the munin logo, and the munin favicon
 * Mostly re-write dynazoom.  It works very much like the stock one now, with a few extra quick buttons, and of course the bootstrap styling
 * Remove all minified versions of scripts / css - The includes are minimal, it was not much of cost savings
 * Add sample images
 * Rename template to "muncollapse"
This commit is contained in:
JTSage 2020-04-15 22:29:49 -04:00
parent bc2dc914b3
commit 12ded312fc
45 changed files with 852 additions and 1147 deletions

View file

@ -0,0 +1,110 @@
<TMPL_INCLUDE NAME="partial/head.tmpl" />
<!--
File: munin-problemview.tmpl
Used: Problems view, top level template
NOTE: we don't lazy load on this page - presumably you want to immediatally see all problems
-->
<h2>Problem Overview</h2>
<div class="alert alert-danger" id="critical">Critical</div>
<TMPL_LOOP NAME="CRITICAL">
<div class="row">
<div class="col-md-6">
<a href="<TMPL_VAR NAME='NODEURL' />"><TMPL_VAR ESCAPE="HTML" NAME="NODENAME" /></a> &gt;</span>
<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>
<br/>
<a href="<TMPL_VAR NAME='URL' />">
<img src="<TMPL_VAR NAME='CIMGDAY' />" alt="<TMPL_VAR ESCAPE='HTML' NAME='LABEL' />" class="img-fluid 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>
<div class="col-md-6 d-none d-md-block">
<a href="<TMPL_VAR NAME='NODEURL'>"><TMPL_VAR ESCAPE="HTML" NAME="NODENAME" /></a> &gt;
<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>
<br/>
<a href="<TMPL_VAR NAME='URL' />">
<img src="<TMPL_VAR NAME='CIMGWEEK' />" alt="<TMPL_VAR ESCAPE='HTML' NAME='LABEL' />" class="img-fluid 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>
</div>
</TMPL_LOOP>
<div class="alert alert-warning" id="warnings">Warning</div>
<TMPL_LOOP NAME="WARNING">
<div class="row">
<div class="col-md-6">
<a href="<TMPL_VAR NAME='NODEURL' />"><TMPL_VAR ESCAPE="HTML" NAME="NODENAME" /></a> &gt;</span>
<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>
<br/>
<a href="<TMPL_VAR NAME='URL' />">
<img src="<TMPL_VAR NAME='CIMGDAY' />" alt="<TMPL_VAR ESCAPE='HTML' NAME='LABEL' />" class="img-fluid 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>
<div class="col-md-6 d-none d-md-block">
<a href="<TMPL_VAR NAME='NODEURL'>"><TMPL_VAR ESCAPE="HTML" NAME="NODENAME" /></a> &gt;
<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>
<br/>
<a href="<TMPL_VAR NAME='URL' />">
<img src="<TMPL_VAR NAME='CIMGWEEK' />" alt="<TMPL_VAR ESCAPE='HTML' NAME='LABEL' />" class="img-fluid 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>
</div>
</TMPL_LOOP>
<div class="alert alert-info" id="unknowns">Unknown</div>
<TMPL_LOOP NAME="UNKNOWN">
<div class="row">
<div class="col-md-6">
<a href="<TMPL_VAR NAME='NODEURL' />"><TMPL_VAR ESCAPE="HTML" NAME="NODENAME" /></a> &gt;</span>
<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>
<br/>
<a href="<TMPL_VAR NAME='URL' />">
<img src="<TMPL_VAR NAME='CIMGDAY' />" alt="<TMPL_VAR ESCAPE='HTML' NAME='LABEL' />" class="img-fluid 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>
<div class="col-md-6 d-none d-md-block">
<a href="<TMPL_VAR NAME='NODEURL'>"><TMPL_VAR ESCAPE="HTML" NAME="NODENAME" /></a> &gt;
<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>
<br/>
<a href="<TMPL_VAR NAME='URL' />">
<img src="<TMPL_VAR NAME='CIMGWEEK' />" alt="<TMPL_VAR ESCAPE='HTML' NAME='LABEL' />" class="img-fluid 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>
</div>
</TMPL_LOOP>
<TMPL_INCLUDE NAME="partial/footer_pre.tmpl" />
<TMPL_INCLUDE NAME="partial/footer.tmpl" />