<!DOCTYPE html>
<html ng-app="mapApp">
	<head>
		<meta charset="utf-8"/>
		<title>Nagios Map</title>
		<link type="image/ico" rel="shortcut icon" href="images/favicon.ico"/>
		<link type="text/css" rel="stylesheet"
				href="bootstrap-3.3.0/css/bootstrap.min.css">
		<link type="text/css" rel="stylesheet"
				href="bootstrap-3.3.0/css/bootstrap-theme.min.css">
		<link type='text/css' rel='stylesheet' href='stylesheets/common.css'/>
		<link type='text/css' rel='stylesheet' href='stylesheets/map.css'/>
		<link type='text/css' rel='stylesheet' href='stylesheets/map-directive.css'/>
		<script type="text/javascript" src="d3/d3.min.js"></script>
		<script type="text/javascript"
				src="angularjs/angular-1.3.9/angular.min.js"></script>
		<script type="text/javascript"
				src="angularjs/ui-bootstrap-tpls-0.12.0.min.js"></script>
		<script type="text/javascript"
				src="angularjs/ui-utils-0.2.1/ui-utils.js"></script>
		<script type="text/javascript" src="spin/spin.min.js"></script>
		<script type="text/javascript" src="js/map.js"></script>
		<script type="text/javascript" src="js/map-directive.js"></script>
		<script type="text/javascript" src="js/map-form.js"></script>
		<script type="text/javascript" src="js/nagios-decorations.js"></script>
		<script type="text/javascript" src="js/nagios-time.js"></script>
	</head>
	<body ng-controller="mapCtrl">
		<div id="image-cache" style="display: none;"></div>
		<div id="header-container">
			<div info-box cgiurl="{{params.cgiurl}}"
					decoration-title="{{infoBoxTitle()}}"
					update-interval="10"
					last-update="lastUpdate"
					initial-state="collapsed"
					collapsable="true"
					include-partial="map-links.html">
			</div>
		</div>
		<div id="map-container" ng-hide="formDisplayed"
				nagios-map
				cgiurl="{{params.cgiurl}}"
				layout="{{params.layout}}"
				dimensions="{{params.dimensions}}"
				ulx="{{params.ulx}}"
				uly="{{params.uly}}"
				lrx="{{params.lrx}}"
				lry="{{params.lry}}"
				root="params.root"
				maxzoom="params.maxzoom"
				nolinks="{{params.nolinks}}"
				notext="{{params.notext}}"
				nopopups="{{params.nopopups}}"
				noresize="{{params.noresize}}"
				noicons="{{params.noicons}}"
				iconurl="{{params.iconurl}}"
				reload="{{reload}}"
				update-interval="10"
				last-update="lastUpdate"
				map-width="svgWidth"
				map-height="svgHeight"
				build="canBuildMap()">
			</div>

			<div id="menubutton" ng-style="menuButtonStyle()"
					ng-hide="params.nomenu">
				<button type="button" class="btn"
						ng-click="displayForm()">
					<img src="images/menu.png"/>
				</button>
			</div>
		</div>
	</body>
</html>
