198 lines
8.1 KiB
HTML
Executable File
198 lines
8.1 KiB
HTML
Executable File
<!DOCTYPE HTML>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
|
|
<html>
|
|
|
|
<head>
|
|
<title>MapView</title>
|
|
<style>
|
|
table {
|
|
border-collapse: separate;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
text-align: left;
|
|
padding: 8px;
|
|
}
|
|
|
|
.headcol {
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
|
|
#mapDiv {
|
|
height: 760px;
|
|
width: 72.5%;
|
|
}
|
|
|
|
#infoDiv {
|
|
position: absolute;
|
|
top: 12%;
|
|
left: 70%;
|
|
}
|
|
|
|
#infoDiv input {
|
|
border: none;
|
|
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" href="https://js.arcgis.com/4.7/esri/css/main.css">
|
|
<script src="https://js.arcgis.com/4.7/"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
<script src="MapView.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<hr>
|
|
<table style="width:25%;display:inline-block" id="HeaderTable">
|
|
<tr id="HeaderTableRow">
|
|
<td>
|
|
<form>
|
|
<input type="text" value="" id="ipadresse" />
|
|
</form>
|
|
</td>
|
|
<td>
|
|
<div id="WebSocketStart">
|
|
<select id="selects" onchange="connect()"></select>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div id="Serverconnect">
|
|
<font color="red">
|
|
Server: not connected
|
|
</font>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<table style="width:50%;display:inline-block">
|
|
<td>
|
|
<div id="layers" style="left: 1000px">
|
|
<input class="layer" type="checkbox" value="footprintLayer" name="layerSelect" onchange="toggleLayer()">FootPrints</input>
|
|
<input class="layer" type="checkbox" value="eventLayer" name="layerSelect" onchange="toggleLayer()">Events</input>
|
|
<input class="layer" type="checkbox" value="outdoorLayer" name="layerSelect" onchange="toggleLayer()">Outdoor</input>
|
|
<input class="layer" type="checkbox" value="floor_1" name="layerSelect" onchange="toggleLayer()">Floor1</input>
|
|
<input class="layer" type="checkbox" value="floor_2" name="layerSelect" onchange="toggleLayer()">Floor2</input>
|
|
<input class="layer" type="checkbox" value="floor_3" name="layerSelect" onchange="toggleLayer()">Floor3</input>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div id="AssetTypesDiv" style="left: 1000px">
|
|
</div>
|
|
</td>
|
|
</table>
|
|
|
|
</table>
|
|
<hr>
|
|
<div style="height:90%; border-left: 2px solid black; position:absolute; right: 520px;top: 9.5%;"></div>
|
|
<div style="float:right">
|
|
<input style="float:right; height:32px;width:100px;" type="button" value="Submit" onclick="sendRequest()">
|
|
<input style="float:right;height:1px;width:100px" type="number" id="hours">
|
|
<input style="float:right;height:1px;width:100px" type="time" id="startTime">
|
|
<input style="float:right;height:1px; width: 150px" type="date" id="startDate" />
|
|
<br>
|
|
<table style="float:left" class="selects">
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="11" name="rqTypes">Audio</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="3" name="rqTypes">BiteMessage</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="7" name="rqTypes">CameraAuido</td>
|
|
</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="8" name="rqTypes">CameraVideo</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="26" name="rqTypes">CrossGlobalBorderline</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="21" name="rqTypes">CrossLocalBorderline</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="112" name="rqTypes">EmergencyCall</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="17" name="rqTypes">EnterDangerArea</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="22" name="rqTypes">EnterFunctionalArea</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="19" name="rqTypes">EnterMineArea</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="24" name="rqTypes">EnterNuclear</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="100" name="rqTypes">EquipmentErrorReport</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="4" name="rqTypes">FireEvent</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="28" name="rqTypes">FriendlyFire</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="1" name="rqTypes">Hit</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="27" name="rqTypes">HitB</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="5" name="rqTypes">HitBuilding</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="16" name="rqTypes">HitC</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="13" name="rqTypes">HitIndirect</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="14" name="rqTypes">HitMine</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="15" name="rqTypes">HitN</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="18" name="rqTypes">LeaveDangerArea</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="23" name="rqTypes">LeaveFunctionalArea</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="20" name="rqTypes">LeaveMineArea</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="25" name="rqTypes">LeaveNuclear</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="6" name="rqTypes">Manipulation</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="9" name="rqTypes">RadioCnr</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="10" name="rqTypes">Radio Tvc</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="0" name="rqTypes">Unknown</td>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="12" name="rqTypes">Video</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input class="RequestedTypes" type="checkbox" value="2" name="rqTypes">WeaponAssignment</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div id="mapDiv">
|
|
<div id="infoDiv">
|
|
<input class="esri-component esri-widget-button esri-widget esri-interactive" type="button" id="switch-btn" value="3D">
|
|
</div>
|
|
</div>
|
|
</body> |