<TMPL_INCLUDE NAME="partial/head.tmpl">
<body>
<TMPL_INCLUDE NAME="partial/logo_navigation.tmpl">
<div id="main" class="categoryview">
	<TMPL_INCLUDE NAME="partial/navigation.tmpl">
	<div id="content" data-graphext="<TMPL_VAR GRAPH_EXT>">
		<div class="page-head">
			<div>
				<h2>Category</h2>
				<div class="subtitle"><TMPL_VAR ESCAPE="HTML" CATEGORY> - <TMPL_VAR TIMERANGE></div>
			</div>
			<ul class="timeRangeSwitch">
				<li>day</li>
				<li>week</li>
				<li>month</li>
				<li>year</li>
			</ul>
		</div>

		<div class="table">
			<TMPL_LOOP SERVICES>
				<div class="service table-row-group" data-name="<TMPL_VAR ESCAPE="HTML" NAME>/<TMPL_VAR ESCAPE="HTML" TITLE>">
					<div class="table-row">
						<h3 id="<TMPL_VAR ESCAPE="HTML" name>"><TMPL_VAR ESCAPE="HTML" TITLE></h3>
						<div class="subtitle"><TMPL_VAR ESCAPE="HTML" NAME></div>
					</div>

					<div class="table-row">
						<TMPL_LOOP GRAPHS>
							<div class="graph-col">
								<span class="nodetitle row-text">
									<a href="<TMPL_VAR HOST_URL>">
										<TMPL_VAR ESCAPE="HTML" NODENAME></a> &bull;
										<TMPL_IF URLX>
											<a <TMPL_IF STATE_WARNING>class="warn"</TMPL_IF>
											  <TMPL_IF STATE_CRITICAL>class="crit"</TMPL_IF> href="<TMPL_VAR URLX>">
										</TMPL_IF>
											<TMPL_VAR ESCAPE="HTML" LABEL>
										<TMPL_IF URLX></a></TMPL_IF>
								</span>
								<br />
								<a href="<TMPL_VAR URLX>" class="graph-link i<TMPL_IF STATE_WARNING>warn</TMPL_IF><TMPL_IF STATE_CRITICAL>crit</TMPL_IF>">
									<TMPL_IF TIMEDAY>
										<img src="<TMPL_VAR CIMGDAY>" alt="<TMPL_VAR ESCAPE="HTML" LABEL>"
										  class="graph i<TMPL_IF STATE_WARNING>warn</TMPL_IF><TMPL_IF STATE_CRITICAL>crit</TMPL_IF>"
										  <TMPL_IF IMGDAYWIDTH>width="<TMPL_VAR IMGDAYWIDTH>" </TMPL_IF>
										  <TMPL_IF IMGDAYHEIGHT>height="<TMPL_VAR IMGDAYHEIGHT>"</TMPL_IF>/>
									</TMPL_IF>
									<TMPL_IF TIMEWEEK>
										<img src="<TMPL_VAR CIMGWEEK>" alt="<TMPL_VAR ESCAPE="HTML" LABEL>"
										  class="graph i<TMPL_IF STATE_WARNING>warn</TMPL_IF><TMPL_IF STATE_CRITICAL>crit</TMPL_IF>"
										  <TMPL_IF IMGWEEKWIDTH>width="<TMPL_VAR IMGWEEKWIDTH>" </TMPL_IF>
										  <TMPL_IF IMGWEEKHEIGHT>height="<TMPL_VAR IMGWEEKHEIGHT>"</TMPL_IF>/>
									</TMPL_IF>
									<TMPL_IF TIMEMONTH>
										<img src="<TMPL_VAR CIMGMONTH>" alt="<TMPL_VAR ESCAPE="HTML" LABEL>"
										  class="graph i<TMPL_IF STATE_WARNING>warn</TMPL_IF><TMPL_IF STATE_CRITICAL>crit</TMPL_IF>"
										  <TMPL_IF IMGMONTHWIDTH>width="<TMPL_VAR IMGMONTHWIDTH>" </TMPL_IF>
										  <TMPL_IF IMGMONTHHEIGHT>height="<TMPL_VAR IMGMONTHHEIGHT>"</TMPL_IF>/>
									</TMPL_IF>
									<TMPL_IF TIMEYEAR>
										<img src="<TMPL_VAR CIMGYEAR>" alt="<TMPL_VAR ESCAPE="HTML" LABEL>"
										  class="graph i<TMPL_IF STATE_WARNING>warn</TMPL_IF><TMPL_IF STATE_CRITICAL>crit</TMPL_IF>"
										  <TMPL_IF IMGYEARWIDTH>width="<TMPL_VAR IMGYEARWIDTH>" </TMPL_IF>
										  <TMPL_IF IMGYEARHEIGHT>height="<TMPL_VAR IMGYEARHEIGHT>"</TMPL_IF>/>
									</TMPL_IF>
								</a>
							</div>
						</TMPL_LOOP>
					</div>
				</div>
			</TMPL_LOOP>
		</div>
	</div>
</div>
<a href="#" id="backToTop"><i class="mdi mdi-arrow-up"></i></a>
<TMPL_INCLUDE NAME="partial/footer.tmpl">
<script src="/static/js/munin-categoryview.js"></script>
<script src="/static/js/component-eventruler.js"></script>
</body>
</html>
