qt-migration-legatus/qt6-after/qt6-migrated-legatus/Lts/Tools/ArAssetsV2/www/index.html

<!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>