186 lines
8.5 KiB
HTML
Executable File
186 lines
8.5 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>TimeLine</title>
|
|
<script src="TimeLine.js"></script>
|
|
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
|
|
<link href="TimeLineStyle.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<hr>
|
|
|
|
<div id="header">
|
|
|
|
<table id="headerTable">
|
|
<tr>
|
|
<td>
|
|
<form>
|
|
<input id="ipadresse" type="text" placeholder="ipadresse">
|
|
</form>
|
|
</td>
|
|
<td>
|
|
<form>
|
|
<input id="port" type="text" placeholder="port">
|
|
</form>
|
|
</td>
|
|
<td>
|
|
<button onclick="connect()">Connect</button>
|
|
</td>
|
|
<td>
|
|
<div id="connectionDiv">
|
|
<font color="red">
|
|
Server: not connected
|
|
</font>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div id="portSelectionDiv">
|
|
<select id="portSelection" onchange="changePort()">
|
|
<option value="7300">Übungen</option>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<form>
|
|
<input id="partId" type="text" placeholder="Optional: partId">
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div id="selects">
|
|
|
|
<table id="tableTimer">
|
|
<tr class="rowTimer">
|
|
<td class="cellTimer">StartDate</td>
|
|
<td class="cellTimer">StartTime</td>
|
|
</tr>
|
|
<tr class="rowTimer">
|
|
<td class="cellTimer"><input id="trainingDateStart" type="date"></td>
|
|
<td class="cellTimer"><input id="startTime" type="time"></td>
|
|
</tr>
|
|
<tr class="rowTimer">
|
|
<td class="cellTimer">EndDate</td>
|
|
<td class="cellTimer">EndTime</td>
|
|
</tr>
|
|
<tr class="rowTimer">
|
|
<td class="cellTimer"><input id="trainingDateEnd" type="date"></td>
|
|
<td class="cellTimer"><input id="endTime" type="time"></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div id="eventSelects">
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="11" name="rqTypes"><mark style="background-color: rgb(0,0,255,0.6)">Audio</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="3" name="rqTypes"><mark style="background-color: rgb(30,144,255,0.7)">BiteMessage</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="7" name="rqTypes"><mark style="background-color: rgb(0,191,255,0.6)">CameraAudio</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="8" name="rqTypes"><mark style="background-color: rgb(135,206,250,0.6)">CameraVideo</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="26" name="rqTypes"><mark style="background-color: rgb(0,206,209,0.6)">CrossGlobalBorderline</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="21" name="rqTypes"><mark style="background-color: rgb(0,255,255,0.6)">CrossLocalBorderline</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="112" name="rqTypes"><mark style="background-color: rgb(127,255,212,0.6)">EmergencyCall</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="17" name="rqTypes"><mark style="background-color: rgb(152,251,152,0.6)">EnterDangerArea</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="22" name="rqTypes"><mark style="background-color: rgb(124,252,0,0.6)">EnterFunctionalArea</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="19" name="rqTypes"><mark style="background-color: rgb(0,255,0,0.6)">EnterMineArea</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="24" name="rqTypes"><mark style="background-color: rgb(50,205,50,0.6)">EnterNuclear</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="100" name="rqTypes"><mark style="background-color: rgb(34,139,34,0.6)">EquipmentErrorReport</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="4" name="rqTypes"><mark style="background-color: rgb(189,183,107,0.6)">FireEvent</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="28" name="rqTypes"><mark style="background-color: rgb(240,230,140,0.6)">FriendlyFire</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="1" name="rqTypes"><mark style="background-color: rgb(255,255,0,0.6)">Hit</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="27" name="rqTypes"><mark style="background-color: rgb(255,215,0,0.6)">HitB</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="5" name="rqTypes"><mark style="background-color: rgb(184,134,11,0.6)">HitBuilding</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="16" name="rqTypes"><mark style="background-color: rgb(160,82,45,0.6)">HitC</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="13" name="rqTypes"><mark style="background-color: rgb(139,69,19,0.6)">HitIndirect</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="14" name="rqTypes"><mark style="background-color: rgb(205,92,92,0.6)">HitMine</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="15" name="rqTypes"><mark style="background-color: rgb(178,34,34,0.6)">HitN</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="18" name="rqTypes"><mark style="background-color: rgb(255,160,122,0.6)">LeaveDangerArea</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="23" name="rqTypes"><mark style="background-color: rgb(255,69,0,0.6)">LeaveFunctionalArea</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="20" name="rqTypes"><mark style="background-color: rgb(255,0,0,0.6)">LeaveMineArea</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="25" name="rqTypes"><mark style="background-color: rgb(255,20,147,0.6)">LeaveNuclear</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="6" name="rqTypes"><mark style="background-color: rgb(255,105,180,0.6)">Manipulation</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="9" name="rqTypes"><mark style="background-color: rgb(221,160,221,0.6)">RadioCnr</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="10" name="rqTypes"><mark style="background-color: rgb(186,85,211,0.6)">RadioTvc</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="0" name="rqTypes"><mark style="background-color: rgb(148,0,211,0.6)">Unknown</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="12" name="rqTypes"><mark style="background-color: rgb(79,79,79,0.6)">Video</mark>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" value="2" name="rqTypes"><mark style="background-color: rgb(199,199,199,0.6)">WeaponAssignment</mark>
|
|
</div>
|
|
</div>
|
|
<button id="requestButton" onclick="sendRequest()">Request</button>
|
|
</div>
|
|
|
|
<div id="displayDiv">
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |