138 lines
2.9 KiB
HTML
Executable File
138 lines
2.9 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html ng-app="main">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="leaflet.css" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
<script src="architect://architect.js"></script>
|
|
<script src="main.js"></script>
|
|
</head>
|
|
<body ng-controller="ctrl">
|
|
<div id="main" ng-hide="html.disableInput || ar.enabled">
|
|
<div id="mapContainer">
|
|
<div id="map"></div>
|
|
</div>
|
|
<div id="menu">
|
|
<div>
|
|
<div id="layers">
|
|
<h1>
|
|
Layers
|
|
</h1>
|
|
<table>
|
|
<tr ng-repeat="layer in objects.layers">
|
|
<td>
|
|
<input
|
|
type="checkbox"
|
|
ng-model="layer.Visible"
|
|
ng-change="functions.updateView()"
|
|
id="{{ layer.Name }}"
|
|
/>
|
|
<label for="{{ layer.Name }}">
|
|
{{ layer.Name }}
|
|
</label>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="locations">
|
|
<h1>
|
|
Locations
|
|
</h1>
|
|
<table>
|
|
<tr ng-repeat="location in objects.locations">
|
|
<td>
|
|
<a
|
|
href
|
|
ng-click="functions.goToLocation(location.getBounds())"
|
|
>
|
|
{{ location.Name }}
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<h1>
|
|
Asset type
|
|
</h1>
|
|
<select
|
|
ng-options="asset as asset.Name for asset in objects.assets.available"
|
|
ng-model="objects.assets.selected"
|
|
ng-change="functions.updateView()"
|
|
></select>
|
|
<hr />
|
|
<h1>
|
|
Selected mounting points:
|
|
{{
|
|
(
|
|
objects.mountingPoints
|
|
| filter: functions.search(mountingPoint)
|
|
).length
|
|
}}
|
|
</h1>
|
|
<input
|
|
type="text"
|
|
ng-model="html.mpQuery"
|
|
placeholder="Search... (case sensitive)"
|
|
/>
|
|
<button
|
|
ng-click="html.mpQuery = ''"
|
|
>
|
|
Clear</button
|
|
><br /><br />
|
|
<div
|
|
id="mountingPointTable"
|
|
ng-hide="
|
|
(objects.mountingPoints
|
|
| filter: functions.search(mountingPoint)
|
|
).length == 0"
|
|
>
|
|
<table>
|
|
<tr>
|
|
<th>
|
|
Name
|
|
</th>
|
|
<th>
|
|
ID
|
|
</th>
|
|
<th>
|
|
Position
|
|
</th>
|
|
</tr>
|
|
<tr
|
|
ng-repeat="mountingPoint in objects.mountingPoints | filter: functions.search(mountingPoint)"
|
|
>
|
|
<td>
|
|
<span ng-class="{ mounted: mountingPoint.MountedAsset != -1 }">
|
|
{{ mountingPoint.Name }}
|
|
</span>
|
|
</td>
|
|
<td>
|
|
{{ mountingPoint.Id }}
|
|
</td>
|
|
<td>
|
|
<button
|
|
ng-click="functions.openPopup(mountingPoint)"
|
|
>
|
|
Show
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="loadingContainer" ng-show="html.disableInput">
|
|
<progress id="loadingBar"></progress>
|
|
</div>
|
|
<div id="arMenu" ng-show="ar.enabled">
|
|
{{ ar.current }}
|
|
<br />
|
|
<button onclick="window.Functions.EndAr()">
|
|
Back
|
|
</button>
|
|
</div>
|
|
</body>
|
|
</html>
|