133 lines
		
	
	
		
			3.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			133 lines
		
	
	
		
			3.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!doctype html>
 | 
						|
<html lang="en">
 | 
						|
  <head style="height: 100vh">
 | 
						|
    <meta charset="UTF-8" />
 | 
						|
    <title>Rentgen android</title>
 | 
						|
    <script src="/htmx.js"></script>
 | 
						|
    <link rel="stylesheet" href="/styles.css" />
 | 
						|
    <script src="/main.js" type="module"></script>
 | 
						|
  </head>
 | 
						|
  <body>
 | 
						|
    <div id="notifications"></div>
 | 
						|
    <div id="resp" style="display: none"></div>
 | 
						|
    <main>
 | 
						|
      <section class="screen-section">
 | 
						|
        <img
 | 
						|
          id="screen"
 | 
						|
          alt="android screen"
 | 
						|
          src=""
 | 
						|
          draggable="false"
 | 
						|
          class="screen"
 | 
						|
          style="flex-grow: 0"
 | 
						|
          tabindex="0"
 | 
						|
        />
 | 
						|
        <div class="screen-buttons" style="flex-grow: 0">
 | 
						|
          <button class="screen-buttons-recent-apps">recent-apps</button>
 | 
						|
          <button class="screen-buttons-home">home</button>
 | 
						|
          <button class="screen-buttons-back">back</button>
 | 
						|
        </div>
 | 
						|
        <form
 | 
						|
          id="upload_form"
 | 
						|
          hx-post="/upload_apk"
 | 
						|
          enctype="multipart/form-data"
 | 
						|
          hx-target="#resp"
 | 
						|
        >
 | 
						|
          <label id="upload_input" for="app"
 | 
						|
            >Select file
 | 
						|
            <input
 | 
						|
              type="file"
 | 
						|
              id="app"
 | 
						|
              name="app"
 | 
						|
              accept=".apk"
 | 
						|
              required
 | 
						|
              multiple
 | 
						|
            />
 | 
						|
          </label>
 | 
						|
          <button type="submit">Install the app</button>
 | 
						|
        </form>
 | 
						|
      </section>
 | 
						|
 | 
						|
      <div class="tab-section">
 | 
						|
        <div class="tab">
 | 
						|
          <button class="tablinks" onclick="main.open_tab(event, 'logs-tab')">
 | 
						|
            Logs
 | 
						|
          </button>
 | 
						|
          <button
 | 
						|
            class="tablinks"
 | 
						|
            onclick="main.open_tab(event, 'controls-tab')"
 | 
						|
          >
 | 
						|
            Device Controls
 | 
						|
          </button>
 | 
						|
        </div>
 | 
						|
 | 
						|
        <div class="tabcontent active" id="logs-tab">
 | 
						|
          <div id="logs">
 | 
						|
            <p id="clicks-log" class="log-section"></p>
 | 
						|
            <div id="traffic-log" class="log-section">
 | 
						|
              <div>
 | 
						|
                <button onclick="main.download_har()">Download HAR</button>
 | 
						|
                <button onclick="main.inspect_har()">Inspect HAR</button>
 | 
						|
                <div>
 | 
						|
                  <h2>stats:</h2>
 | 
						|
                  <p id="traffic-log-req-res-pairs">
 | 
						|
                    Request + responce pairs: 0
 | 
						|
                  </p>
 | 
						|
                  <p id="traffic-log-waiting">
 | 
						|
                    Waiting for the responce: 0
 | 
						|
                  </p>
 | 
						|
                </div>
 | 
						|
                <div id="traffic-log-lines">
 | 
						|
				</div>
 | 
						|
              </div>
 | 
						|
            </div>
 | 
						|
          </div>
 | 
						|
        </div>
 | 
						|
 | 
						|
        <div class="tabcontent" id="controls-tab">
 | 
						|
          <form id="set_coords" onsubmit="main.coords_handler(event)">
 | 
						|
            <label>
 | 
						|
              Latitude:
 | 
						|
              <input type="text" name="lat" />
 | 
						|
            </label>
 | 
						|
            <label>
 | 
						|
              Longitude:
 | 
						|
              <input type="text" name="lon" />
 | 
						|
            </label>
 | 
						|
            <button type="submit">Submit coords</button>
 | 
						|
          </form>
 | 
						|
          <button id="reset_adid_btn" onclick="main.reset_adid_handler(event)">
 | 
						|
            Reset ADID
 | 
						|
          </button>
 | 
						|
          <table>
 | 
						|
            <thead></thead>
 | 
						|
            <tbody>
 | 
						|
              <tr>
 | 
						|
                <td>ADID:</td>
 | 
						|
                <td id="adid_priv_info_table">UNKNOWN</td>
 | 
						|
              </tr>
 | 
						|
              <tr>
 | 
						|
                <td>Longitude:</td>
 | 
						|
                <td id="lon_priv_info_table">UNKNOWN</td>
 | 
						|
              </tr>
 | 
						|
              <tr>
 | 
						|
                <td>Latitude:</td>
 | 
						|
                <td id="lat_priv_info_table">UNKNOWN</td>
 | 
						|
              </tr>
 | 
						|
            </tbody>
 | 
						|
          </table>
 | 
						|
 | 
						|
		  <h2>Lanuch app</h2>
 | 
						|
		  <form id="launch_app_form">
 | 
						|
			  <select name="appid" id="app_id_select">
 | 
						|
			  </select>
 | 
						|
			  <button type="submit">Launch app</button>
 | 
						|
		  </form>
 | 
						|
 | 
						|
		  <h2>Open ports</h2>
 | 
						|
		  <p id="open-ports"></p>
 | 
						|
        </div>
 | 
						|
      </div>
 | 
						|
    </main>
 | 
						|
  </body>
 | 
						|
</html>
 |