137 lines
4.0 KiB
HTML
137 lines
4.0 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 active"
|
|
onclick="main.open_tab(event, 'httptoolkit-tab')"
|
|
>
|
|
HttpToolkit UI
|
|
</button>
|
|
<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" 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 active" id="httptoolkit-tab">
|
|
<iframe
|
|
id="httptoolkit-frame"
|
|
style="flex-grow: 1"
|
|
src="http://localhost:9080/"
|
|
title="httptoolkit"
|
|
></iframe>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|