qt5-legatus-legacy/Lts/Tools/ParticipantPositionGeneratorHTML/mobile/index.html

<html>
   <head>
      <meta name="generator"
         content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <link rel="stylesheet" type="text/css" href="lib/css/jquery.mobile-1.1.0.min.css" />
      <script type="text/javascript" charset="utf-8" src="lib/js/cordova-1.7.0.js"></script>
      <script type="text/javascript" src="lib/js/jquery-1.7.2.min.js"></script>
      <script src="lib/js/jquery.mobile-1.1.0.min.js" type="text/javascript"></script>
      <script type="text/javascript" src="lib/js/liste.js"></script>
      <title>Websocket</title>
   </head>
   <body>
      <!-- -------------------------------- -->
      <!--  Page 1                          -->
      <!-- -------------------------------- -->
      <div data-role="page" id="p1">
         <div data-role="header">
            <h1>Positionen</h1>
         </div>
         <div data-role="content">
            <a href="#p2" data-role="button" data-transition="flip" data-icon="arrow-r" data-iconpos="right">Connect to Websocket</a><br />
            <a href="#p3" data-role="button" data-transition="flip" data-icon="arrow-r" data-iconpos="right">Input Position-Values</a><br />
            <a href="#p4" data-role="button" data-transition="flip" data-icon="arrow-r" data-iconpos="right">Positions</a><br />
         </div>
         <div data-role="footer">
            <h4>Gerlinde Rudolphus</h4>
         </div>
      </div>
      <!-- p1 -->
      <!-- -------------------------------- -->
      <!--  Page 2                          -->
      <!-- -------------------------------- -->
      <div data-role="page" id="p2">
         <div data-role="header">
            <a href="#" data-icon="back" data-rel="back" title="Go back">Back</a>
            <h1>Connect to Websocket</h1>
         </div>
         <div data-role="content">
            <form>
               <input type="text" value="EXCTDS01:12346" id="ipadresse" /> 
            </form>
            <div id="WebSocketStart">
			   <input type="button" value="Connect" id="connectWs" />	
            </div>
            <div id="Serverconnect">
               <font color="red">
               Server: not connected
               </font>
            </div>
         </div>
         <!-- content -->
         <div data-role="footer">
            <h4>Gerlinde Rudolphus</h4>
         </div>
      </div>
      <!-- p2 -->
      <!-- -------------------------------- -->
      <!--  Page 3                          -->
      <!-- -------------------------------- -->
      <div data-role="page" id="p3">
         <div data-role="header">
            <a href="#" data-icon="back" data-rel="back" title="Go back">Back</a>
            <h1>Positionen</h1>
         </div>
         <form>
            <table>
               <tr>
                  <th>
                     <font color="black">
                     Type:
                     </font>
                  </th>
                  <th>
                     PositionReport
                  </th>
               </tr>
               <tr>
                  <td>
                     <font color="black">
                     EquipmentNr.:
                     </font>
                  </td>
                  <td>
                     <input type="text" id="equipmentnumber" value="2831"/>
                  </td>
               </tr>
               <tr>
                  <td>
                     <font color="black">
                     Latitude(rad):
                     </font>
                  </td>
                  <td>
                     <input type="text" id="latitude" value="0.92597504404927866"/>
                  </td>
               </tr>
               <tr>
                  <td>
                     <font color="black">
                     Longitude(rad):
                     </font>
                  </td>
                  <td>
                     <input type="text" id="longitude" value="0.15527616487116957"/>
                  </td>
               </tr>
               <tr>
                  <td>
                     <font color="black">
                     Height(m):
                     </font>
                  </td>
                  <td>
                     <input type="text" id="height" value="2"/>
                  </td>
               </tr>
               <tr>
                  <td>
                     <font color="black">
                     AreaID:
                     </font>
                  </td>
                  <td>
                     <input type="text" id="areaID" value="5"/>
                  </td>
               </tr>
               <tr>
                  <td>
                     <font color="black">
                     ObjectID:
                     </font>
                  </td>
                  <td>
                     <input type="text" id="objectID" value="-1"/>
                  </td>
               </tr>
               <tr>
                  <td>
                     <font color="black">
                     RoomID:
                     </font>
                  </td>
                  <td>
                     <input type="text" id="roomID" value="-1"/>
                  </td>
               </tr>
            </table>
            <input type="button" value="Send" id="send" /> 			
         </form>
         <div data-role="footer">
            <h4>Gerlinde Rudolphus</h4>
         </div>
      </div>
      <!--p3-->
      <!-- -------------------------------- -->
      <!--  Page 4                          -->
      <!-- -------------------------------- -->
      <div data-role="page" id="p4">
         <div data-role="header" >
            <a href="#" data-icon="back" data-rel="back" title="Go back">Back</a>
            <h1>Positions</h1>
         </div>
         <h2>BT 56: ground floor</h2>
         <div data-role="controlgroup">
		    <input type="button" value="Room 25" id="room25" />
 			<input type="button" value="Room 32" id="room32" />
			<input type="button" value="Room 37" id="room37" />
			<input type="button" value="Room 42" id="room42" />
			<input type="button" value="Room 45" id="room45" />
			<input type="button" value="Room 50" id="room50" />
			<input type="button" value="Room 54" id="room54" />
			
         </div>
         
         <div data-role="footer">
            <h4>Gerlinde Rudolphus</h4>
         </div>
      </div>
      <!--p4-->
   </body>
</html>