qt-migration-legatus/qt5-before/dlbo/Lts/Tools/ParticipantPositionGeneratorHTML/EsriMap/MapView.html

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